/* Workspace layouts and component refinements. */
.app-shell{display:grid;grid-template-columns:190px minmax(0,1fr);max-width:1560px;min-height:calc(100vh - 48px);margin:24px auto;padding:14px;background:#ffffff56;border:1px solid #ffffffc9;border-radius:32px;box-shadow:0 30px 100px #33384618;backdrop-filter:blur(18px)}
.sidebar{position:sticky;top:38px;align-self:start;height:calc(100vh - 76px);min-height:580px;border-radius:22px;background:#fff9;padding:26px 14px;display:flex;flex-direction:column}.brand{padding:4px 12px 30px;display:block}.nav-caption{font-size:12px;letter-spacing:.14em;color:var(--muted);padding:8px 14px 15px}.sidebar nav{display:grid;gap:6px}.nav-item{display:flex;align-items:center;gap:10px;background:transparent;font-size:12px;padding:12px 14px;border-radius:24px;text-align:left;min-height:46px;color:#65676d}.nav-item.active{color:white;background:#202020;box-shadow:0 5px 12px #20202018}.nav-item b{margin-left:auto;font-size:12px;font-weight:500;min-width:17px;text-align:center}.nav-item.active b{background:#ffffff24;border-radius:10px}.sidebar-bottom{margin-top:auto;padding:20px 6px 0;display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);font-size:12px}.sidebar-bottom small{display:block;font-size:12px;color:var(--muted);margin-top:3px}.user-avatar,.top-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e5e6e9;color:#4b4e55;font-size:12px;font-weight:650}.top-avatar{background:#fff}.mobile-more{display:none}.main{min-width:0;padding:26px 30px 32px;outline:none}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:32px}.topbar-actions{display:flex;align-items:center;gap:9px}.topbar-actions .primary{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:12px}.topbar-actions .icon-button{position:relative}.topbar-actions b{position:absolute;right:-2px;top:-4px;background:#202020;color:white;font-size:12px;padding:1px 5px;border-radius:10px}.view{display:none}.view.active{display:block}.more-menu{position:fixed;bottom:88px;right:16px;z-index:40;display:grid;min-width:180px;padding:8px;background:white;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.more-menu button{text-align:left;background:white}
/* Today: three rhythm cards, practical task cards, client projects. */
.dashboard-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.dashboard-heading p{font-size:12px;color:var(--muted);margin-top:6px}.dashboard-top{display:grid;grid-template-columns:1.15fr 1fr .9fr;gap:18px;margin-bottom:26px}.summary-card{background:#202020;color:white;padding:24px;border-radius:24px;position:relative;overflow:hidden;min-height:240px}.summary-card:after{content:"";position:absolute;width:170px;height:170px;border:36px solid #ffffff06;border-radius:50%;right:-35px;top:-35px;pointer-events:none}.summary-card .section-kicker{color:#b9babe}.summary-card .big-number{display:block;font-size:68px;line-height:1.1;font-weight:500;letter-spacing:-.08em;margin:16px 0 22px}.summary-card .big-number small{font-size:12px;letter-spacing:0;margin-left:10px;color:#b9babe}.summary-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.summary-stats button{background:#ffffff13;color:white;border:1px solid #ffffff0b;border-radius:12px;text-align:left;padding:10px;font-size:12px}.summary-stats b{display:block;font-size:19px;margin-bottom:5px;font-weight:500}.rhythm-card,.progress-card{padding:24px;min-width:0}.rhythm-card{background:#ffffff36;border:1px solid #ffffff70;border-radius:24px}.card-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:22px}.card-heading h2{font-size:15px}.card-heading .pill{font-size:12px}.week-chart{display:flex;gap:12px;align-items:end;height:125px;margin-bottom:14px}.week-chart__day{flex:1;height:100%;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:5px;font-size:12px;color:var(--muted)}.week-chart__day i{width:100%;max-width:28px;height:var(--height);background:#b6b8bd;border-radius:6px 6px 2px 2px}.week-chart__day.today i{background:#202020}.widget-caption{font-size:12px;color:var(--muted)}.progress-card{background:white;border-radius:24px}.progress-ring{width:128px;height:128px;margin:0 auto 18px;border-radius:50%;background:conic-gradient(#252525 var(--progress),#eef0f2 0);display:grid;place-items:center;position:relative}.progress-ring:before{content:"";position:absolute;inset:10px;background:white;border-radius:50%}.progress-ring>div{position:relative;text-align:center}.progress-ring strong{display:block;font-size:30px;font-weight:500;letter-spacing:-.06em}.progress-ring span{font-size:12px;color:var(--muted)}.progress-card>p{text-align:center;font-size:12px;color:var(--muted)}.dashboard-middle{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:18px;margin-bottom:28px}.focus-panel{padding:24px}.focus-panel header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.focus-panel h2{font-size:16px}.mini-task{display:flex;align-items:center;gap:10px;width:100%;background:transparent;border-radius:0;border-bottom:1px solid var(--line);text-align:left;padding:15px 0}.mini-task:last-child{border-bottom:0}.mini-task>span:nth-child(2){flex:1;min-width:0}.mini-task strong{display:block;font-size:12px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}.mini-task small{display:block;font-size:12px;margin-top:4px;color:var(--muted)}.mini-task__mark{width:15px;height:15px;border:1px solid #bdc0c6;border-radius:5px;flex:none}.mini-task__mark.hot{background:#202020;border-color:#202020}.mini-task>b{display:none}.note-card{padding:24px;background:#fff;border-radius:22px;min-height:220px;display:flex;flex-direction:column;box-shadow:var(--shadow)}.note-card:first-of-type{transform:rotate(-1deg)}.note-card .note-number{font-size:38px;line-height:1.1;font-weight:500;margin:20px 0 8px;letter-spacing:-.06em}.note-card p{font-size:12px;color:var(--muted)}.note-card button{align-self:flex-start;margin-top:auto;background:transparent;padding-left:0;font-size:12px}.project-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.project-heading h2{font-size:18px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.project-card{position:relative;text-align:left;border-radius:22px;padding:24px;background:linear-gradient(140deg,#363636,#202020);color:white;min-height:165px;display:flex;flex-direction:column;align-items:start}.project-card:hover{background:#363636}.project-card h3{font-size:19px;margin:14px 0 6px}.project-card small{color:#c9c9c9}.project-card .pill{background:#ffffff16;color:#dedede}.project-card .project-arrow{position:absolute;right:20px;bottom:22px;font-size:20px}.project-add{min-height:165px;border:1px dashed #acafb6;border-radius:22px;background:transparent;color:var(--muted)}
/* Board and list */
.task-toolbar,.email-toolbar,.finance-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px}.search-wrap{display:flex;align-items:center;gap:8px;background:#ffffffb5;border-radius:14px;padding:0 12px;flex:1;min-width:160px}.search-wrap input{background:transparent;border:0;padding-left:0;font-size:12px}.task-toolbar>select{width:auto;max-width:220px;background:#ffffffb5;font-size:12px}.segmented{display:flex;background:#dfe1e659;padding:4px;border-radius:14px}.segmented button{font-size:12px;min-height:34px;background:transparent;padding:6px 13px;border-radius:11px}.segmented .active{background:#fff;box-shadow:0 2px 5px #00000008}.task-filters{margin-bottom:18px;border-bottom:1px solid #d5d7dc}.task-filters summary{cursor:pointer;font-size:12px;padding:8px 0;color:var(--muted)}.task-toolbar-finance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px 0 16px}.task-toolbar-finance>*{font-size:12px}.board-v2{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:start}.board-column{min-width:0;background:#dbdde44a;border:1px solid #ffffff38;border-radius:20px;padding:10px;min-height:300px}.board-column>header{display:flex;align-items:center;justify-content:space-between;padding:8px 2px 15px;font-size:12px;font-weight:650}.board-column>header>div{display:flex;align-items:center;gap:6px}.board-column>header b{font-size:12px;min-width:20px;height:20px;border-radius:50%;background:white;text-align:center;line-height:20px;font-weight:500}.column-dot{width:5px;height:5px;background:#737780;border-radius:50%}.card-stack{display:grid;gap:10px}.task-card{display:flex;flex-direction:column;align-items:stretch;gap:9px;width:100%;text-align:left;background:#fff;border-radius:16px;border:1px solid #e9e9eb;padding:15px;box-shadow:0 4px 12px #26272d03;min-width:0;position:relative}.task-card:hover{background:#fff;box-shadow:0 6px 20px #26272d10;border-color:#b8bbc2}.task-card__top{display:flex;justify-content:space-between;align-items:center}.task-id{font-size:12px;color:#737680;font-weight:600}.priority-dot{width:5px;height:5px;border-radius:50%;background:#dadce1}.priority-dot.is-hot{background:#202020;box-shadow:0 0 0 3px #2020200b}.task-card h3{font-size:12px;line-height:1.45;font-weight:650;letter-spacing:-.02em;overflow-wrap:anywhere}.task-card p{font-size:12px;color:var(--muted)}.task-signal{font-size:12px;color:#696d75;display:flex;align-items:center;gap:5px}.task-signal i{width:4px;height:4px;background:currentColor;border-radius:50%}.task-card__bottom{display:flex;align-items:end;justify-content:space-between;gap:5px;flex-wrap:wrap;margin-top:8px}.task-card__bottom .chip{max-width:100%;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:6px}.due{font-size:12px;color:var(--muted)}.checklist-progress{font-size:12px;color:var(--muted)}.financial-badges{display:flex;flex-wrap:wrap;gap:4px}.financial-badge,.pack-task-badge{display:inline-flex;max-width:100%;padding:3px 6px;border-radius:6px;background:#f2f3f5;color:#626670;font-size:12px;font-weight:450}.column-empty{color:var(--muted);font-size:12px;text-align:center;padding:30px 5px}.drag-over{outline:2px dashed #202020;outline-offset:3px}.dragging,.pointer-dragging{opacity:.4}.pointer-drag-ghost{position:fixed;z-index:1000;pointer-events:none;width:210px;transform:rotate(3deg)}.table-surface{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}th{font-size:12px;letter-spacing:.04em;color:var(--muted);font-weight:600;padding:17px 16px;background:#fafafa}td{padding:16px;border-top:1px solid var(--line);max-width:320px}td strong,td small{display:block}td small{margin-top:5px;color:var(--muted);font-size:12px}tr[data-task]{cursor:pointer}tr[data-task]:hover{background:#f8f8f9}.list-toolbar{display:flex;justify-content:space-between;gap:10px;margin-bottom:14px;font-size:12px;color:var(--muted)}
/* Task modal: scroll only the panel; close stays inside a sticky toolbar. */
.drawer,.modal{position:fixed;inset:0;z-index:60;background:#191b244e;backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;padding:28px}.modal{z-index:70}.task-drawer{position:relative;width:min(1100px,100%);max-height:calc(100dvh - 56px);overflow:auto;overscroll-behavior:contain;background:#f4f5f7;border:1px solid #ffffffd9;border-radius:28px;padding:0 28px 24px;scrollbar-gutter:stable}.drawer-close{position:sticky;top:14px;float:right;z-index:5;background:white;border:1px solid #e1e2e6;border-radius:50%;width:40px;height:40px;font-size:23px;padding:0;margin-top:14px;box-shadow:0 3px 14px #0000000d}.drawer-breadcrumb{display:flex;gap:9px;align-items:center;min-height:68px;padding-right:56px;font-size:12px;color:var(--muted)}.drawer-breadcrumb b{font-weight:500}.drawer-breadcrumb i{font-style:normal;color:#9da0a6}.task-title-input{font-size:27px;letter-spacing:-.04em;font-weight:600;line-height:1.3;background:transparent;border:1px solid transparent;padding:8px 0;margin-bottom:20px;border-radius:0}.task-title-input:focus{border-bottom-color:#aaa}.task-controls{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:16px;background:white;padding:18px;border-radius:18px;margin-bottom:20px}.task-controls label{font-size:12px}.task-controls input,.task-controls select{font-size:12px;background:white}.task-detail-layout{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(260px,1fr);gap:20px;align-items:start}.task-detail-layout>section,.task-detail-layout>aside{min-width:0;display:grid;gap:20px}.detail-block,.side-block{background:white;border-radius:20px;padding:21px;min-width:0}.detail-heading,.side-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.detail-heading h3,.side-heading h3,.side-block h3{font-size:13px}.detail-heading>span{font-size:12px;color:var(--muted)}.side-block>h3{margin-bottom:17px}#task-summary{border:0;background:#f4f5f7;min-height:130px;font-size:12px}dl{margin:0;display:grid;gap:14px}dt{font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-bottom:3px}dd{margin:0;font-size:12px;overflow-wrap:anywhere}.comment-feed{display:grid;gap:18px;font-size:12px;max-height:500px;overflow:auto}.comment-feed article{display:flex;gap:10px}.comment-feed article>div:last-child{min-width:0;flex:1}.comment-avatar{width:27px;height:27px;display:grid;place-items:center;flex:none;border-radius:50%;background:#f0f1f3;font-size:12px}.comment-feed strong{font-size:12px}.comment-feed small{margin-left:6px;color:var(--muted);font-size:12px}.comment-feed p{margin-top:5px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.75}.comment-box,.checklist-add{display:flex;gap:8px;margin-top:15px;align-items:start;min-width:0}.comment-box input,.checklist-add input{flex:1;min-width:0;font-size:12px}.comment-box button,.checklist-add button{flex:none;font-size:12px}.checklist-lists{display:grid;gap:14px}.checklist-list{border:1px solid var(--line);border-radius:14px;padding:12px}.checklist-list-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:10px}.checklist-list-heading h4{font-size:12px;overflow-wrap:anywhere}.checklist-actions{display:flex;gap:3px;flex:none}.checklist-actions button{font-size:12px;padding:5px 7px;background:transparent;min-height:32px;color:var(--muted)}.checklist-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0}.checklist-item>label{display:flex;align-items:center;gap:9px;min-width:0;flex:1;color:var(--ink);font-weight:450;font-size:12px}.checklist-item label>span{overflow-wrap:anywhere}.checklist-item input:checked+span{text-decoration:line-through;color:#898d95}.checklist-item:focus-within .checklist-actions{opacity:1}.attachment-list{display:grid;gap:8px;font-size:12px}.attachment-list a{overflow-wrap:anywhere}.file-add{font-size:12px;cursor:pointer;color:#34363b}.file-add input{max-width:150px;font-size:12px}.related-emails article{display:flex;gap:8px;padding:11px 0;border-bottom:1px solid var(--line)}.related-emails article:last-child{border:0}.related-emails strong{font-size:12px;font-weight:550;display:block}.related-emails small{font-size:12px;color:var(--muted);display:block;margin-top:4px}.mail-direction{font-size:12px;border-radius:10px;background:#f0f1f3;padding:4px 7px;flex:none;height:fit-content;color:#626773}.mail-open{font-size:12px}.task-pack p{font-size:12px;margin-bottom:10px}.task-pack label,.task-pack button{margin-top:10px;font-size:12px}.task-link-list{display:grid;gap:10px;font-size:12px;overflow-wrap:anywhere}.task-links .checklist-add{display:grid;grid-template-columns:minmax(0,1fr)}.lifecycle-actions>div{display:flex;flex-wrap:wrap;gap:7px}.lifecycle-actions button{font-size:12px}.task-description-preview{font-size:12px;overflow-wrap:anywhere;margin-top:10px}.drawer-footer{display:flex;align-items:center;justify-content:space-between;padding-top:20px;font-size:12px;color:var(--muted)}.drawer-footer button{font-size:12px}.save-conflict{background:#fff5e5;border:1px solid #e5c9a5;border-radius:18px;padding:20px;margin-top:20px;font-size:12px;overflow-wrap:anywhere}.save-conflict p{margin:8px 0}.modal-card{width:min(520px,100%);max-height:calc(100dvh - 56px);overflow:auto;border-radius:26px;background:white;padding:25px;position:relative}.modal-card>.drawer-close{margin-top:0;top:0}.modal-card h2{margin:15px 0 22px}.modal-card form{display:grid;gap:16px;clear:both}.modal-card footer{display:flex;justify-content:end;gap:8px;margin-top:8px}.modal-card p.section-kicker{padding-top:10px}.inline-edit{display:flex;gap:5px;align-items:center;width:100%}.inline-edit input{font-size:12px}.inline-edit button{font-size:12px}.email-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.75;margin:20px 0}
.checklist-list-heading,.checklist-item{flex-wrap:wrap}.checklist-list-heading>.inline-edit,.checklist-item>.inline-edit{flex-basis:100%}.inline-edit button{min-height:36px}.task-drawer .inline-edit{margin-top:6px}.list-toolbar{align-items:center;flex-wrap:wrap}.list-toolbar label{display:flex;align-items:center;gap:8px;font-size:12px;margin-left:auto}.list-toolbar select{width:auto;font-size:12px;padding:7px 10px;border-radius:10px}.list-toolbar button{font-size:12px;min-height:32px;padding:5px 9px;background:transparent}
/* Finance and packs share the same compact editing grammar. */
.task-finance{grid-column:1/-1;display:block!important}.billing-summary{margin-bottom:18px}.billing-mode{max-width:360px;margin-bottom:18px}.billing-line{border:1px solid var(--line);border-radius:14px;padding:16px;margin:14px 0}.billing-line-head{display:flex;align-items:start;gap:10px;flex-wrap:wrap}.billing-line-head>strong{flex:1;min-width:100px;font-size:12px}.billing-line-head label{width:170px;font-size:12px}.billing-line button,.billing-line select{font-size:12px}.billing-line-head>button{min-height:32px;padding:5px 8px}.billing-documents{display:grid;gap:10px;margin:14px 0}.billing-document{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.billing-document>span{flex:1;min-width:140px;font-size:12px}.billing-document small{display:block;color:var(--muted);font-size:12px}.billing-document label{max-width:190px;font-size:12px}.billing-document button{font-size:12px}.billing-attach{display:grid;grid-template-columns:140px minmax(0,1fr) auto;gap:7px;margin-top:12px}.billing-attach>*{font-size:12px}.billing-since{max-width:240px;margin-top:12px;font-size:12px}.billing-muted{font-size:12px;line-height:1.7;margin:12px 0}.billing-extras h4{margin-top:20px}#task-billing-extra{display:flex;gap:8px;margin:12px 0 20px}#task-billing-extra input{flex:1;min-width:0}#task-billing-extra>*{font-size:12px}.billing-notes{margin-top:20px}.billing-notes small{font-size:12px;color:var(--muted);font-weight:400}.billing-note{font-size:12px;color:var(--muted);margin-top:18px;line-height:1.7}.billing-pack{font-size:12px;margin-top:8px}.finance-page-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.finance-page-header h2{font-size:23px}.finance-page-header p:not(.section-kicker){font-size:12px;color:var(--muted);margin-top:7px}.finance-bell{display:flex;align-items:center;gap:8px;background:white;border-radius:50%;min-width:50px;min-height:50px}.finance-bell.active{background:#202020;color:white}.finance-toolbar>input{flex:1;min-width:180px}.finance-toolbar>select{width:auto;max-width:200px}.finance-toolbar>*{font-size:12px;background:#fff}.finance-list{display:grid;gap:10px}.finance-row{background:white;border:1px solid #ffffffa3;border-radius:20px;min-width:0;overflow:hidden}.finance-row-summary{display:grid;grid-template-columns:minmax(160px,1.4fr) minmax(130px,1fr) minmax(110px,.8fr) auto;gap:18px;align-items:center;padding:20px}.finance-row-main{display:grid;gap:4px;min-width:0}.finance-row-main strong{font-size:12px;overflow-wrap:anywhere}.finance-task-id{font-size:12px;color:var(--muted)}.finance-row-main small{font-size:12px;color:var(--muted)}.finance-row-states{display:grid;gap:6px;font-size:12px}.finance-late{color:#85600f;font-weight:550}.finance-row-meta{display:grid;gap:6px;color:var(--muted);min-width:0;overflow-wrap:anywhere}.finance-row-meta small{font-size:12px}.finance-row-actions{display:grid;gap:4px}.finance-row-actions button{font-size:12px;padding:7px 10px;min-height:34px}.finance-row-actions button:last-child{background:transparent}.finance-editor{border-top:1px solid var(--line)}.finance-editor>.task-finance{border-radius:0;padding:24px}.finance-empty{padding:35px;background:#fff8;border-radius:20px;color:var(--muted);text-align:center}.finance-count{font-size:12px;color:var(--muted);margin-bottom:14px}.packs-header,.packs-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:20px}.packs-header h2{font-size:23px}.packs-header p{color:var(--muted);font-size:12px;margin-top:7px}.packs-client-filter{max-width:260px}.packs-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.packs-summary>div,.packs-summary>article{background:#fff;padding:18px;border-radius:18px}.packs-summary strong{font-size:24px;display:block}.packs-summary span,.packs-summary small{color:var(--muted);font-size:12px}.pack-card{background:white;border-radius:24px;padding:24px;margin-bottom:20px;min-width:0}.pack-card>header,.pack-model-header{display:flex;justify-content:space-between;align-items:start;gap:14px}.pack-card h3{font-size:18px}.pack-card header p{font-size:12px;color:var(--muted);margin-top:6px}.pack-progress{height:5px;border-radius:10px;background:#e9ebee;margin:15px 0;overflow:hidden}.pack-progress>i,.pack-progress>span{display:block;height:100%;background:#303030}.pack-models{display:grid;gap:14px;margin-top:18px}.pack-model{border:1px solid var(--line);border-radius:16px;padding:18px;min-width:0}.pack-model h4{font-size:14px}.pack-model summary{cursor:pointer;font-size:12px;padding:8px 0}.pack-model details{margin-top:10px}.pack-model form,.pack-create-form,.pack-edit-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.pack-model form textarea,.pack-model form .full-width{grid-column:1/-1}.pack-model input,.pack-model select,.pack-model button,.pack-card input,.pack-card select,.pack-card button{font-size:12px}.pack-model label{font-size:12px}.pack-notes,.pack-task-links{display:grid;gap:8px;margin:14px 0}.pack-note{padding:12px;background:#f7f7f9;border-radius:12px;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.pack-note small{display:block;color:var(--muted);font-size:12px;margin-top:7px}.pack-capacity,.pack-hint,.pack-warning{font-size:12px;color:var(--muted);margin-top:10px}.pack-warning{background:#fff5e1;padding:10px;border-radius:12px;color:#815c12}.pack-status{font-size:12px;padding:5px 8px;background:#f0f1f3;border-radius:10px}.pack-create{background:#ffffff80;border:1px dashed #bfc2c9;padding:20px;border-radius:20px;margin-bottom:20px}.pack-create summary{cursor:pointer;font-size:12px;font-weight:600}.pack-checkbox{display:flex;align-items:center;gap:8px}.pack-notes-form{display:grid;gap:10px}.packs-empty{background:white;padding:35px;border-radius:20px;text-align:center;color:var(--muted)}
.packs-intro>p:not(.section-kicker){font-size:12px;color:var(--muted);margin:10px 0 18px;max-width:650px}.packs-toolbar>strong{font-size:12px;font-weight:500}.packs-toolbar label{min-width:180px}.packs-group>h3{font-size:17px;margin:25px 0 14px}.packs-group>h3 span{font-size:12px;color:var(--muted);margin-left:6px}.pack-muted{font-size:12px;color:var(--muted);margin:12px 0}.pack-card>header span:not(.pack-count){font-size:12px;color:var(--muted);display:block;margin-top:6px}.pack-count{font-size:25px;font-weight:500;letter-spacing:-.05em}.pack-meter{height:5px;border-radius:10px;background:#eff0f2;margin:20px 0 12px;overflow:hidden}.pack-meter>span{display:block;height:100%;background:#242424}.pack-metrics{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--muted);margin-bottom:16px}.pack-detail>summary,.pack-history>summary{font-size:12px;cursor:pointer;padding:8px 0}.pack-edit,#pack-create,.pack-add-model{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:end;margin:16px 0}.pack-add-model h4{grid-column:1/-1;font-size:12px}.pack-billing{padding:18px;border:1px solid var(--line);border-radius:16px;margin:18px 0}.pack-billing>label{max-width:240px;margin-top:15px}.pack-billing>h4{font-size:12px}.pack-model-head{display:flex;align-items:start;justify-content:space-between;gap:10px}.pack-model-head small{display:block;font-size:12px;color:var(--muted);margin-top:4px}.pack-model-head strong{font-size:13px}.pack-check,.pack-note>label{display:flex;gap:7px;align-items:center;font-size:12px}.pack-note textarea{grid-column:1/-1;font-size:12px}.pack-task-link{display:flex;align-items:center;justify-content:space-between;gap:8px}.pack-task-link>button{text-align:left;font-size:12px}.pack-history{margin-top:20px}.pack-history p{font-size:12px;margin:8px 0}.pack-history small{color:var(--muted);margin-right:6px}.pack-notes h5,.pack-task-links h5{margin:10px 0;font-size:12px}.email-toolbar>select{width:auto;max-width:200px;font-size:12px;background:#fff}.email-toolbar>label{font-size:12px}.email-toolbar>label input{font-size:12px}
@media(max-width:760px){.pack-edit,#pack-create,.pack-add-model{grid-template-columns:minmax(0,1fr)}.pack-billing{padding:14px}.pack-metrics{gap:8px}.pack-task-link{flex-wrap:wrap}.email-toolbar>select{max-width:none;flex:1;min-width:120px}}
/* Emails, clients, calendar */
.email-toolbar>span{font-size:12px;color:var(--muted)}.email-feed{display:grid;gap:10px}.email-row-v2{display:flex;gap:15px;align-items:start;background:#fff;border:1px solid #ffffffb2;border-radius:18px;text-align:left;padding:20px;min-width:0;width:100%}.email-row-v2>div{flex:1;min-width:0}.email-row-v2 strong{display:block;font-size:12px;font-weight:600}.email-row-v2 p{font-size:12px;color:var(--muted);margin-top:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.email-row-v2 aside{max-width:180px;font-size:12px;text-align:right;display:grid;gap:5px;color:var(--muted)}.email-row-v2 aside b{font-weight:500}.pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin:20px 0;font-size:12px}.pagination button{font-size:12px}.client-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.client-card-v2{padding:24px;min-width:0}.client-card__identity{display:flex;align-items:center;gap:12px;min-width:0}.client-card__identity>div:nth-child(2){flex:1;min-width:0}.client-card__identity h3{font-size:17px;overflow-wrap:anywhere}.client-card__identity p:not(.section-kicker){font-size:12px;color:var(--muted);margin-top:6px}.avatar{width:42px;height:42px;display:grid;place-items:center;background:#f0f1f3;border-radius:13px;font-size:17px;flex:none}.client-public-link{background:transparent;padding:7px;min-height:34px}.client-card__metrics{display:flex;gap:22px;margin:24px 0;font-size:12px;color:var(--muted)}.client-card__metrics b{color:#202020;font-size:20px;font-weight:500;margin-right:4px}.client-card-v2>button{background:transparent;font-size:12px;padding-left:0}.client-card-v2>button i{font-style:normal;margin-left:10px}.client-actions{display:flex;gap:12px;flex-wrap:wrap;font-size:12px}.client-actions button{font-size:12px}.calendar-surface{padding:24px}.calendar-surface>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:25px}.calendar-surface>header .muted{font-size:12px}.calendar-controls{display:flex;gap:6px;align-items:center}.calendar-controls button,.calendar-controls select{font-size:12px;min-height:36px}.calendar-week,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-week b{font-size:12px;font-weight:500;color:var(--muted);padding:8px}.calendar-cell{min-height:110px;padding:7px;border-top:1px solid var(--line);border-right:1px solid var(--line);min-width:0}.calendar-cell:nth-child(7n){border-right:0}.calendar-cell>span{font-size:12px;color:var(--muted)}.calendar-cell button{display:block;width:100%;font-size:12px;padding:6px;border-radius:7px;min-height:28px;text-align:left;background:#f0f1f3;line-height:1.4;margin-top:5px;overflow-wrap:anywhere}.calendar-cell.today{background:#f2f3f5}.calendar-cell.muted-cell{background:#fafafa}.mobile-agenda{display:none}.agenda-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.agenda-item{display:flex;align-items:center;gap:15px;width:100%;text-align:left;padding:17px 0;background:transparent;border-bottom:1px solid var(--line);border-radius:0}.agenda-item>span:nth-child(2){flex:1;min-width:0}.agenda-item strong{font-size:12px;display:block}.agenda-item small{display:block;font-size:12px;margin-top:4px;color:var(--muted)}.agenda-date{font-size:12px;width:50px;flex:none}.agenda-item i{font-style:normal}.calendar-surface.agenda-mode .calendar-grid,.calendar-surface.agenda-mode .calendar-week{display:none}.calendar-surface.agenda-mode .mobile-agenda{display:block}
#toast-region{position:fixed;right:24px;bottom:24px;z-index:100;display:grid;gap:8px;width:min(360px,calc(100% - 32px));pointer-events:none}.toast{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 16px;background:#242424;color:#fff;box-shadow:0 8px 30px #0003;border-radius:15px;font-size:12px;pointer-events:auto;opacity:0;transform:translateY(6px);transition:.18s}.toast.is-visible{opacity:1;transform:none}.toast button{background:#ffffff14;color:white;min-height:28px;width:28px;padding:0;border-radius:50%;font-size:18px;flex:none}.toast--error{background:#763b38}
@media(min-width:1600px){.app-shell{margin:36px auto;min-height:calc(100vh - 72px)}}
@media(max-width:1250px){.app-shell{margin:14px;grid-template-columns:170px minmax(0,1fr);padding:10px}.sidebar{padding:22px 10px;top:24px}.main{padding:22px}.dashboard-top,.dashboard-middle{gap:12px}.summary-card,.rhythm-card,.progress-card,.focus-panel,.note-card{padding:20px}.board-v2{gap:8px}.board-column{padding:7px}.task-card{padding:12px}.finance-row-summary{grid-template-columns:1.3fr 1fr auto;gap:14px}.finance-row-meta{grid-column:1/3;grid-row:2}.finance-row-actions{grid-column:3;grid-row:1/3}.project-card{padding:20px}}
@media(max-width:1020px){.app-shell{grid-template-columns:150px minmax(0,1fr)}.brand-logo{width:108px}.nav-item{font-size:12px;gap:8px;padding:11px 10px}.main{padding:20px 16px}.dashboard-top{grid-template-columns:1fr 1fr}.progress-card{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px}.progress-card .card-heading{margin:0}.progress-ring{width:78px;height:78px;margin:0;flex:none}.progress-ring:before{inset:7px}.progress-ring strong{font-size:23px}.progress-ring span{font-size:12px}.dashboard-middle{grid-template-columns:1fr 1fr}.focus-panel{grid-column:1/-1}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.board-v2{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.task-toolbar-finance{grid-template-columns:repeat(2,minmax(0,1fr))}.task-detail-layout{grid-template-columns:minmax(0,1.5fr) minmax(230px,1fr)}.client-grid{grid-template-columns:1fr}.packs-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.app-shell{display:block;margin:10px;padding:0;border-radius:24px;min-height:calc(100dvh - 100px);backdrop-filter:none}.sidebar{position:fixed;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));top:auto;z-index:35;min-height:0;height:64px;padding:5px 8px;border-radius:23px;background:#fffffff2;box-shadow:0 6px 40px #34384625;border:1px solid #fff}.sidebar .brand,.nav-caption,.sidebar-bottom{display:none}.sidebar nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px}.sidebar .nav-item{flex-direction:column;justify-content:center;gap:4px;padding:5px 2px;min-height:52px;border-radius:16px;font-size:12px;position:relative}.nav-item .icon{width:18px;height:18px}.nav-item b{position:absolute;top:1px;right:6px;font-size:12px;line-height:15px;min-width:15px;background:#fff;border-radius:10px;color:#202020}.nav-item.active b{background:#202020;color:#fff}.sidebar .mobile-secondary{display:none}.sidebar .mobile-more{display:flex}.main{padding:22px 16px 24px;margin-bottom:90px}.topbar{margin-bottom:25px;gap:8px}.topbar h1{font-size:26px}.eyebrow{font-size:12px;letter-spacing:.1em}.topbar-actions{gap:7px}.topbar-actions .primary{width:38px;height:38px;min-height:38px;padding:0;justify-content:center}.topbar-actions .primary>span,.top-avatar{display:none}.topbar-actions .icon-button{width:34px;height:34px;min-height:34px}.dashboard-heading h2{font-size:20px}.dashboard-top{gap:10px}.summary-card,.rhythm-card{padding:18px;border-radius:20px;min-height:215px}.summary-card .big-number{font-size:53px}.summary-card .big-number small{font-size:12px;display:block;margin:5px 0 0;letter-spacing:0}.summary-stats{gap:4px}.summary-stats button{padding:7px;font-size:12px;border-radius:9px}.summary-stats b{font-size:16px}.rhythm-card .card-heading{display:block}.rhythm-card .card-heading h2{font-size:12px;margin-bottom:6px}.week-chart{gap:6px;height:105px}.widget-caption{font-size:12px}.progress-card{padding:16px 18px;border-radius:20px}.progress-card .card-heading h2{font-size:12px}.progress-card>p{max-width:100px;font-size:12px}.progress-ring{width:66px;height:66px}.progress-ring strong{font-size:20px}.dashboard-middle{gap:10px;margin-bottom:22px}.focus-panel{padding:20px;border-radius:20px}.note-card{padding:18px;min-height:200px;border-radius:20px}.note-card .section-kicker{font-size:12px}.note-card .note-number{font-size:32px}.note-card p{font-size:12px}.project-grid{gap:10px}.project-card{padding:18px;min-height:160px;border-radius:20px}.project-card h3{font-size:16px}.project-card small{font-size:12px}.project-card .pill{font-size:12px}.task-toolbar{gap:8px}.search-wrap{flex-basis:100%;min-width:0}.task-toolbar>select{flex:1;max-width:none;width:100px}.task-toolbar-finance{grid-template-columns:1fr 1fr}.board-v2{gap:10px}.task-card{padding:13px}.board-column>header{font-size:12px}.task-card h3{font-size:14px}.task-card__bottom .chip{font-size:12px}.task-card__bottom{gap:7px}.column-empty{font-size:12px}.drawer,.modal{padding:10px}.task-drawer{max-height:calc(100dvh - 20px);padding:0 16px 20px;border-radius:22px;scrollbar-gutter:auto}.drawer-breadcrumb{font-size:12px;min-height:65px}.task-title-input{font-size:23px}.task-controls{gap:10px;padding:14px;grid-template-columns:1fr 1fr}.task-controls>label:first-child{grid-column:1/-1}.task-detail-layout{grid-template-columns:minmax(0,1fr);gap:16px}.task-detail-layout>section,.task-detail-layout>aside{gap:16px}.detail-block,.side-block{padding:18px;border-radius:18px}.task-finance{grid-column:auto}.task-controls select,.task-controls input{font-size:12px}.billing-attach{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.billing-attach button{grid-column:1/-1}.billing-document{display:grid;grid-template-columns:1fr auto}.billing-document>label{grid-column:1/-1;max-width:100%}.billing-document button{grid-column:2;grid-row:1}.billing-line-head{gap:8px}.billing-line-head label{width:150px}.billing-line-head>strong{font-size:12px}#task-billing-extra{flex-wrap:wrap}#task-billing-extra button{flex:none}.finance-page-header h2{font-size:20px}.finance-page-header p:not(.section-kicker){font-size:12px}.finance-toolbar>select{max-width:none;flex:1;min-width:120px}.finance-row-summary{grid-template-columns:minmax(0,1fr);gap:12px;padding:18px}.finance-row-meta{grid-column:auto;grid-row:auto}.finance-row-actions{grid-column:auto;grid-row:auto;display:flex;flex-wrap:wrap}.finance-row-states{display:flex;flex-wrap:wrap;gap:8px;font-size:12px}.finance-row-states>span{background:#f1f2f4;border-radius:8px;padding:4px 7px}.finance-editor>.task-finance{padding:16px}.finance-bell{min-width:44px;min-height:44px;padding:8px}.finance-toolbar>input{min-width:100%;flex-basis:100%}.email-toolbar .search-wrap{width:100%}.email-row-v2{padding:16px;gap:10px;flex-wrap:wrap}.email-row-v2>.mail-direction{font-size:12px}.email-row-v2 aside{max-width:none;width:100%;display:flex;justify-content:space-between;text-align:left;border-top:1px solid var(--line);padding-top:8px}.email-row-v2 strong{font-size:12px}.calendar-surface{padding:18px}.calendar-surface>header{align-items:start;flex-wrap:wrap}.calendar-surface>header h2{font-size:20px}.calendar-controls{flex-wrap:wrap}.calendar-week,.calendar-grid{display:none}.mobile-agenda{display:block}.client-card-v2{padding:20px}.modal-card{padding:20px;max-height:calc(100dvh - 20px);border-radius:22px}.packs-header{flex-wrap:wrap}.pack-card{padding:18px;border-radius:20px}.pack-card>header{flex-wrap:wrap}.pack-model{padding:14px}.pack-model form,.pack-create-form,.pack-edit-form{grid-template-columns:minmax(0,1fr)}.pack-model form>*{min-width:0}.packs-summary{gap:8px}.packs-summary>div,.packs-summary>article{padding:14px}.pack-create{padding:16px}#toast-region{right:16px;bottom:92px}.connection-banner{font-size:12px;align-items:start}.checklist-actions button{min-height:36px}.comment-box{flex-wrap:wrap}.comment-box input{min-width:150px}.table-surface{max-width:100%}table{min-width:640px}}
@media(max-width:370px){.main{padding-inline:12px}.dashboard-top{grid-template-columns:1fr}.progress-card{grid-column:auto}.summary-card .big-number small{display:inline;margin-left:8px}.board-v2{grid-template-columns:1fr}.summary-card{min-height:210px}.task-toolbar-finance{grid-template-columns:1fr}.project-grid{grid-template-columns:1fr}}

/* Readable operational text; compact content metadata never below 12px. */
.nav-item,.task-card h3,.mini-task strong,.email-row-v2 strong,.agenda-item strong,.checklist-item label,.billing-line-head>strong{font-size:14px}.task-drawer input,.task-drawer select,.task-drawer textarea,.finance-editor input,.finance-editor select,.finance-editor textarea,.pack-model input,.pack-model select,.pack-model textarea{font-size:14px}.task-card__top{flex-wrap:wrap}.board-column>header>div{min-width:0}.task-card__bottom{flex-wrap:wrap}.task-card__bottom .chip{max-width:100%}.list-toolbar{flex-wrap:wrap}@media(max-width:760px){.sidebar .nav-item{font-size:11px}.nav-item b{font-size:10px}.summary-stats{flex-wrap:wrap}.topbar-actions .primary,.topbar-actions .icon-button{min-height:44px;min-width:44px}.topbar-actions{gap:3px}.task-card h3{font-size:14px}.task-drawer input,.task-drawer select,.task-drawer textarea{font-size:16px}.task-title-input{font-size:23px!important}.task-controls{grid-template-columns:minmax(0,1fr)}.task-controls>label:first-child{grid-column:auto}.progress-card{flex-wrap:wrap}.calendar-controls{max-width:100%}.calendar-controls select{max-width:100%}.task-card__top .priority-dot{flex:none}}

@media(max-width:760px){.task-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.task-toolbar .search-wrap{grid-column:1/-1}.task-toolbar>select{width:100%;max-width:none}.task-toolbar .segmented{grid-column:1/-1;justify-self:start}.task-filters summary{padding-block:12px}}@media(max-width:370px){.sidebar .nav-item{font-size:10px}}

/* Refined controls and generous, aligned filter fields. */
.task-filters-primary,.email-toolbar {
  display: grid; grid-template-columns: minmax(240px,1fr) 215px 205px auto;
  align-items: end; gap: 18px; margin-bottom: 22px; padding: 20px;
  background: #ffffff8c; border: 1px solid #ffffffd9; border-radius: 21px;
  box-shadow: 0 4px 20px #2c334904;
}
.email-toolbar { grid-template-columns: minmax(240px,1fr) 205px 225px 172px; }
.filter-field { display: grid; gap: 9px; min-width: 0; font-size: 11px; font-weight: 700; color: var(--muted); }
.filter-field>span:first-child { padding-left: 2px; }
.filter-field :is(input,select),.email-toolbar>.filter-field input { font-size: 13px; font-weight: 500; height: 48px; min-height: 48px; background-color: #fff; }
.filter-field select { width: 100%; max-width: none; }
.filter-field .search-wrap { min-width: 0; width: 100%; height: 48px; border: 1px solid var(--line); background: white; padding: 0 14px; box-shadow: inset 0 1px 2px #24263003; }
.filter-field .search-wrap:focus-within { border-color: #8596af; box-shadow: 0 0 0 4px #8d9fbc1c; }
.filter-field .search-wrap>span { font-size: 18px; color: #8a94a3; line-height: 1; }
.filter-field .search-wrap input { height: 44px; min-height: 44px; padding: 10px 0; box-shadow: none; background: transparent; outline-offset: -2px; }
.filter-field .segmented { height: 48px; padding: 4px; gap: 3px; background: #ebedf1; border: 1px solid #e4e7eb; box-shadow: inset 0 1px 2px #25262903; }
.segmented button { border-color: transparent; box-shadow: none; }
.filter-field .segmented button { padding: 8px 16px; font-size: 12px; }
.segmented .active { border-color: #fff; box-shadow: 0 2px 5px #2526290c; }
.task-filters { margin-bottom: 22px; }
.task-filters summary { padding: 12px 4px; }
.task-toolbar-finance { gap: 14px; padding: 14px 0 20px; }
.task-toolbar-finance>* { font-size: 13px; background-color: #fff; }
.list-toolbar { margin-bottom: 18px; gap: 16px; }
.list-toolbar select { min-height: 40px; padding-left: 13px; }
.list-toolbar button { min-height: 40px; padding-inline: 12px; border-color: transparent; box-shadow: none; }
.finance-toolbar { gap: 14px; padding: 18px; background: #ffffff8c; border: 1px solid white; border-radius: 20px; }
.finance-toolbar>* { min-height: 48px; font-size: 13px; }
.finance-toolbar>select { max-width: none; width: auto; flex: 1 1 195px; }
.finance-toolbar>input { flex: 2 1 300px; }
.calendar-controls { gap: 10px; flex-wrap: wrap; justify-content: end; }
.calendar-controls select { width: auto; }
:where(.task-drawer,.finance-editor,.pack-card,.modal-card) :is(input,select,textarea) { border-radius: 13px; }
.billing-line-head label { width: min(230px,100%); }
.billing-attach { gap: 12px; grid-template-columns: 175px minmax(0,1fr) auto; }
.checklist-add,.comment-box { gap: 12px; }
.checklist-list { padding: 16px; border-radius: 16px; background: #fcfcfd; }
.checklist-list-heading { gap: 12px; margin-bottom: 14px; }
.checklist-item { padding: 8px 0; }
.checklist-actions button { border-color: transparent; box-shadow: none; }
.checklist-actions button:hover { background: #e9edf2; }
.checklist-actions :is([data-checklist-delete],[data-checklist-item-delete]) { color: var(--danger-ink); }
.checklist-actions :is([data-checklist-delete],[data-checklist-item-delete]):hover { background: var(--danger-bg); }
:root :is([data-billing-delete-extra],[data-pack-action=delete-model],[data-pack-action=delete-note],.pack-danger) { background: var(--danger-bg); color: var(--danger-ink); border-color: var(--danger-line); }
:root :is([data-billing-delete-extra],[data-pack-action=delete-model],[data-pack-action=delete-note],.pack-danger):hover { background: #f5dedc; }
.detail-heading h3,.side-block h3 { font-size: 14px; font-weight: 750; letter-spacing: -.025em; }
.task-title-input { box-shadow: none; }
.task-controls { padding: 22px; gap: 20px; border: 1px solid white; box-shadow: 0 5px 18px #262c3a04; }
.user-avatar.profile-avatar,.top-avatar.profile-avatar { display: block; width: 40px; height: 40px; border: 2px solid white; box-shadow: 0 2px 8px #25262912; }
.comment-avatar.profile-avatar { width: 32px; height: 32px; border: 1px solid var(--line); }
.topbar-actions { gap: 12px; }
.topbar-actions .primary { min-height: 44px; padding-inline: 18px; }
.nav-item { border-color: transparent; box-shadow: none; }
.nav-item.active { background: linear-gradient(145deg,#37383b,#232426); border-color: #2f3034; box-shadow: 0 4px 10px #23242617,inset 0 1px #ffffff18; }

/* Colour signals: restrained surfaces, never colour-only meaning. */
.column-dot { width: 7px; height: 7px; background: var(--state-dot,var(--neutral-dot)); box-shadow: 0 0 0 4px #ffffff60; }
.board-column>header { padding: 12px 5px 18px; }
.board-column>header>div { gap: 10px; }
.board-column>header b { min-width: 24px; height: 24px; line-height: 24px; border: 1px solid #e3e7ed; }
.task-card { gap: 11px; border-color: #e8ebef; border-radius: 18px; box-shadow: 0 2px 4px #25262902,0 6px 20px #25262903; }
.task-card:hover { border-color: #bec7d4; box-shadow: 0 5px 18px #2526290e; }
.task-card__top { padding-bottom: 2px; }
.priority-dot.is-hot { width: 6px; height: 6px; background: var(--danger-dot); box-shadow: 0 0 0 4px var(--danger-bg); }
.task-signal { width: fit-content; max-width: 100%; border-radius: 8px; padding: 5px 8px; background: var(--state-bg,var(--neutral-bg)); color: var(--state-ink,var(--neutral-ink)); font-size: 11px; font-weight: 650; }
.task-signal i { width: 5px; height: 5px; flex: none; }
.financial-badges { gap: 6px; }
.financial-badge,.pack-task-badge { padding: 4px 7px; font-size: 11px; line-height: 1.5; font-weight: 550; border-radius: 7px; }
.task-card .due { padding: 4px 7px; border-radius: 7px; font-size: 11px; font-weight: 650; }
.task-card__bottom .chip { font-size: 11px; padding: 4px 7px; background: #f1f2f4; }
:root .due[data-tone=neutral] { background: transparent; padding-inline: 0; }
.finance-row-states { justify-items: start; gap: 8px; }
.finance-row-states>span,.pack-billing-badge,.payment-label { border-radius: 8px; padding: 5px 9px; font-size: 11px; font-weight: 600; width: fit-content; }
.finance-row-states .finance-late { color: var(--danger-ink); background: var(--danger-bg); border: 1px solid var(--danger-line); }
.payment-label { margin-top: 6px; }
.finance-bell { border-color: var(--warning-line); color: var(--warning-ink); background: var(--warning-bg); border-radius: 17px; }
.finance-bell.active { color: var(--danger-ink); background: var(--danger-bg); border-color: var(--danger-line); }
.topbar-actions #header-alerts { background: var(--danger-ink); border: 2px solid #f6f7f9; font-size: 10px; min-width: 20px; line-height: 15px; text-align: center; }
.mail-direction { padding: 6px 9px; font-size: 11px; font-weight: 650; border-radius: 9px; }
.mail-direction.received { color: var(--info-ink); background: var(--info-bg); }
.mail-direction.sent { color: var(--success-ink); background: var(--success-bg); }
.email-feed { gap: 12px; }
.email-row-v2 { padding: 24px; gap: 18px; border-color: #eef0f3; border-radius: 21px; box-shadow: 0 3px 8px #25262902; }
.email-row-v2:hover { background: #fff; border-color: #cbd3df; }
.email-row-v2 strong { font-weight: 700; letter-spacing: -.02em; }
.email-row-v2 p { line-height: 1.8; }
.note-card[data-tone] { border: 1px solid #ffffffb3; }
.note-card[data-tone] :is(p,button) { color: inherit; }
.note-card button { border-color: transparent; box-shadow: none; }
.note-card .section-kicker { opacity: .9; }
.progress-ring { background: conic-gradient(var(--success-dot) var(--progress),#edf1ef 0); }
.mini-task { border-top: 0; border-left: 0; border-right: 0; box-shadow: none; }
.mini-task__mark.hot { background: var(--danger-bg); border-color: var(--danger-dot); }
.calendar-cell button { color: var(--state-ink,var(--neutral-ink)); background: var(--state-bg,var(--neutral-bg)); border: 0; box-shadow: none; }
.toast { border: 1px solid var(--success-line); background: var(--success-bg); color: var(--success-ink); box-shadow: 0 10px 30px #273e341c; font-size: 13px; padding: 15px 16px; }
.toast:before { content: "✓"; display: grid; place-items: center; width: 25px; height: 25px; flex: none; border-radius: 50%; background: #ffffffa8; font-weight: 800; }
.toast>span { flex: 1; }
.toast button { background: #ffffff8c; color: inherit; border-color: transparent; box-shadow: none; }
.toast--error { background: var(--danger-bg); color: var(--danger-ink); border-color: var(--danger-line); }
.toast--error:before { content: "!"; }
@media(max-width:1400px) {
  .task-filters-primary { grid-template-columns: minmax(190px,1fr) minmax(175px,1fr) auto; }
  .task-filters-primary>.filter-search { grid-column: 1/-1; }
  .email-toolbar { grid-template-columns: minmax(180px,1fr) minmax(210px,1fr) 180px; }
  .email-toolbar>.filter-search { grid-column: 1/-1; }
}
@media(max-width:1020px) {
  .task-filters-primary,.email-toolbar { gap: 14px; padding: 18px; }
  .email-toolbar { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .email-toolbar>.filter-field:last-child { grid-column: 1/-1; }
  .task-filters-primary { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .task-filters-primary>.filter-view { grid-column: 1/-1; justify-self: start; }
}
@media(max-width:760px) {
  .task-filters-primary,.email-toolbar { gap: 16px; padding: 16px; border-radius: 18px; }
  .filter-field :is(input,select),.email-toolbar>.filter-field input,.finance-toolbar :is(input,select),.task-toolbar-finance>* { font-size: 16px; }
  .task-filters-primary .segmented { justify-self: stretch; }
  .topbar-actions { gap: 4px; }
  .topbar-actions .primary { padding: 0; }
  .top-avatar.profile-avatar { display: none; }
  .billing-attach { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
  .email-row-v2 { padding: 18px; gap: 12px; }
  .email-row-v2>div { flex-basis: calc(100% - 100px); }
  .email-row-v2 aside { flex-wrap: wrap; gap: 8px; }
  .task-controls { padding: 16px; }
}
@media(max-width:600px) {
  .task-filters-primary,.email-toolbar { grid-template-columns: minmax(0,1fr); }
  .task-filters-primary>.filter-view { justify-self: stretch; }
  .filter-field .segmented button { flex: 1; }
  .finance-toolbar { padding: 14px; }
  .finance-toolbar>select { flex-basis: 100%; }
}

/* Task detail: the work stays prominent; supporting context stays compact. */
.task-drawer .task-title-input { display:block; resize:none; overflow:hidden; min-height:0; font-size:26px; font-weight:750; line-height:1.35; padding:0 0 8px; border:0; background:transparent; margin-bottom:16px; }
.task-controls { margin-bottom:16px; padding:16px 18px; gap:12px 18px; }
.task-controls .lifecycle-actions { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; gap:12px; padding-top:12px; border-top:1px solid var(--line); }
.lifecycle-actions>span { font-size:11px; color:var(--muted); }
.lifecycle-actions>div { gap:8px; }
.lifecycle-actions button { min-height:34px; padding:7px 12px; font-size:12px; }
.task-detail-layout { grid-template-columns:minmax(0,1.9fr) minmax(260px,1fr); gap:16px; }
.task-detail-layout>.task-main-content,.task-detail-layout>.task-context { gap:14px; align-content:start; }
.task-drawer :is(.detail-block,.side-block) { padding:18px; border-radius:18px; }
.task-drawer :is(.detail-heading,.side-heading) { margin-bottom:12px; }
.task-drawer .empty-copy { padding:4px 0; font-size:12px; line-height:1.6; }
.task-description .detail-heading>div { min-width:0; }
.task-description .detail-heading>div>span { display:block; color:var(--muted); font-size:11px; margin-top:4px; }
.task-description .detail-heading button { flex:none; min-height:36px; padding:7px 10px; }
.task-description-preview { margin:0; white-space:pre-wrap; overflow-wrap:anywhere; font-size:14px; line-height:1.75; }
.task-description-preview .empty-copy { white-space:normal; }
.task-drawer #task-summary { min-height:110px; font-size:14px; border:1px solid var(--line); background:#fafbfc; }
.task-drawer :is(.task-description-preview,.comment-feed,.checklist-item-text,.checklist-list-heading) a,
.email-body a { color:#486887; text-decoration:underline; text-decoration-color:#9eb4c9; text-underline-offset:3px; overflow-wrap:anywhere; }
.task-drawer :is(.task-description-preview,.comment-feed,.checklist-item-text,.checklist-list-heading) a:hover,
.email-body a:hover { color:#263e5d; text-decoration-color:currentColor; }
.task-facts>h3 { margin-bottom:14px; }
.task-facts dl { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 12px; }
.task-facts dt { font-size:10px; letter-spacing:.06em; }
.task-facts dd { font-size:12px; }
.task-disclosure>summary { display:flex; align-items:center; gap:10px; min-height:26px; cursor:pointer; list-style:none; font-size:13px; font-weight:700; }
.task-disclosure>summary::-webkit-details-marker { display:none; }
.task-disclosure>summary:after { content:"⌄"; font-size:17px; font-weight:400; color:var(--muted); margin-left:auto; }
.task-disclosure[open]>summary:after { transform:rotate(180deg); }
.task-disclosure>summary b { font-size:11px; background:var(--neutral-bg); color:var(--neutral-ink); border-radius:8px; padding:2px 7px; }
.task-disclosure-body { margin-top:16px; }
.task-disclosure .related-emails { max-height:260px; overflow:auto; }
.task-pack>summary { flex-wrap:wrap; }
.task-pack>summary>.pack-task-badge { font-size:10px; font-weight:500; max-width:calc(100% - 40px); }
.task-pack>summary>span:first-child { margin-right:auto; }
.task-pack .task-disclosure-body>p { overflow-wrap:anywhere; }
.task-pack label { margin-top:8px; }
.task-pack button { width:100%; }
.task-attachments .side-heading { flex-wrap:wrap; }
.attachment-trigger { display:inline-flex; align-items:center; gap:4px; min-height:36px; padding:7px 11px; border-radius:11px; font-size:12px; }
.attachment-trigger>span { font-size:17px; line-height:1; }
.attachment-state { font-size:11px; color:var(--muted); margin-top:10px; overflow-wrap:anywhere; }
.attachment-list a { display:block; padding:8px 10px; border:1px solid var(--line); border-radius:10px; background:#fafbfc; text-decoration:none; }
.legacy-links { margin-top:16px; border-top:1px solid var(--line); padding-top:10px; color:var(--muted); font-size:12px; }
.legacy-links summary { cursor:pointer; }
.legacy-links>div { display:grid; gap:8px; margin-top:12px; overflow-wrap:anywhere; }
.checklist-item-main { flex:1; min-width:0; display:flex; align-items:start; gap:10px; }
.checklist-item-main>input { margin-top:3px; flex:none; }
.checklist-item-text { font-size:14px; font-weight:450; white-space:pre-wrap; overflow-wrap:anywhere; min-width:0; }
.checklist-item-main:has(input:checked) .checklist-item-text { text-decoration:line-through; color:var(--muted); }
.checklist-list-heading h4 { min-width:0; overflow-wrap:anywhere; }
.task-workflow .checklist-lists:has(>.empty-copy)+.checklist-add { margin-top:12px; }
.task-activity .comment-feed { max-height:320px; }
.task-activity .comment-box { margin-top:12px; }
.task-drawer .task-finance { margin-top:0; }
.drawer-footer { min-height:36px; padding-top:14px; }

/* Dashboard: compact alerts and an actionable monthly calendar. */
.dashboard-middle { grid-template-columns:minmax(0,1.05fr) minmax(300px,1.1fr) minmax(0,.8fr); align-items:start; gap:18px; }
.dashboard-alerts { display:grid; gap:14px; align-content:start; min-width:0; }
.dashboard-alerts .note-card { min-height:0; padding:20px; border-radius:20px; transform:none; }
.dashboard-alerts .note-number { font-size:30px; margin:8px 0; }
.dashboard-alerts .note-card button { margin-top:14px; min-height:32px; padding-block:5px; text-align:left; }
.dashboard-alerts .section-kicker { margin-bottom:4px; font-size:10px; }
.dashboard-alerts .note-card p { line-height:1.6; }
.dashboard-calendar { padding:20px; min-width:0; border-radius:22px; }
.dashboard-calendar>header { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:16px; }
.dashboard-calendar h2 { font-size:17px; }
.dashboard-calendar .section-kicker { font-size:10px; margin-bottom:5px; }
.dashboard-calendar>header button { min-height:34px; padding:6px 10px; border:1px solid var(--line); border-radius:10px; font-size:11px; }
.mini-month-nav { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:8px; }
.mini-month-nav h3 { font-size:13px; font-weight:700; letter-spacing:-.02em; }
.mini-month-nav h3:first-letter { text-transform:uppercase; }
.mini-month-nav button { width:32px; min-height:32px; padding:0; font-size:21px; border-color:transparent; background:transparent; box-shadow:none; }
.mini-weekdays,.mini-month-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:3px; text-align:center; }
.mini-weekdays span { font-size:10px; color:var(--muted); padding:7px 0; }
.mini-month-grid button { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1px; height:42px; min-height:42px; padding:3px 0; border:1px solid transparent; border-radius:10px; background:transparent; box-shadow:none; font-size:12px; font-weight:550; }
.mini-month-grid button:hover { background:var(--soft); }
.mini-month-grid button[aria-current=date] { border-color:#b5c2d3; background:var(--info-bg); }
.mini-month-grid button[aria-pressed=true] { background:var(--ink); color:white; border-color:var(--ink); }
.mini-month-grid b { display:grid; place-items:center; min-width:17px; padding:0 3px; height:16px; font-size:11px; line-height:1; border-radius:5px; background:var(--success-bg); color:var(--success-ink); font-weight:750; }
.mini-month-grid [aria-pressed=true] b { background:#ffffff2b; color:white; }
.mini-day-agenda { border-top:1px solid var(--line); margin-top:14px; padding-top:12px; max-height:205px; overflow:auto; }
.mini-day-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:12px; margin-bottom:8px; }
.mini-day-heading>span { font-size:11px; color:var(--muted); }
.mini-day-task { display:flex; justify-content:space-between; gap:10px; align-items:center; width:100%; text-align:left; padding:9px; min-height:40px; background:#f7f8fa; border:1px solid #edf0f3; box-shadow:none; margin-top:6px; border-radius:10px; }
.mini-day-task>span:first-child { min-width:0; }
.mini-day-task strong { display:block; font-size:12px; font-weight:650; line-height:1.5; overflow-wrap:anywhere; }
.mini-day-task small { display:block; font-size:10px; color:var(--muted); margin-top:3px; }
.mini-day-empty { font-size:12px; color:var(--muted); padding:5px 0; }
.mini-calendar-hint { font-size:10px; color:var(--muted); margin-top:12px; }
@media(max-width:1150px) {
  .dashboard-middle { grid-template-columns:minmax(0,1fr) minmax(290px,1fr); }
  .dashboard-middle>.focus-panel { grid-column:auto; }
  .dashboard-alerts { grid-column:1/-1; grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:760px) {
  .task-detail-layout { grid-template-columns:minmax(0,1fr); }
  .task-controls .lifecycle-actions { align-items:start; flex-wrap:wrap; }
  .task-controls .lifecycle-actions>span { padding-top:8px; }
  .task-drawer #task-summary { font-size:16px; }
  .task-description .detail-heading { align-items:start; gap:8px; }
  .task-description .detail-heading button { font-size:11px; padding-inline:8px; }
  .task-facts dl { gap:14px; }
  .dashboard-middle { grid-template-columns:minmax(0,1fr); }
  .dashboard-alerts { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .dashboard-alerts .note-card { padding:16px; }
  .dashboard-calendar { padding:20px; }
  .mini-month-grid button { min-height:44px; height:44px; }
  .mini-month-nav button { min-width:44px; min-height:44px; }
}
@media(max-width:370px) {
  .dashboard-alerts { grid-template-columns:minmax(0,1fr); }
  .dashboard-calendar { padding:16px; }
}
.sidebar-install { margin-top:auto; margin-bottom:16px; font-size:12px; }
.dashboard-personal { display:flex; flex-direction:column; gap:18px; min-width:0; }
.quick-notes-card { padding:20px; background:#fff; border:1px solid #e8e8e8; border-radius:20px; min-width:0; }
.quick-notes-card>header { margin-bottom:10px; }
.quick-notes-card h2 { font-size:17px; letter-spacing:-.03em; }
.quick-items { max-height:250px; overflow:auto; }
.quick-empty { padding:14px 0; font-size:13px; color:var(--muted); border-bottom:1px solid #222; }
.quick-item { display:grid; grid-template-columns:16px minmax(0,1fr) auto; align-items:center; gap:8px; min-height:45px; padding:8px 0; border-bottom:1px solid #222; background:#fff; }
.quick-item input[type=checkbox] { width:15px; height:15px; margin:0; accent-color:#202020; }
.quick-item-text { overflow-wrap:anywhere; font-size:13px; line-height:1.5; }
.quick-item.is-done .quick-item-text { text-decoration:line-through; color:#818181; }
.quick-item-actions { display:flex; gap:0; }
.quick-notes-card .quick-item-actions button,.quick-notes-card .quick-item-edit button,#quick-item-create button { display:grid; place-items:center; padding:0; width:28px; min-width:28px; height:30px; min-height:30px; background:transparent; border:0; border-radius:6px; box-shadow:none; color:#252525; }
.quick-notes-card button .icon { width:15px; height:15px; pointer-events:none; }
.quick-notes-card button:hover:not(:disabled) { background:#f0f0f0; }
.quick-item-actions [data-grip] { cursor:grab; touch-action:none; }
.quick-item.is-dragging { opacity:.55; background:#f2f2f2; }
.quick-item.is-dragging [data-grip] { cursor:grabbing; }
.quick-item.drop-before { box-shadow:inset 0 3px #202020; }
.quick-item.drop-after { box-shadow:inset 0 -3px #202020; }
.quick-item.is-editing>.quick-item-text,.quick-item.is-editing>.quick-item-actions,.quick-item.is-editing>input { display:none; }
.quick-item-label { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
#quick-item-create { display:flex; align-items:center; gap:8px; border-bottom:1px solid #222; padding:5px 0; }
#quick-item-create input { min-width:0; flex:1; padding:8px 0; border:0; border-radius:0; background:transparent; box-shadow:none; min-height:34px; font-size:13px; }
.quick-item-edit { grid-column:1/-1; display:flex; align-items:center; gap:4px; }
.quick-item-edit input { flex:1; min-width:0; padding:6px; font-size:13px; }
.quick-legacy { margin-top:12px; font-size:12px; color:var(--muted); }
.quick-legacy textarea { margin:8px 0; min-height:80px; font-size:13px; }
.quick-legacy footer { display:flex; justify-content:flex-end; }
.quick-notes-error,.quick-notes-conflict { padding:12px; margin-bottom:14px; border-radius:12px; background:var(--warning-bg); color:var(--warning-ink); font-size:13px; }
.quick-notes-error button,.quick-notes-conflict button { margin-top:8px; }
.quick-notes-conflict pre { white-space:pre-wrap; overflow-wrap:anywhere; max-height:140px; overflow:auto; font:inherit; }
@media(max-width:1020px) { .dashboard-personal { grid-column:1/-1; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:start; } .dashboard-personal .focus-panel { grid-column:auto; } }
@media(max-width:760px) {
  .dashboard-personal { display:flex; gap:10px; }
  .quick-notes-card { padding:18px; }
  .quick-notes-card .quick-item-actions button { width:32px; min-width:32px; height:36px; min-height:36px; }
  .quick-notes-card textarea,.quick-notes-card input { font-size:16px; }
}
@media(max-width:370px) { .quick-item { grid-template-columns:16px minmax(0,1fr); } .quick-item-actions { grid-column:2; justify-content:flex-end; } }
.sidebar-install:not([hidden]) + .sidebar-bottom { margin-top:0; }
.pwa-help { max-width:540px; }
.pwa-help h2 { margin-bottom:16px; }
.pwa-help p,.pwa-help li { line-height:1.7; }
.pwa-help ol { padding-left:22px; margin:20px 0; }
.pwa-help li + li { margin-top:12px; }
.pwa-offline-status { padding:12px 14px; margin-bottom:16px; border-radius:12px; background:var(--info-bg); color:var(--info-ink); }
@media (max-width:760px) { .sidebar-install { display:none!important; } }
@media (display-mode:standalone) {
  .app-shell { margin-top:max(14px,env(safe-area-inset-top)); }
  .main { padding-left:max(16px,env(safe-area-inset-left)); padding-right:max(16px,env(safe-area-inset-right)); }
}

/* The glass is a viewport frame, not part of the scrolling document. */
:root { --workspace-margin:16px; }
html,body { height:100%; overflow:hidden; }
body:before {
  background:radial-gradient(ellipse at 88% 5%,#fafbfc 0,transparent 45%),
    radial-gradient(ellipse at 8% 90%,#949aa8 0,transparent 58%),
    linear-gradient(125deg,#a6acb8 0%,#e6e8ed 43%,#bac0cc 72%,#939ba9 100%);
}
body:after { border-color:#ffffff52; filter:drop-shadow(28px 35px 35px #39415638); }
.app-shell {
  position:fixed;
  inset:max(var(--workspace-margin),env(safe-area-inset-top)) max(var(--workspace-margin),env(safe-area-inset-right)) max(var(--workspace-margin),env(safe-area-inset-bottom)) max(var(--workspace-margin),env(safe-area-inset-left));
  margin:0; max-width:none; min-height:0; padding:12px; overflow:hidden;
  display:grid; grid-template-rows:minmax(0,1fr);
  background:linear-gradient(130deg,#ffffff9c,#ffffff70 60%,#f4f6fa80);
  border:1px solid #ffffffd6;
  box-shadow:inset 0 1px 0 #fff9,0 16px 55px #30394e24;
  -webkit-backdrop-filter:blur(28px) saturate(115%);
  backdrop-filter:blur(28px) saturate(115%);
}
.app-shell>.sidebar { position:relative; top:auto; height:100%; min-height:0; overflow-y:auto; overscroll-behavior:contain; }
.app-shell>.main { height:100%; min-height:0; overflow:auto; overscroll-behavior:contain; scrollbar-gutter:stable; scroll-padding-block:24px; margin:0; }
.dashboard-middle { align-items:start; }

/* One quiet focus treatment on the field's container, never two rings. */
.search-wrap:focus-within,.filter-field .search-wrap:focus-within { border-color:#626770; box-shadow:inset 0 -1px #626770; }
.search-wrap input:is(:focus,:focus-visible) { outline:none; box-shadow:none; border:0; background:transparent; }
#quick-item-create:focus-within,.quick-item.is-editing:focus-within { box-shadow:inset 0 -1px #252629; background:#fafafa; }
#quick-item-create input:is(:focus,:focus-visible),.quick-item-edit input:is(:focus,:focus-visible) { outline:none; box-shadow:none; border:0; background:transparent; }
.quick-item-edit input { border:0; border-radius:0; box-shadow:none; background:transparent; padding:0; }
@media(max-width:760px) {
  .app-shell { padding:8px; border-radius:26px; grid-template-columns:minmax(0,1fr); grid-template-rows:minmax(0,1fr) auto; gap:8px; }
  .app-shell>.main { grid-row:1; padding:18px 12px 24px; scrollbar-gutter:auto; }
  .app-shell>.sidebar { grid-row:2; position:relative; inset:auto; height:64px; width:100%; min-height:0; overflow:visible; border-radius:18px; padding:5px 8px; }
  .more-menu { bottom:calc(var(--workspace-margin) + 84px); right:calc(var(--workspace-margin) + 8px); }
  #toast-region { bottom:calc(var(--workspace-margin) + 88px); }
}
@media(forced-colors:active) {
  .search-wrap:focus-within,#quick-item-create:focus-within,.quick-item.is-editing:focus-within { outline:1px solid Highlight; outline-offset:1px; }
}

.task-filter-toggle { display:none; }
@media(max-width:760px) {
  /* Grid alignment must not leak into this column's flex cross axis. */
  .dashboard-personal { align-items:stretch; width:100%; }
  .dashboard-personal>.surface { width:100%; min-width:0; }
  .progress-card { display:grid; grid-template-columns:minmax(0,1fr) 84px; gap:6px 16px; align-items:center; }
  .progress-card .card-heading { grid-column:1; grid-row:1; align-self:end; }
  .progress-card .card-heading h2 { font-size:13px; }
  .progress-card>p { grid-column:1; grid-row:2; max-width:none; text-align:left; align-self:start; }
  .progress-card .progress-ring { grid-column:2; grid-row:1/3; width:84px; height:84px; margin:0; }
  .progress-card .progress-ring:before { inset:7px; }
  .progress-card .progress-ring strong { font-size:23px; line-height:1.2; letter-spacing:-.04em; }
  .progress-card .progress-ring span { display:block; font-size:10px; line-height:1.5; }
  .task-filter-toggle { display:flex; align-items:center; justify-content:space-between; width:100%; min-height:48px; margin-bottom:12px; padding:12px 16px; background:#ffffffa6; border:1px solid #ffffffd9; border-radius:15px; text-align:left; }
  .task-filter-toggle b { margin-left:7px; padding:3px 7px; border-radius:8px; background:#edf1f8; color:#526782; font-size:11px; }
  .task-filter-toggle .filter-chevron { font-size:19px; line-height:1; }
  .task-filter-toggle[aria-expanded=true] .filter-chevron { transform:rotate(180deg); }
  .task-filters-primary.is-collapsed-mobile { display:none; }
}
.task-cancel-modal {z-index:80}
.task-cancel-modal .cancel-help {color:var(--muted);font-size:13px;line-height:1.6;margin:0 0 20px}
.task-cancel-modal textarea {min-height:120px;resize:vertical}
.task-cancel-modal [role=alert] {color:var(--danger-ink);font-size:13px;line-height:1.5}
:root .cancel-task-button {background:var(--danger-bg);color:var(--danger-ink);border:1px solid var(--danger-line)}
:root .cancel-task-button:hover {background:#f5dedc}
.task-history-group {margin-top:20px}
.task-history-group>.project-grid {padding:14px 0 20px;align-items:start}