.tasks-page{display:grid;gap:14px}.task-create{width:100%;min-height:52px;margin-bottom:0;border-radius:16px;font-size:12px;font-weight:900;letter-spacing:-.1px}.task-tabs{display:flex;gap:6px;padding:5px;background:#0c0f12;border:1px solid var(--line-soft);border-radius:15px;overflow-x:auto;scrollbar-width:none}.task-tabs::-webkit-scrollbar{display:none}.task-tabs button{flex:1;min-width:max-content;border:0;border-radius:10px;background:transparent;color:#78828c;padding:10px 11px;font-size:10px;font-weight:850;white-space:nowrap}.task-tabs button.active{background:#151a1f;color:#fff}.task-tabs.single button{flex:0 1 auto}.task-list{display:grid;gap:10px;min-width:0}.task-card{min-width:0;background:var(--surface);border:1px solid var(--line-soft);border-radius:19px;padding:16px;box-shadow:0 10px 28px rgba(0,0,0,.1);overflow:hidden}.task-card.overdue{border-color:color-mix(in srgb,var(--danger) 42%,var(--line-soft));box-shadow:inset 3px 0 0 color-mix(in srgb,var(--danger) 82%,transparent),0 10px 28px rgba(0,0,0,.1)}.task-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.task-card-head>div{min-width:0}.task-card-tools{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex:none}.task-actions-trigger{flex:none;margin:-8px -7px -8px 0}.task-department{font-size:8px;text-transform:uppercase;letter-spacing:.12em;color:#7e8993;font-weight:850}.task-card h3{font-size:15px;line-height:1.2;letter-spacing:-.3px;margin:7px 0 0;overflow-wrap:anywhere}.task-status{flex:none;border:1px solid #283038;border-radius:999px;padding:6px 8px;font-size:8px;font-weight:850;color:#cbd1d7;white-space:nowrap}.task-status[data-status="review"]{color:var(--warning);border-color:color-mix(in srgb,var(--warning) 35%,#283038)}.task-status[data-status="completed"]{color:var(--success);border-color:color-mix(in srgb,var(--success) 35%,#283038)}.task-status[data-status="cancelled"]{color:#7e8993}.task-card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px;padding-top:12px;border-top:1px solid var(--line-soft);font-size:9px;color:#7a858f}.task-card-meta span{min-width:0}.task-deadline{white-space:nowrap}.task-deadline.late{color:var(--danger);font-weight:850}.task-description{font-size:10px;line-height:1.5;color:#a3acb5;margin:13px 0 0;overflow-wrap:anywhere}.task-assignees{display:grid;gap:7px;margin-top:14px}.task-assignee{display:flex;align-items:center;gap:9px;min-width:0;padding:10px 0;border-top:1px solid #171c21}.task-assignee-main{flex:1;min-width:0}.task-assignee-main b{display:block;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-assignee-main span{display:block;font-size:8px;color:#76818b;margin-top:3px}.task-assignee-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.task-assignee-actions button{border:1px solid #29313a;border-radius:10px;background:#11161b;color:#e5e9ec;padding:7px 8px;font-size:8px;font-weight:850;white-space:nowrap}.task-assignee-actions button[data-task-status="done"]{border-color:color-mix(in srgb,var(--success) 38%,#29313a);color:var(--success)}.task-action-menu{display:grid;gap:8px;padding:2px 0 6px}.task-action-context{display:grid;gap:5px;padding:2px 2px 12px;margin-bottom:2px;border-bottom:1px solid #1C2329;text-align:left}.task-action-context b{font-size:14px;line-height:1.25;color:#F2F4F5;overflow-wrap:anywhere}.task-action-context span{font-size:9px;line-height:1.5;color:#707B85}.task-menu-option{width:100%;display:grid;gap:5px;text-align:left;border:1px solid #232B32;background:#0D1115;color:#F1F3F4;border-radius:15px;padding:14px 15px;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.task-menu-option:active{transform:scale(.985);background:#11161B}.task-menu-option span{font-size:11px;font-weight:900;letter-spacing:-.1px}.task-menu-option small{font-size:8px;line-height:1.5;color:#74808A;font-weight:650}.task-menu-option--danger{border-color:rgba(231,7,46,.25);background:rgba(231,7,46,.045);color:#FF8D9A}.task-menu-option--danger:active{border-color:rgba(231,7,46,.4);background:rgba(231,7,46,.09)}.task-menu-option--danger small{color:#A36E75}.task-assignee-picker{display:grid;gap:7px;padding:9px;border:1px solid var(--line);border-radius:14px;background:#0a0d10;max-height:none;overflow:visible}.task-assignee-option{display:flex;align-items:center;gap:10px;padding:9px;border-radius:10px;background:#101419;font-size:11px}.task-assignee-option input{width:18px;height:18px;accent-color:var(--accent);flex:none}.task-assignee-option span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:390px){.task-card{padding:14px}.task-card-head{gap:8px}.task-status{padding:5px 7px}.task-card-meta{align-items:flex-start;flex-direction:column;gap:5px}.task-assignee{align-items:flex-start;flex-direction:column}.task-assignee-actions{width:100%;justify-content:flex-start}.task-assignee-actions button{min-height:34px}.task-tabs button{padding-inline:9px}.task-menu-option{padding:13px 14px}}

/* Tasks 2.0 */
.task-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.task-overview button{min-width:0;border:1px solid #1D252C;border-radius:14px;background:linear-gradient(180deg,#0F1418,#0B0F12);color:#7F8A94;padding:10px 8px 9px;text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}
.task-overview button:active{transform:scale(.98)}
.task-overview button.active{border-color:color-mix(in srgb,var(--accent) 44%,#263039);background:color-mix(in srgb,var(--accent) 8%,#0D1216);color:#DDE2E6}
.task-overview button.has-alert{border-color:rgba(238,99,116,.28)}
.task-overview span{display:block;font-size:7px;line-height:1.15;text-transform:uppercase;letter-spacing:.08em;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.task-overview b{display:block;margin-top:7px;font-size:20px;line-height:1;font-weight:950;letter-spacing:-.7px;color:#F4F6F8;font-variant-numeric:tabular-nums}
.task-overview button.has-alert b{color:var(--danger)}
.task-filter-clear{justify-self:start;border:0;background:transparent;color:#8B96A0;padding:0 2px;font-size:9px;font-weight:800;text-decoration:underline;text-underline-offset:3px;cursor:pointer}

.task-card{cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}
.task-card:active{transform:scale(.992)}
.task-card:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 70%,white);outline-offset:2px}
.task-card-kickers{display:flex;align-items:center;gap:7px;min-width:0;flex-wrap:wrap}
.task-priority{display:inline-flex;align-items:center;gap:5px;font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#8B96A0}
.task-priority:before{content:"";width:5px;height:5px;border-radius:50%;background:#5F6972}
.task-priority--high{color:#D7AE64}.task-priority--high:before{background:#D7AE64}
.task-priority--urgent{color:#F27A89}.task-priority--urgent:before{background:#EE6374;box-shadow:0 0 0 3px rgba(238,99,116,.08)}
.task-card-meta{align-items:center}
.task-meta-left{display:flex;align-items:center;gap:9px;min-width:0;flex-wrap:wrap}
.task-checklist-progress{white-space:nowrap;color:#8FA89C}
.task-people{display:flex;align-items:center;justify-content:flex-end;flex:none}
.task-person-dot,.task-person-more{width:25px;height:25px;border-radius:9px;display:grid;place-items:center;margin-left:-5px;border:2px solid var(--surface);background:#151B20;color:#C9D0D6;font-size:7px;font-weight:900;letter-spacing:-.1px}
.task-person-dot:first-child{margin-left:0}
.task-person-more{background:#11161A;color:#7F8A94}
.task-progress-line{display:flex;align-items:center;gap:10px;margin-top:10px;color:#6F7A84;font-size:8px}
.task-progress-line span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.task-progress-line i{height:1px;flex:1;background:linear-gradient(90deg,#20272D,transparent)}

@media(max-width:390px){
  .task-overview{grid-template-columns:repeat(2,minmax(0,1fr))}
  .task-overview button{padding:10px}
  .task-overview span{font-size:8px}
}


/* Full department task assignee list */
.task-assignee-picker-head{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:3px 2px 5px;color:#7D8992;font-size:7px;font-weight:900;
  letter-spacing:.07em;text-transform:uppercase
}
.task-assignee-picker-head b{
  min-width:23px;height:23px;display:grid;place-items:center;border-radius:999px;
  background:#141A1F;border:1px solid #293239;color:#C7D0D6;
  font-size:8px;font-variant-numeric:tabular-nums
}
:root[data-theme="light"] .task-assignee-picker{
  background:#F7F9F8!important;border-color:#D8E0DB!important
}
:root[data-theme="light"] .task-assignee-option{
  background:#FFFFFF!important;border:1px solid #DEE5E0!important;color:#111714!important
}
:root[data-theme="light"] .task-assignee-picker-head{color:#6B776F!important}
:root[data-theme="light"] .task-assignee-picker-head b{
  background:#EEF3F0!important;border-color:#D2DCD5!important;color:#344139!important
}