:root{--ink:#eee;--muted:#a2a2a2;--line:#424244;--paper:#1e1f21;--orange:#4573d2;color-scheme:dark}
body{font-family:Arial,sans-serif;background:#1e1f21;color:#e5e5e5;font-size:14px}h1,h2,h3,.stat strong{font-family:Arial,sans-serif}button{color:inherit}button:hover{filter:none;background-color:#393a3d}input,select,textarea{color-scheme:dark}
.topbar{position:fixed;inset:0 0 auto;height:49px;display:flex;align-items:center;gap:17px;background:#2c2c2e;border-bottom:1px solid #454548;z-index:40;padding:0 20px}.top-brand{font-weight:700;font-size:16px;min-width:178px}.topbar #menu{display:block;background:none;font-size:19px;color:#bbb}.topbar input{max-width:620px;width:48%;margin:auto;background:#38383b;border:1px solid #515155;border-radius:7px;padding:7px 15px;font-size:12px;color:#eee}.topbar .avatar{width:28px;height:28px}.demo{font-size:9px;color:#bbb}.orange{background:#b76f5d;color:#fff}
aside{top:49px;width:230px;background:#252628;padding:17px 12px;border-color:#48484a;overflow-y:auto;box-shadow:none}.nav-label{font-size:12px;letter-spacing:0;text-transform:none;font-weight:600;color:#999;margin:0 10px 8px}nav{gap:2px}nav button{padding:9px 12px;color:#ddd;border-radius:6px;font-size:18px;align-items:center}nav button span{font-size:14px}nav button.active{background:#3e3f41;color:white}nav em{background:#4e4e53}nav hr{border:0;border-top:1px solid #4a4a4c;width:95%;margin:12px auto}.sidebar-section{display:flex;align-items:center;justify-content:space-between;margin:28px 8px 12px;color:#aaa;font-size:12px;font-weight:600}.sidebar-section button{background:none;font-size:20px;color:#aaa}#project-links{display:grid;gap:4px}.project-nav{background:none;text-align:left;display:flex;gap:10px;padding:9px 10px;align-items:center;border-radius:5px;min-width:0}.project-nav span:last-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:13px}.project-nav.active{background:#3e3f41}.project-icon{width:20px;height:20px;background:#aaa;color:#222;border-radius:4px;text-align:center;line-height:20px;flex-shrink:0;font-size:14px}.sidebar-bottom{padding-top:25px}.full{width:100%}.sidebar-bottom>small{font-size:9px;line-height:1.6;color:#888}.export{color:#aaa;font-size:11px}
.shell{margin-left:230px;padding-top:49px}header{height:48px;background:transparent;padding:0 32px;border-color:#37383a}.header-note{font-size:11px;color:#8f9095}.breadcrumb{color:#888}.breadcrumb b{color:#ccc}main{max-width:1550px;padding:25px 36px 50px}.page-heading{margin:3px 0 25px}.eyebrow{font-size:13px;letter-spacing:0;color:#ddd;font-weight:600;margin-bottom:14px}.eyebrow:before{display:none}h1{font-size:34px;letter-spacing:-.5px;line-height:1.3;font-weight:400}.page-heading p{font-size:12px;margin:10px 0 0;color:#999}.panel{background:#292a2c;border:1px solid #363739;border-radius:10px;padding:26px;margin-bottom:18px}.panel h2{font-size:22px;letter-spacing:-.6px;margin:0 0 16px}.panel-heading{display:flex;align-items:center;justify-content:space-between}.panel-heading>div{display:flex;align-items:center;gap:10px}.panel-heading small{font-size:11px;color:#aaa}.task-tabs,.project-tabs{display:flex;gap:6px;border-bottom:1px solid #37383a;padding-bottom:10px;margin-bottom:12px;overflow:auto}.task-tabs button,.project-tabs button{background:none;padding:8px 10px;font-weight:600;color:#aaa;border-radius:5px;white-space:nowrap;font-size:13px}.task-tabs button.active,.project-tabs button.active{background:#103269;color:#83acff}.create-task{color:#aaa;padding:12px 4px;background:none;font-size:13px;margin-bottom:10px}.dense-row{display:flex;align-items:center;gap:12px;border-top:1px solid #363739;min-height:43px;padding:8px 0}.check-task{background:none;border:1px solid #96979b;border-radius:50%;width:18px;height:18px;flex-shrink:0;color:#aaa;font-size:11px;padding:0}.check-task.done{background:#486d54;border-color:#629674;color:#d5ecdb}.task-name{background:none;padding:0;text-align:left;flex:1;min-width:0;font-size:13px;line-height:1.5}.dense-row .project-label{font-size:10px;background:#3a3b3d;padding:5px 7px;border-radius:4px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dense-row time{font-size:10px;color:#aaa;width:55px;text-align:right}.home-tasks{min-height:360px}.project-tabs{margin-top:-8px;margin-bottom:18px}.list-group{margin:25px 0}.list-group h3{font-size:15px;letter-spacing:0;margin:0 0 13px}.list-group .dense-row{padding-left:22px}.list-head{display:flex;border-bottom:1px solid #414244;padding:12px 0;color:#999;font-size:12px}.list-head span:first-child{flex:1}.list-head span:last-child{width:100px;text-align:right}.primary{background:#4269bb;color:white;border:1px solid #6682bd}.primary:hover{background:#5078cc}.secondary{background:transparent;border:1px solid #4a4b4e;color:#ddd}.toolbar{gap:8px}.toolbar input,.toolbar select{background:#252628;border-color:#444;color:#ddd;padding:9px 12px}.toolbar input{max-width:300px}.project{background:#292a2c;border-color:#414244}.project:before{display:none}.project-symbol{background:#414249;color:#ddd}.project p,.project-meta{color:#aaa}.project h3{font-size:18px;letter-spacing:0}.project-bottom{border-color:#414244}.project-bottom button{color:#ddd}.badge{background:#383a3c;color:#ccc}.progress{background:#434449}.project-bottom small{color:#aaa}.projects{grid-template-columns:repeat(3,1fr)}.column{background:#252628;border:1px solid #3b3c3f}.task{background:#2d2e31;border-color:#47484b;box-shadow:none;color:#eee}.task:hover{background:#333438;border-color:#7c8da8}.priority{background:#494231;color:#dfca96}.task .avatar{background:#605273;color:#eee}.column-title{font-size:13px}.empty{color:#999}.activity p{color:#ddd}.activity small{color:#999}.dot{background:#779ce2}.approval-card{background:#292a2c;border-color:#424346}.approval-card p{color:#aaa}.approval-card .eyebrow{font-size:11px}.section-title{margin-top:23px}.section-title h2{font-size:20px}.stat{background:#292a2c;border-color:#414244}.stat strong{font-size:30px}.text-button{color:#a0b9ec}.members{width:100%;border-collapse:collapse}.members th{text-align:left;color:#aaa;font-size:11px;font-weight:500;padding:15px;border-bottom:1px solid #45464a}.members td{padding:17px 15px;border-bottom:1px solid #3c3d40;font-size:13px}.member-name{display:flex;gap:12px;align-items:center}.member-name small{display:block;color:#999;font-size:11px;margin-top:5px}.role{background:#3a3d46;color:#c5cfe3;padding:5px 8px;border-radius:4px;font-size:11px}.danger{color:#f1a4a4;border-color:#795353}.people-note{padding:12px 16px;background:#2b2e36;border:1px solid #464d5e;color:#b4bfd7;font-size:12px;line-height:1.7;margin-bottom:20px;border-radius:5px}.table-scroll{overflow-x:auto}.member-actions{display:flex;gap:8px}.member-actions button{font-size:11px;padding:7px 10px}.member-actions button:disabled{opacity:.4;cursor:not-allowed}.project-overview{max-width:800px}.project-overview p{color:#bbb;line-height:1.8}.project-overview dt{color:#999;font-size:11px;margin-top:20px}.project-overview dd{margin:6px 0}.guide-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.guide-tile{padding:24px;text-align:left;background:#40303a;border:1px solid #614857;border-radius:6px;min-height:135px}.guide-tile:nth-child(2){background:#293d3f;border-color:#456164}.guide-tile:nth-child(3){background:#37344b;border-color:#56516f}.guide-tile strong{display:block;font-size:17px;margin-top:16px}.guide-tile span{font-size:12px;color:#bbb}.guide-tile i{font-size:30px;font-style:normal;color:#d5b5a2}.notice{background:#39372d;color:#d8c89f}.comment{background:#303135;color:#ddd}dialog{background:#242528;color:#ddd;border:1px solid #505156}.field{color:#bbb}.field input,.field select,.field textarea{background:#1e1f21;border-color:#505155;color:#eee}.dialog-head button{color:#aaa}.dialog-head h2{font-size:21px}#toast{border:1px solid #666;background:#34363a}.topbar input:focus{outline:1px solid #789ad3}
@media(min-width:1200px){body[data-view="overview"] main{padding-left:7%;padding-right:7%}}@media(max-width:1000px){.projects{grid-template-columns:1fr 1fr}.guide-tiles{gap:10px}.guide-tile{padding:15px}.topbar .top-brand{min-width:145px}}@media(max-width:760px){aside{width:230px;top:49px}.shell{margin-left:0}.topbar{padding:0 12px;gap:10px}.top-brand{display:none}.topbar input{width:auto;flex:1}.topbar .demo{display:none}main{padding:25px 18px}header{padding:0 18px}.header-note{display:none}h1{font-size:27px}.panel{padding:18px}.projects{grid-template-columns:1fr}.guide-tiles{grid-template-columns:1fr}.dense-row .project-label{display:none}.task-name{font-size:12px}.project-tabs{gap:0}.project-tabs button{font-size:12px;padding:8px}.members td,.members th{padding:12px 8px}.members{min-width:650px}.page-heading{margin-bottom:20px}}
/* Custom sections and task conversation drawer. */
.list-group summary{display:flex;align-items:center;gap:12px;cursor:pointer;min-height:43px;padding:7px 0;list-style:none;font-size:15px}
.list-group summary:before{content:'\25B8';color:#999;font-size:13px}.list-group[open] summary:before{content:'\25BE'}
.list-group summary small{color:#999;font-size:11px}.section-controls{display:inline-flex;gap:8px;margin-left:auto}
.section-controls button{background:none;color:#aaa;font-size:10px;padding:5px}.section-controls button:hover{color:#fff;background:#3d3e41}
.custom-board .section-controls{display:flex;margin:0 0 12px}.custom-board .task-foot span{font-size:10px;color:#aaa}
.task-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(760px,100vw);height:100dvh;max-height:100dvh;max-width:100vw;border-radius:0;padding:0;background:#202123;border:0;border-left:1px solid #464749;box-shadow:-20px 0 80px #0004}
.task-drawer::backdrop{background:#0005;backdrop-filter:none}.drawer-top{position:sticky;top:0;z-index:2;background:#292a2c;border-bottom:1px solid #3d3e40;padding:17px 26px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#aaa}.drawer-top button{background:none;color:#ddd;font-size:18px}
.drawer-body{padding:26px 30px 40px}.task-title-input{width:100%;background:none;color:#eee;border:1px solid transparent;padding:8px 0;font-size:27px;font-weight:600;outline-offset:3px;margin-bottom:20px}.task-title-input:focus{border-color:#6d7d9b;outline:none}
.task-meta-fields .field{display:grid;grid-template-columns:140px 1fr;align-items:center;gap:15px;margin:8px 0}.task-meta-fields .field input,.task-meta-fields .field select{margin:0;background:transparent;border-color:transparent;padding:8px;font-size:13px}.task-meta-fields .field input:hover,.task-meta-fields .field select:hover{border-color:#505155}
.task-meta-fields .field select option{background:#252628}.complete-label{display:flex;align-items:center;gap:10px;color:#bbb;font-size:12px;margin:20px 0}.complete-label input{accent-color:#6f9477}
.drawer-body h3{font-size:14px;margin:30px 0 12px}.drawer-body h3 small{color:#999;font-weight:400}.task-description{width:100%;min-height:115px;padding:12px;background:none;border:1px solid #3c3d40;border-radius:5px;resize:vertical;color:#eee;line-height:1.7}.description-links{font-size:12px;line-height:1.7;color:#999;overflow-wrap:anywhere;margin-top:12px}.description-links:empty{display:none}.task-drawer a{color:#92b6fa;text-decoration:underline}
.task-comment{display:flex;gap:12px;margin:20px 0}.task-comment>div{min-width:0;flex:1}.task-comment b{font-size:12px}.task-comment time{font-size:10px;color:#999;margin-left:12px}.task-comment p{font-size:13px;line-height:1.7;overflow-wrap:anywhere;margin:8px 0}.comment-composer{border:1px solid #4b4c4f;border-radius:12px;padding:14px;margin-top:22px}.comment-composer textarea{width:100%;background:none;border:0;min-height:90px;resize:vertical;color:#eee;line-height:1.6}.comment-composer>div{display:flex;justify-content:space-between;gap:10px;align-items:center}.comment-composer small{font-size:10px;color:#999}.comment-composer .primary{font-size:11px;padding:9px 13px}.drawer-actions{display:flex;align-items:center;gap:15px;margin-top:20px}.drawer-actions span{font-size:10px;color:#999}
@media(max-width:600px){.drawer-body{padding:20px}.task-meta-fields .field{grid-template-columns:95px 1fr}.drawer-top{padding:15px 20px}.task-title-input{font-size:23px}.section-controls{gap:0}.section-controls button{font-size:9px}.drawer-actions{flex-wrap:wrap}.task-comment time{display:block;margin:5px 0}.comment-composer small{max-width:130px}}
/* Refined task drawer: compact metadata, readable conversations, persistent save. */
.task-drawer{width:min(700px,100vw);scrollbar-width:thin;scrollbar-color:#51545c transparent}
.drawer-top{height:62px;padding:0 28px;background:#26272b;color:#c3c6ce;font-size:12px}
.drawer-top>span{display:flex;align-items:center;gap:10px}.drawer-context-icon{color:#9eb6ed;background:#343d50;width:27px;height:27px;display:inline-grid;place-items:center;border-radius:6px}
.drawer-top button{width:30px;height:30px;border-radius:6px;font-size:17px}.drawer-top button:hover{background:#3a3c42}
.drawer-body{padding:23px 28px 0}.task-title-input{font-size:26px;line-height:1.3;margin-bottom:20px;padding:8px;border-radius:6px;letter-spacing:-.5px}
.task-meta-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px;padding:18px;background:#25262a;border:1px solid #36383e;border-radius:9px}
.task-meta-fields .field{display:flex;flex-direction:column;align-items:stretch;gap:6px;margin:0;font-size:10px;color:#959ba7}
.task-meta-fields .field input,.task-meta-fields .field select{width:100%;min-width:0;background:#2d2f34;border:1px solid #41444b;border-radius:5px;padding:9px 10px;font-size:12px;color:#e3e6ee;min-height:36px}
.task-meta-fields .field input:focus,.task-meta-fields .field select:focus{outline:2px solid #6686bc;outline-offset:1px}
.complete-label{align-self:end;margin:0;min-height:36px;padding:8px 10px;font-size:12px;border-radius:5px;background:#2b302d;border:1px solid #404b43;color:#bccfbe}
.drawer-body h3{margin:24px 0 12px;font-size:13px;font-weight:600;color:#d9dde5;letter-spacing:0}
.task-description{background:#242529;border-color:#3c3f47;min-height:105px;padding:13px 15px;font-size:13px;border-radius:8px}
.task-description:focus,.comment-composer:focus-within{outline:1px solid #7896ce;border-color:#7896ce}
.description-links{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.description-link-chip{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:7px 10px;background:#293245;border:1px solid #3c4a65;border-radius:5px;font-size:11px;overflow-wrap:anywhere}
.task-drawer a.description-link-chip{text-decoration:none;color:#a9c4fa}.description-link-chip span{font-size:16px}
.comments-heading{border-top:1px solid #383a40;padding-top:22px;display:flex;align-items:center;gap:8px}.comments-heading small{font-size:10px;background:#363940;padding:3px 6px;border-radius:10px}
.task-comment{margin:16px 0;gap:10px}.task-comment .avatar{height:30px;width:30px;font-size:10px;background:#695c7a;color:#e4d9ef}
.task-comment>div{background:#292b30;border:1px solid #393c44;padding:12px 14px;border-radius:0 8px 8px 8px}.task-comment b{font-size:12px;color:#e3e5ec}.task-comment time{font-size:9px;color:#9298a6;margin-left:10px}
.task-comment p{font-size:13px;margin:9px 0 0;color:#cbd0dc;line-height:1.65}.task-comments:empty:after{content:'No comments yet. Start the conversation below.';display:block;font-size:12px;color:#8b929f;padding:4px 0 14px}
.comment-composer{margin-top:17px;background:#26282d;border-color:#454952;border-radius:9px;padding:13px}
.comment-composer textarea{font-size:13px;min-height:70px;padding:2px;outline:none}.comment-composer>div{border-top:1px solid #393c43;padding-top:10px}
.comment-composer small{font-size:9px;color:#959cab}.comment-composer .primary{border-radius:5px;font-size:11px}
.drawer-actions{position:sticky;bottom:0;z-index:3;background:#202123f5;backdrop-filter:blur(8px);border-top:1px solid #3c3e45;margin-top:22px;padding:15px 0;flex-direction:row-reverse;justify-content:space-between}
.drawer-actions .primary{padding:10px 17px;font-size:12px}.drawer-actions span{font-size:10px;color:#9299a6}
@media(max-width:500px){.drawer-top{padding:0 18px;height:55px}.drawer-body{padding:18px 16px 0}.task-meta-fields{gap:12px;padding:12px}.task-title-input{font-size:23px}.task-comment time{display:block;margin:4px 0 0}.drawer-actions{flex-wrap:nowrap}.task-meta-fields .field select{font-size:11px;padding-inline:6px}}
.avatar{overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.topbar>.avatar{cursor:pointer}.profile-layout{display:grid;grid-template-columns:280px minmax(0,650px);gap:22px;align-items:start}.profile-summary{text-align:center}.profile-large{width:88px;height:88px;margin:0 auto 20px;font-size:26px;background:#625574}.profile-summary h2{margin-bottom:8px}.profile-summary>p{font-size:12px;color:#aaa;overflow-wrap:anywhere;line-height:1.7;margin-bottom:20px}.profile-stat{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #41434a;padding:18px 0}.profile-stat:first-of-type{margin-top:25px}.profile-stat strong{font-size:23px}.profile-stat span{color:#aaa;font-size:12px}.profile-summary>.secondary{width:100%;margin-top:12px}.profile-note{font-size:12px;color:#999;line-height:1.7}.profile-settings .field{margin:22px 0}.profile-settings .field small{display:block;color:#999;margin-top:9px;font-size:10px}.photo-editor{display:flex;align-items:center;gap:20px}.profile-preview{width:65px;height:65px;background:#625574;font-size:20px}.profile-settings .dialog-actions{border-top:1px solid #41434a;padding-top:20px}.profile-settings input[type=file]{font-size:12px}.profile-settings button:disabled{opacity:.5;cursor:wait}@media(max-width:900px){.profile-layout{grid-template-columns:1fr}.profile-summary{max-width:none}.profile-stat{max-width:360px;margin-inline:auto}}
/* Task detail layout follows the compact, inline reference. */
.task-drawer{width:min(780px,100vw);background:#1e1f21}
.drawer-top{height:42px;padding:0 18px;background:#292a2c;border-bottom:0;font-size:12px}
.drawer-context-icon{background:none;color:#aaa;width:18px;height:18px}
.drawer-body{padding:18px 24px 0}
.task-title-input{font-size:26px;margin:0 0 19px;padding:7px 0;border-radius:2px;font-weight:600;letter-spacing:-.4px}
.task-meta-fields{display:flex;flex-direction:column;gap:0;padding:0;background:none;border:0;border-radius:0}
.task-meta-fields .field{display:grid;grid-template-columns:140px minmax(0,1fr);align-items:center;gap:12px;min-height:44px;margin:0;font-size:12px;color:#e0e0e2}
.task-meta-fields .field input,.task-meta-fields .field select{background:transparent;border:1px solid transparent;border-radius:4px;padding:7px 8px;font-size:13px;min-height:32px;color:#babcc2}
.task-meta-fields .field input:hover,.task-meta-fields .field select:hover{background:#292a2e;border-color:#414248}
.task-meta-fields .field select option{background:#27282b}
.task-project-row{display:flex;align-items:center;gap:8px;padding:12px 0 16px;border-bottom:1px solid #37383b;margin-top:7px}
.task-project-row:before{content:'\25BE';font-size:12px;color:#999}
.task-project-row select{min-width:0;max-width:48%;background:transparent;border:1px solid transparent;border-radius:4px;padding:7px 8px;color:#ddd;font-size:12px}
.task-project-row select:last-child{color:#a7a9af}
.task-project-row select:hover{background:#292a2e;border-color:#414248}
.task-project-label{font-weight:600;font-size:13px;margin:18px 0 0;color:#ddd}
.complete-label{background:none;border:0;border-radius:0;padding:12px 0;margin:0;font-size:12px;min-height:36px;color:#aaa}
.drawer-body h3{font-size:14px;margin:24px 0 12px;color:#eee}
.task-description{border:1px solid transparent;background:transparent;min-height:110px;padding:8px 0;border-radius:4px;line-height:1.8;font-size:14px}
.task-description:hover{border-color:#3a3b40}.task-description:focus{padding-inline:9px}
.task-comment>div{background:none;border:0;padding:0;border-radius:0}
.task-comment .avatar{width:28px;height:28px}
.task-comment{gap:12px;margin:20px 0}.task-comment p{color:#ddd}
.comments-heading{border-top:1px solid #36373a;padding-top:20px}
.comment-composer{position:sticky;bottom:65px;z-index:2;background:#202123;border:1px solid #494b50;border-radius:12px;margin-top:22px;padding:13px 16px;box-shadow:0 -8px 22px #1e1f2126}
.comment-composer textarea{min-height:58px;font-size:13px}.comment-composer>div{border-top:0;padding-top:5px}
.drawer-actions{margin-top:0;height:65px;background:#1e1f21;border:0;padding:12px 0}
.description-links{margin-top:0}
@media(max-width:500px){.drawer-body{padding:16px 17px 0}.task-title-input{font-size:22px}.task-meta-fields .field{grid-template-columns:100px minmax(0,1fr)}.task-project-row{flex-wrap:wrap}.task-project-row select{max-width:90%}.comment-composer{bottom:65px}.drawer-top{font-size:11px}}
/* Launch & Lift identity */
:root{--orange:#ef5b28;--brand:#ef5b28;--brand-hover:#ff713e;--brand-soft:#ef5b2819}
body,button,input,select,textarea,h1,h2,h3,.stat strong{font-family:'DM Sans',Arial,sans-serif}
body{background:#1c1d1f;color:#e8e8e8;-webkit-font-smoothing:antialiased}
h1{font-size:31px;font-weight:500;letter-spacing:-.8px}h2{font-weight:600;letter-spacing:-.5px}
.ui-icon{width:18px;height:18px;display:inline-block;vertical-align:middle;flex-shrink:0;pointer-events:none}
button .ui-icon{width:16px;height:16px}.topbar{height:58px;background:#232426;border-color:#393a3e;padding-inline:20px;gap:18px}
.top-brand{min-width:170px;width:170px;display:flex;align-items:center}.top-brand img{width:160px;height:auto;max-height:48px;object-fit:contain}
.topbar #menu{display:grid;place-items:center;width:28px;height:30px;color:#aaa}
.topbar input{background:#2c2d30;border-color:#414247;border-radius:7px;padding:9px 14px;font-size:12px;max-width:610px}
.topbar input:focus{outline:1px solid var(--brand);border-color:var(--brand)}
.topbar>.avatar{background:#4c332b;color:#ffc5ac;outline:1px solid #b5684544;outline-offset:3px}
aside{top:58px;background:#222325;border-color:#393a3e;padding-inline:14px}.shell{padding-top:58px}
nav button{font-size:14px;color:#b6b7bc;padding:10px 12px;gap:11px;border-radius:6px}nav button span{font-size:13px;font-weight:500}
nav button .ui-icon{width:18px;height:18px;color:#8c8f97}nav button:hover{background:#2f3033;color:#eee}
nav button.active{background:var(--brand-soft);color:#ffad88;box-shadow:inset 2px 0 var(--brand)}
nav button.active .ui-icon{color:#ff986b}nav em{background:#ef5b282b;color:#ffb594}
.sidebar-section{font-size:11px;letter-spacing:.3px}.sidebar-section>span{display:flex;align-items:center;gap:6px}.sidebar-section .ui-icon{width:13px;height:13px}
.project-nav{padding:9px 10px}.project-nav span:last-child{font-size:12px}.project-icon{display:grid;place-items:center;width:21px;height:21px;background:#41434a!important;color:#cacdd4}
.project-icon .ui-icon{width:14px;height:14px}.project-nav.active{background:#35302d;color:#ffb18c}.project-nav.active .project-icon{background:#ad4d2a!important;color:#fff}
.sidebar-bottom .full{display:flex;justify-content:center;align-items:center;gap:8px}.sidebar-bottom>small{font-size:9px;color:#858991}
.export{display:flex;align-items:center;gap:8px;padding-block:13px}.export .ui-icon{width:14px;height:14px}
header{height:45px;border-color:#323337}.breadcrumb{font-size:11px}.page-heading{margin-bottom:25px}.page-heading p:empty,.profile-note:empty{display:none}
.primary{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:600;border-radius:5px;box-shadow:0 2px 6px #0002}
.primary:hover{background:var(--brand-hover);border-color:var(--brand-hover)}
.secondary{border-color:#4a4c51;background:#292a2d;border-radius:5px;font-size:12px}.secondary:hover{background:#36373b;border-color:#62646c}
button:focus-visible,a:focus-visible{outline:2px solid #ef885f;outline-offset:3px}
.task-tabs button.active,.project-tabs button.active{background:var(--brand-soft);color:#ffa57e}
.task-tabs button,.project-tabs button{font-size:12px;font-weight:600}.task-tabs,.project-tabs{gap:5px}
.panel{background:#252629;border-color:#36383e;border-radius:9px}.panel h2{font-size:20px}
.task-name{font-size:13px}.dense-row{border-color:#35363c;min-height:45px}
.dense-row:hover{background:#ffffff03}.check-task{display:grid;place-items:center;border-color:#727781}.check-task .ui-icon{width:12px;height:12px}
.check-task.done{background:#7a3e25;border-color:#c2683e;color:#ffbc98}
.project-label{background:#35373c!important;color:#babec7}
.task:hover{border-color:#b36747}.priority{background:#4a3326;color:#efb58e}
.dot{background:var(--brand)}.text-button,.task-drawer a{color:#f4a17d}
.guide-tiles{gap:14px}.guide-tile,.guide-tile:nth-child(2),.guide-tile:nth-child(3){min-height:100px;background:#2c2d30;border-color:#414348;display:flex;align-items:center;gap:16px;padding:20px}
.guide-tile:hover{border-color:#b36849;background:#32302e}.guide-tile i{display:grid;place-items:center;width:39px;height:39px;background:#ef5b2819;color:#f39a71;border-radius:8px}
.guide-tile i .ui-icon{width:21px;height:21px}.guide-tile strong{margin:0;font-size:15px;font-weight:500}
.orange,.profile-large,.profile-preview{background:#614130;color:#ffcca7}.role{background:#39312d;color:#e5b292}
.people-note{background:#292a2d;border-color:#41434a;color:#a9adb5;font-size:11px}
.drawer-top{background:#28292c}.drawer-top>span{font-size:12px}.drawer-context-icon{color:#f3a17d}
.task-title-input{font-family:'DM Sans',Arial,sans-serif;font-size:25px;font-weight:600;letter-spacing:-.4px}
.task-meta-fields .field input:focus,.task-meta-fields .field select:focus{outline-color:#e99b78}
.task-description:focus,.comment-composer:focus-within{outline-color:#b77557;border-color:#b77557}
.description-link-chip{background:#382b26;border-color:#654535}.task-drawer a.description-link-chip{color:#f4ad8d}
.task-comment .avatar{background:#544035;color:#f0bca0}.task-comment p{font-size:13px}.task-comment time{font-size:10px}
.comment-composer .primary{display:flex;align-items:center;gap:7px}.comment-composer .primary .ui-icon{width:14px;height:14px}
.drawer-actions{height:62px}.task-drawer .avatar .ui-icon{width:15px;height:15px}
.project-symbol{background:#3a302a;color:#eaa586;display:grid;place-items:center}.project-symbol .ui-icon{width:22px;height:22px}
@media(max-width:760px){aside{top:58px}.topbar{gap:10px;padding:0 12px}.top-brand{display:flex;width:95px;min-width:95px}.top-brand img{width:95px;height:auto}.topbar input{min-width:0;width:auto;font-size:11px;padding:8px}.topbar>.avatar{width:26px;height:26px}.topbar #menu{width:22px}.guide-tiles{grid-template-columns:1fr}.guide-tile{min-height:80px}h1{font-size:27px}}
body[data-view="activity"] main{max-width:none;padding:20px 24px}body[data-view="activity"] .page-heading{margin:0 0 8px}body[data-view="activity"] h1{font-size:24px;font-weight:600}body[data-view="activity"] .eyebrow:empty{display:none}
.inbox-tabs{display:flex;gap:5px;border-bottom:1px solid #37383d;padding-bottom:8px}.inbox-tabs button{padding:7px 11px;background:none;color:#a5a7ae;border-radius:5px;font-size:13px;font-weight:600}.inbox-tabs button.active{background:#ef5b2820;color:#ffa479}.inbox-toolbar{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid #37383d}.inbox-toolbar label{display:flex;align-items:center;gap:5px;background:#2b2c30;padding:6px 8px;border-radius:5px}.inbox-toolbar select{border:0;background:transparent;color:#ddd;font-size:11px;max-width:110px}.inbox-toolbar select option{background:#252629}.inbox-toolbar button{background:none;color:#a4a7b0;font-size:11px;display:flex;align-items:center;gap:7px;padding:7px 8px}.inbox-toolbar #inbox-read-all{margin-left:auto}.inbox-toolbar .ui-icon{width:15px;height:15px}
.inbox-group{padding:14px 8px 11px;border-bottom:1px solid #37383d;color:#ccc;font-size:12px}
.inbox-row{display:flex;align-items:center;min-height:48px;padding:0 6px;border-bottom:1px solid #ffffff04;position:relative}.inbox-row:hover{background:#292a2d}.inbox-row.is-unread:before{content:'';height:4px;width:4px;border-radius:50%;background:#ef5b28;position:absolute;left:0}
.inbox-open{display:grid;grid-template-columns:minmax(200px,34%) minmax(0,1fr);align-items:center;gap:20px;flex:1;min-width:0;text-align:left;background:none;padding:10px 6px;color:#ddd}.inbox-open:hover{background:none}
.inbox-actor{display:flex;gap:9px;align-items:center;font-size:12px;min-width:0}.inbox-actor>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox-actor b{font-weight:500}.inbox-actor .avatar{width:26px;height:26px;font-size:9px;background:#5c4033;color:#e7af91}.inbox-actor .ui-icon{width:14px;height:14px}
.inbox-subject{display:flex;gap:8px;align-items:center;min-width:0;font-size:12px}.inbox-subject>.ui-icon{width:16px;height:16px;color:#93979f}.inbox-subject strong{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:57%}.inbox-subject>span{color:#999ca5;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1}
.is-read .inbox-open{color:#999ca5}.is-read .inbox-subject strong{font-weight:400}
.inbox-row-actions{display:flex;gap:4px;padding-left:10px}.inbox-row-actions button{display:grid;place-items:center;width:29px;height:29px;background:none;color:#858994;border-radius:4px}.inbox-row-actions button:hover{background:#3a3b40;color:#fff}.inbox-row-actions button[aria-pressed=true]{color:#ffa479;background:#ef5b2819}.inbox-row-actions .ui-icon{width:15px;height:15px}
.inbox-list.comfortable .inbox-row{min-height:76px}.inbox-list.comfortable .inbox-open{padding-block:20px}
.inbox-empty{padding:70px 20px;text-align:center;color:#999}.inbox-empty>.ui-icon{width:35px;height:35px;color:#d78561}.inbox-empty h3{font-size:17px;color:#ddd}.inbox-empty p{font-size:12px}.inbox-event-text{line-height:1.8;overflow-wrap:anywhere}
@media(max-width:850px){.inbox-open{grid-template-columns:1fr;gap:8px}.inbox-subject{padding-left:35px}.inbox-row{padding-block:5px}.inbox-tabs{overflow:auto}.inbox-tabs button{white-space:nowrap}.inbox-toolbar{gap:5px;flex-wrap:wrap}.inbox-toolbar #inbox-read-all{font-size:10px}.inbox-subject strong{max-width:70%}}/* Comfortable unread gutter and full-row task targets. */
.inbox-row{padding-left:22px;padding-right:8px;cursor:pointer;border-radius:5px;margin:3px 0}
.inbox-row.is-unread:before{left:9px;width:5px;height:5px;top:50%;transform:translateY(-50%);pointer-events:none}
.inbox-open{align-self:stretch;min-height:48px}
.dense-row{cursor:pointer;border-radius:4px;position:relative}
.dense-row:hover{background:#2b2c30}
.dense-row .task-name{align-self:stretch;display:flex;align-items:center;background:transparent!important;min-height:28px}
.dense-row:focus-within,.inbox-row:focus-within{background:#2b2c30}
.dense-row time{flex-shrink:0;width:76px;white-space:nowrap;padding-right:8px}
.inbox-row-actions button,.dense-row .check-task{position:relative;z-index:1}
@media(max-width:760px){.inbox-row{padding-left:20px}.inbox-row.is-unread:before{left:7px}.dense-row time{width:68px;padding-right:5px}}
.date-input-row{display:flex;align-items:center;gap:4px;min-width:0}.date-input-row input{flex:1;min-width:0}.calendar-trigger{background:transparent;color:#a8abb2;width:32px;height:32px;display:grid;place-items:center;border-radius:4px}.calendar-trigger:hover{color:#ffae87;background:#3c302a}.date-picker-host{align-self:stretch}
.task-calendar{background:#242528;border:1px solid #4a4b50;border-radius:9px;padding:13px;width:min(320px,100%);margin:10px 0 16px 140px;box-shadow:0 12px 30px #0004}.task-calendar[hidden]{display:none}.calendar-date-tabs{display:flex;gap:8px;margin-bottom:15px}.calendar-date-tabs button{flex:1;text-align:left;border:1px solid #45464b;background:transparent;color:#bbb;padding:9px;border-radius:6px}.calendar-date-tabs button.selected{border-color:#ed8a60;background:#ef5b2810}.calendar-date-tabs span{display:block;font-size:10px;margin-bottom:5px}.calendar-date-tabs b{font-size:12px;font-weight:500;color:#ddd}.calendar-heading{display:flex;align-items:center;justify-content:space-between;margin:8px 0 15px}.calendar-heading strong{font-size:12px;font-weight:500;color:#bbb}.calendar-heading button{width:30px;height:27px;background:none;color:#bbb;font-size:23px;border-radius:4px}.calendar-week,.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.calendar-week span{font-size:10px;color:#888;text-align:center;padding-bottom:10px}.calendar-days button{height:32px;background:none;color:#ddd;font-size:11px;border-radius:50%;padding:0}.calendar-days button:hover:not(:disabled){background:#594032}.calendar-days button.outside{color:#777}.calendar-days button.today{box-shadow:inset 0 0 0 1px #ad765e}.calendar-days button.in-range{background:#ef5b2819;border-radius:4px}.calendar-days button.chosen{background:#ef5b28;color:#fff}.calendar-days button:disabled{opacity:.25;cursor:not-allowed}.calendar-footer{display:flex;justify-content:space-between;border-top:1px solid #424348;margin-top:15px;padding-top:12px}.calendar-footer button{background:none;color:#bbb;font-size:11px;padding:5px}.calendar-footer button:last-child{color:#ffa47c}
@media(max-width:600px){.task-calendar{margin-left:0}.date-input-row input{font-size:12px!important}}
/* Compact task panel and mobile-only navigation toggle. */
.topbar #menu{display:none}
.task-drawer{width:min(600px,100vw);max-width:100vw;overflow-y:auto;overflow-x:hidden}
.drawer-body{padding:16px 22px 0}
.task-title-input{font-size:22px;margin-bottom:12px}
.task-meta-fields .field{min-height:38px;grid-template-columns:108px minmax(0,1fr)}
.task-meta-fields .field input,.task-meta-fields .field select{padding-block:5px;min-height:30px;font-size:12px}
.task-meta-fields .complete-label{align-self:flex-start;margin:4px 0;padding:8px 0}
.task-project-label{margin-top:12px}
.task-project-row{padding:8px 0 12px}
.drawer-body h3{margin-top:20px}
.comment-composer{position:relative;bottom:auto;box-shadow:none;margin-top:18px}
.comment-composer textarea{min-height:58px}
.drawer-actions{position:sticky;bottom:0}
.task-calendar{margin-left:108px}
.date-input-row input::-webkit-calendar-picker-indicator{display:none}
@media(max-width:760px){.topbar #menu{display:grid}}
@media(max-width:600px){.task-drawer{width:100vw}.drawer-body{padding:16px 18px 0}.task-calendar{margin-left:0}.task-meta-fields .field{grid-template-columns:94px minmax(0,1fr)}}
.home-tasks .panel-heading{margin-bottom:20px}.home-tasks .panel-heading h2{margin-bottom:0}.home-tasks .task-tabs{padding-bottom:14px}

.task-description{border:1px solid #51535b!important;padding:14px!important;border-radius:6px;min-height:140px;background:#232427}
.task-extras h3 span{font-size:11px;color:#999;margin-left:5px}.subtask-row{display:flex;gap:9px;align-items:center;border-top:1px solid #3d3f45;padding:9px 0}.subtask-row input[type=checkbox]{accent-color:#ef5b28}.subtask-row input:not([type=checkbox]){background:transparent;color:#ddd;border:1px solid transparent;padding:6px;min-width:0}.subtask-row input[data-sub-title]{flex:1}.subtask-row input[data-sub-due]{width:115px;font-size:10px}.subtask-row .done{text-decoration:line-through;color:#999!important}.subtask-row button,.subtask-add button{background:none;color:#aaa;font-size:20px}.subtask-add{display:flex;gap:10px;border-block:1px solid #3d3f45;padding:7px}.subtask-add input{flex:1;min-width:0;background:none;border:0;padding:8px;color:#ddd}.attachment-grid{display:flex;flex-wrap:wrap;gap:12px}.attachment-card{position:relative;width:140px;background:#2b2d31;border:1px solid #45474e;border-radius:6px;overflow:hidden}.attachment-card a{display:block;padding:10px;text-decoration:none;color:#ddd}.file-preview{display:grid;place-items:center;height:75px;color:#999;font-size:13px;margin-bottom:8px}.file-preview img{width:100%;height:100%;object-fit:cover;border-radius:4px}.attachment-card strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.attachment-card small{font-size:9px;color:#999}.attachment-card button{position:absolute;right:3px;top:3px;border-radius:50%;background:#1c1d21dd;color:#fff;width:22px;height:22px}.attachment-upload{display:inline-block;border:1px dashed #666;padding:12px 16px;border-radius:5px;font-size:12px;color:#bbb;cursor:pointer;margin-top:12px}.attachment-upload input{display:none}.guide-tiles{grid-template-columns:repeat(2,1fr)}
.task-meta-fields select[name=assignee][hidden]{display:none!important}
.people-picker{position:relative;display:flex;align-items:center;gap:5px;min-width:0}
.assignee-chip{background:transparent;border:1px solid transparent;color:#d4d5da;display:flex;align-items:center;gap:9px;padding:5px 7px;border-radius:5px;min-width:0;font-size:12px;text-align:left}
.assignee-chip:hover,.assignee-chip[aria-expanded=true]{background:#2a2b30;border-color:#575a63}
.assignee-chip>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.person-photo{display:inline-grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#483b34;color:#e4b296;flex-shrink:0;overflow:hidden}
.person-photo img{width:100%;height:100%;object-fit:cover}.person-photo .ui-icon{width:17px;height:17px}
.person-photo.unassigned{background:none;border:1px dashed #7b808c;color:#989eab}
.clear-assignee{background:none;color:#959aa5;font-size:19px;padding:3px 6px;border-radius:4px}
.clear-assignee[hidden]{display:none}.clear-assignee:hover{color:#ffb18e}
.people-popover,.mention-popover{position:absolute;z-index:20;background:#2a2b2f;border:1px solid #51545e;border-radius:7px;box-shadow:0 12px 28px #0006;width:340px;max-width:calc(100vw - 52px);padding:7px}
.people-popover{top:calc(100% + 5px);left:0}.people-popover[hidden],.mention-popover[hidden]{display:none}
.people-popover input[type=search]{width:100%;padding:9px 10px;background:#202125;border:1px solid #626773;border-radius:4px;color:#eee;margin-bottom:6px;font-size:12px}
.people-options{max-height:210px;overflow-y:auto}
.people-options button,.mention-popover button{display:flex;align-items:center;gap:9px;width:100%;padding:9px 7px;background:none;color:#ddd;text-align:left;border-radius:4px}
.people-options button:hover,.people-options button:focus,.mention-popover button:hover,.mention-popover button[aria-selected=true]{background:#ef5b281b;outline:none}
.person-copy{display:flex;flex-direction:column;min-width:0;gap:3px}.person-copy b{font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person-copy small{font-size:10px;color:#999eaa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.person-role{margin-left:auto;font-size:9px;background:#42382c;color:#d9bc8b;padding:3px 5px;border-radius:3px}
.people-empty{font-size:12px;color:#999;padding:8px}
.compact-person .assignee-chip{padding:0;border:0;background:none}.compact-person .person-photo{width:25px;height:25px}
.compact-person .clear-assignee{font-size:15px;padding:0 2px}
.compact-person .people-popover{left:auto;right:0}
.subtask-row .people-picker{flex-shrink:0}.subtask-row input[data-sub-title]{width:0}
.subtask-date-control{position:relative;flex-shrink:0;display:flex;align-items:center}
.subtask-row .subtask-date-control input[type=date]{position:absolute;width:1px;height:1px;opacity:0;padding:0;pointer-events:none}
.subtask-calendar{display:grid;place-items:center;border:1px dashed #777d89;border-radius:50%;background:none;color:#959dac;width:25px;height:25px;padding:0}
.subtask-calendar .ui-icon{width:15px;height:15px}.subtask-calendar.has-date{color:#f6b08e;border-color:#bc7857;background:#ef5b2814}
.subtask-row .subtask-date-control input.date-fallback{position:static;width:110px;height:30px;opacity:1;pointer-events:auto}
.mention-trigger{font-size:20px!important;color:#b3b8c3;background:none;padding:2px 8px;border-radius:4px;margin-right:auto}
.mention-trigger:hover{color:#ffac86;background:#ef5b281a}
.mention-popover{bottom:calc(100% + 6px);left:0;max-height:220px;overflow:auto}
.comment-composer{overflow:visible}.mention-popover .person-copy small{max-width:250px}
@media(max-width:600px){.people-popover{max-width:calc(100vw - 50px);left:auto;right:0}.task-meta-fields .people-popover{right:0}.subtask-row{gap:6px}.mention-popover{width:100%;max-width:100%}}.collab-field{border:1px solid rgba(127,127,127,.3);border-radius:10px;padding:10px 12px;display:grid;gap:6px;margin:0}
.collab-field legend{padding:0 4px;font-weight:600}
.collab-option{display:flex;align-items:center;gap:8px;font-weight:400}
.collab-option input{width:auto;margin:0}
.collab-option small{opacity:.6}
[hidden]{display:none!important}
/* v3: phones zoom into any field under 16px; keep fields at 16px on touch screens */
@media (hover:none) and (pointer:coarse){input,select,textarea,.comment-composer textarea,.task-title-input{font-size:16px!important}}
/* v3: compact date picker */
.task-calendar{width:248px;padding:10px;border-radius:8px}
.calendar-date-tabs{gap:6px;margin-bottom:8px}
.calendar-date-tabs button{padding:6px 8px}
.calendar-date-tabs span{font-size:9px;margin-bottom:2px}
.calendar-date-tabs b{font-size:11px}
.calendar-heading{margin:4px 0 6px}
.calendar-heading button{width:26px;height:24px;font-size:19px}
.calendar-week,.calendar-days{gap:1px}
.calendar-week span{padding-bottom:4px;font-size:9px}
.calendar-days button{height:28px;width:28px;justify-self:center;font-size:11px}
.calendar-footer{margin-top:8px;padding-top:6px}
.calendar-footer button{padding:3px 4px}
/* v3: comments use the same profile photos as the assignee picker */
.task-comment .comment-photo{width:30px;height:30px;font-size:10px}
.mention{color:#ffae87;background:#ef5b281f;border-radius:4px;padding:0 3px;font-weight:600}
.mention-me{color:#fff;background:#ef5b28aa}
.nav-badge{margin-left:auto;background:#ef5b28;color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:inline-grid;place-items:center;padding:0 5px}
.date-picker-host{position:relative;height:0}
.date-picker-host .task-calendar{position:absolute;top:2px;right:0;z-index:40;margin:0!important;box-shadow:0 14px 34px #0008}
/* v5 iPhone: every field 16px on touch screens (beats more specific rules), no double-tap zoom on controls */
@media (hover:none) and (pointer:coarse){
 html body input,html body select,html body textarea,html body #task-drawer input,html body #task-drawer select,html body #task-drawer textarea,html body input[type=date],html body input[type=search]{font-size:16px!important}
}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
button,a,label,select,input,textarea,[role=button],.task,.dense-row{touch-action:manipulation}