.tasks-heading-actions{display:flex;gap:.65rem;align-items:center;flex-wrap:wrap}.task-badge{display:inline-flex;min-width:1.45rem;height:1.45rem;padding:0 .38rem;border-radius:999px;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;background:rgba(31,112,183,.12);margin-inline-start:.4rem}.tasks-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-bottom:1rem}.tasks-stat{background:#fff;border:1px solid var(--line,#dce5ed);border-radius:16px;padding:1rem;box-shadow:0 10px 28px rgba(29,53,87,.04)}.tasks-stat strong{display:block;font-size:1.55rem}.tasks-stat span{color:var(--muted,#637083);font-size:.9rem}.tasks-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin:0 0 1rem}.tasks-tab{border:1px solid var(--line,#dce5ed);background:#fff;border-radius:999px;padding:.6rem 1rem;cursor:pointer}.tasks-tab.active{background:#eef6fb;border-color:#9fc8e4;font-weight:700}.tasks-team{margin-bottom:1rem}.tasks-team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.75rem;margin-top:.75rem}.task-person{border:1px solid var(--line,#dce5ed);background:#fff;border-radius:15px;padding:.9rem}.task-person-head{display:flex;justify-content:space-between;gap:.75rem}.task-person strong{display:block}.task-person small{color:var(--muted,#637083)}.task-workload{font-weight:700;white-space:nowrap}.task-person-meta{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.65rem;font-size:.78rem;color:var(--muted,#637083)}.task-pill{display:inline-flex;align-items:center;border-radius:999px;padding:.2rem .55rem;background:#f4f7fa}.task-pill.overdue{background:#fff0ef;color:#a63a31}.tasks-filterbar{display:flex;justify-content:space-between;gap:1rem;align-items:end;flex-wrap:wrap;margin-bottom:.9rem}.tasks-filterbar .filter-fields{display:flex;gap:.65rem;flex-wrap:wrap;align-items:end}.tasks-filterbar label{font-size:.82rem}.tasks-filterbar select,.tasks-filterbar input{min-width:150px}.task-title-button{border:0;background:none;padding:0;color:inherit;font:inherit;font-weight:700;cursor:pointer;text-align:start}.task-title-button:hover{text-decoration:underline}.task-status{display:inline-flex;align-items:center;border-radius:999px;padding:.28rem .62rem;font-size:.78rem;font-weight:700;white-space:nowrap}.task-status.new{background:#eef6fb;color:#1f70b7}.task-status.in_progress{background:#fff7df;color:#846100}.task-status.pending_approval{background:#f3edff;color:#6846a6}.task-status.completed{background:#edf8f0;color:#2f7440}.task-due.overdue{color:#a63a31;font-weight:700}.task-row-actions{display:flex;gap:.4rem;flex-wrap:wrap}.tasks-empty{padding:2.2rem 1rem;text-align:center;color:var(--muted,#637083)}.task-dialog-form{display:grid;gap:.75rem}.task-dialog-form textarea{min-height:110px;resize:vertical}.task-dialog-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.task-assignee-hint{min-height:1.2rem}.task-detail-head{display:flex;justify-content:space-between;gap:1rem;align-items:start}.task-detail-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:1rem 0}.task-detail-meta>div{background:#f7f9fc;border-radius:12px;padding:.7rem}.task-detail-meta small{display:block;color:var(--muted,#637083);margin-bottom:.15rem}.task-description{white-space:pre-wrap;line-height:1.8}.task-timeline{display:grid;gap:.65rem;margin-top:.75rem}.task-event{border-inline-start:3px solid #dce6f1;padding:.15rem .8rem .15rem 0}.task-event strong{display:block}.task-event small{color:var(--muted,#637083)}.task-event p{margin:.3rem 0 0;white-space:pre-wrap}.task-attachments{display:grid;gap:.45rem}.task-attachment{display:flex;justify-content:space-between;gap:.7rem;align-items:center;padding:.65rem .75rem;border:1px solid var(--line,#dce5ed);border-radius:12px}.task-dialog-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}.task-inline-error{color:#a63a31;min-height:1.2rem}.task-return-box,.task-submit-box{display:grid;gap:.55rem;margin-top:.8rem;padding:.8rem;border-radius:12px;background:#f7f9fc}.task-submit-box textarea,.task-return-box textarea{min-height:90px;resize:vertical}@media(max-width:760px){.tasks-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.task-dialog-grid,.task-detail-meta{grid-template-columns:1fr}.tasks-filterbar{align-items:stretch}.tasks-filterbar .filter-fields{display:grid;grid-template-columns:1fr 1fr;width:100%}.tasks-filterbar select,.tasks-filterbar input{min-width:0;width:100%}}@media(max-width:480px){.tasks-overview{grid-template-columns:1fr 1fr}.tasks-filterbar .filter-fields{grid-template-columns:1fr}.task-person-head,.task-detail-head,.task-attachment{align-items:stretch;flex-direction:column}}


/* MULTI ASSIGNEE START */

.task-assignee-picker{
  display:grid;
  grid-template-columns:1fr auto;
  gap:10px;
  align-items:end;
}

.task-assignee-list{
  display:grid;
  gap:10px;
  margin-top:10px;
}

.task-assignee-row{
  display:grid;
  grid-template-columns:minmax(180px,1.4fr) minmax(150px,1fr) minmax(180px,1.2fr) auto;
  gap:12px;
  align-items:end;
  padding:12px;
  border:1px solid var(--border, #d7dde5);
  border-radius:14px;
  background:rgba(255,255,255,.72);
}

.task-assignee-row-person{
  display:flex;
  flex-direction:column;
  gap:3px;
  align-self:center;
}

.task-assignee-row-field{
  display:flex;
  flex-direction:column;
  gap:5px;
}

.task-assignee-row select,
.task-assignee-row input{
  width:100%;
}

#task-assignment-file-wrap{
  margin-top:8px;
}

@media (max-width:760px){
  .task-assignee-picker,
  .task-assignee-row{
    grid-template-columns:1fr;
  }
}

/* MULTI ASSIGNEE END */


#task-editor-dialog{
  width:min(980px,92vw);
  max-width:980px;
}


/* TASK DIALOG SCROLLBAR */
#task-editor-dialog{
  overflow-x:hidden;
  scrollbar-width:none;
}

#task-editor-dialog::-webkit-scrollbar{
  width:0;
  height:0;
}


/* ASSIGNEE PICKER ROW */
.task-assignee-picker{
  display:grid;
  grid-template-columns:minmax(280px,1fr) 190px 180px;
  gap:10px;
  align-items:center;
}

.task-assignee-picker select,
.task-assignee-picker button{
  width:100%;
  height:44px;
  margin:0;
}

@media (max-width:760px){
  .task-assignee-picker{
    grid-template-columns:1fr;
  }
}