:root{--bg:#f5f7fb;--panel:#fff;--ink:#172033;--muted:#6e788d;--line:#e7eaf1;--nav:#101827;--nav2:#162136;--accent:#6d5dfc;--accent2:#8e7dff;--good:#13a875;--warn:#f0a93b;--danger:#e05b69;--radius:18px;--shadow:0 14px 40px rgba(25,35,58,.08)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:270px;background:linear-gradient(180deg,var(--nav),#0b1220);color:#fff;padding:22px 16px;display:flex;flex-direction:column;z-index:50}.brand-row{display:flex;align-items:center;justify-content:space-between;padding:0 8px 20px}.brand{font-size:22px;font-weight:900;letter-spacing:-1px}.brand span{color:#8f82ff}.main-nav{display:flex;flex-direction:column;gap:4px;overflow:auto;padding-right:3px}.nav-label{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#75819a;margin:19px 12px 7px}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;color:#bdc6d8;font-weight:650;font-size:14px}.nav-item span{width:22px;text-align:center;font-size:17px}.nav-item:hover,.nav-item.active{background:var(--nav2);color:#fff}.nav-item.active{box-shadow:inset 3px 0 var(--accent2)}.bookmark-empty{color:#77839a;font-size:12px;padding:7px 12px}.bookmark-row{display:flex;align-items:center;gap:3px}.bookmark-row>a{flex:1;min-width:0;display:flex;gap:9px;padding:9px 11px;color:#abb6ca;font-size:13px;border-radius:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bookmark-row>a:hover{background:var(--nav2);color:#fff}.bookmark-row form button{border:0;background:transparent;color:#6f7a91;cursor:pointer}.sidebar-user{margin-top:auto;display:flex;align-items:center;gap:10px;padding:15px 8px 0;border-top:1px solid rgba(255,255,255,.08)}.sidebar-user div{display:flex;flex-direction:column;min-width:0;flex:1}.sidebar-user strong{font-size:13px}.sidebar-user small{font-size:11px;color:#8994a9}.avatar{width:34px;height:34px;border-radius:11px;display:inline-grid;place-items:center;background:linear-gradient(135deg,var(--accent),#a77cff);color:white;font-weight:800;flex:0 0 auto}.workspace{grid-column:2;min-width:0}.topbar{height:76px;background:rgba(255,255,255,.88);backdrop-filter:blur(15px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px;padding:0 30px;position:sticky;top:0;z-index:30}.global-search{position:relative;display:flex;align-items:center;gap:10px;max-width:620px;flex:1;background:#f3f5f9;border:1px solid transparent;border-radius:13px;padding:0 14px}.global-search:focus-within{background:#fff;border-color:#cfc9ff;box-shadow:0 0 0 4px rgba(109,93,252,.09)}.global-search input{width:100%;border:0;background:transparent;padding:12px 0;outline:0}.search-results{position:absolute;top:48px;left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden;display:none}.search-results.show{display:block}.search-results a{display:block;padding:12px 15px;border-bottom:1px solid var(--line)}.bookmark-action{margin-left:auto}.main{padding:30px;max-width:1800px;margin:auto}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin:4px 0 26px}.page-head h1{margin:4px 0 0;font-size:clamp(28px,3vw,42px);letter-spacing:-1.5px}.page-head p{margin:7px 0 0;color:var(--muted)}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.8px;color:var(--accent)}.page-actions{display:flex;gap:9px;flex-wrap:wrap}.btn{border:1px solid var(--line);background:#fff;border-radius:11px;padding:10px 14px;cursor:pointer;font-weight:750;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn:hover{transform:translateY(-1px);box-shadow:0 7px 20px rgba(31,42,68,.09)}.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border-color:transparent}.btn.ghost{background:transparent}.btn.small{padding:8px 11px;font-size:12px}.btn.full{width:100%}.panel,.form-card,.quote-sheet,.project-card,.stat{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 1px 2px rgba(30,40,60,.02)}.panel{padding:22px}.panel h2{margin:0 0 5px}.panel h3{margin-top:24px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:16px}.panel-head p{margin:4px 0;color:var(--muted)}.grid{display:grid;gap:20px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.project-layout{grid-template-columns:minmax(0,2.2fr) minmax(260px,.8fr)}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.stat{padding:21px}.stat span,.stat small{display:block;color:var(--muted)}.stat strong{font-size:30px;display:block;margin:8px 0;letter-spacing:-1px}.toolbar{display:flex;gap:10px;margin-bottom:15px}.filter-search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:11px;padding:0 12px;min-width:320px}.filter-search input{border:0;outline:0;padding:11px 0;width:100%}.table-panel{overflow:auto;padding:0}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:15px 18px;border-bottom:1px solid var(--line);vertical-align:middle}th{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;background:#fafbfc}td small,td span{display:block}.entity{display:flex;align-items:center;gap:10px}.company-icon{width:36px;height:36px;border-radius:11px;background:#f0edff;color:var(--accent);display:grid;place-items:center;font-weight:800}.badge{display:inline-flex!important;width:max-content;padding:5px 9px;border-radius:999px;background:#f0f2f6;color:#5c6578;font-size:11px;font-weight:750}.badge.success{background:#e8f8f2;color:var(--good)}.empty{padding:35px;text-align:center;color:var(--muted)}.form-card{padding:25px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.span-2{grid-column:span 2}.form-grid label,.stack-form label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:750;color:#525c70}.form-grid input,.form-grid select,.form-grid textarea,.stack-form input,.stack-form select,.stack-form textarea,.add-line input,.add-line select,.task-composer input,.task-composer select,.milestone select,.task-row select{border:1px solid #dfe3ea;border-radius:10px;padding:11px;background:#fff;outline:0;color:var(--ink)}input:focus,select:focus,textarea:focus{border-color:#a99fff;box-shadow:0 0 0 3px rgba(109,93,252,.08)}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.stack-form{display:flex;flex-direction:column;gap:13px}.stack-form.compact{margin-top:15px}.list-row{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.list-row div{display:flex;flex-direction:column;gap:3px}.list-row span{color:var(--muted);font-size:12px}.right{text-align:right}.timeline-item{display:flex;gap:12px;padding:10px 0}.timeline-item .dot{width:9px;height:9px;background:var(--accent);border-radius:50%;margin-top:6px}.timeline-item p,.timeline-item small{margin:3px 0;color:var(--muted)}.opp-hero,.project-hero{background:linear-gradient(135deg,#141d30,#27375d);color:#fff;border-radius:22px;padding:27px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.opp-hero h2,.project-hero h2{font-size:28px;margin:5px 0}.meta-row{display:flex;gap:13px;align-items:center;flex-wrap:wrap;color:#c8d1e3;font-size:13px}.opp-value{text-align:right}.opp-value span,.opp-value small{display:block;color:#b9c4d9}.opp-value strong{display:block;font-size:31px;margin:5px}.pipeline{display:grid;grid-template-columns:repeat(5,minmax(250px,1fr));gap:15px;overflow:auto;padding-bottom:8px}.pipeline-col{background:#eef1f6;border-radius:16px;padding:12px;min-height:500px}.pipeline-head{display:flex;justify-content:space-between;padding:5px 4px 12px}.pipeline-head div{display:flex;flex-direction:column}.pipeline-head small{color:var(--muted)}.pipeline-cards{display:flex;flex-direction:column;gap:9px}.deal-card{background:#fff;padding:14px;border-radius:12px;border:1px solid var(--line)}.deal-card>span{font-size:11px;color:var(--muted)}.deal-card>strong{display:block;margin:5px 0 15px}.deal-card div{display:flex;justify-content:space-between}.catalogue-layout{grid-template-columns:360px minmax(0,1fr)}.quote-sheet{padding:35px;max-width:1150px;margin:auto}.quote-brand,.quote-meta{display:flex;justify-content:space-between;gap:20px}.quote-brand{padding-bottom:22px;border-bottom:1px solid var(--line)}.quote-brand h2{font-size:34px;margin:5px 0}.quote-meta{padding:25px 0}.quote-meta>div{display:flex;flex-direction:column;gap:4px}.quote-meta small{color:var(--muted)}.quote-line{display:grid;grid-template-columns:minmax(300px,1fr) 80px 120px 120px 35px;gap:10px;padding:13px 8px;border-bottom:1px solid var(--line);align-items:center}.quote-line.head{background:#f7f8fb;border-radius:10px;font-size:11px;font-weight:800;text-transform:uppercase;color:var(--muted)}.add-line{display:grid;grid-template-columns:200px minmax(220px,1fr) 80px 110px 80px auto;gap:8px;margin-top:17px}.quote-total{margin:25px 0 0 auto;max-width:330px}.quote-total>div{display:flex;justify-content:space-between;padding:8px 0}.quote-total .grand{border-top:2px solid var(--ink);font-size:21px;margin-top:8px}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.project-card{padding:20px;transition:.2s}.project-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.project-card-top,.project-card-foot{display:flex;justify-content:space-between;align-items:center}.project-card h3{font-size:20px;margin:18px 0 5px}.project-card p{color:var(--muted);margin:0 0 20px}.progress{height:7px;background:#eceff4;border-radius:10px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),#26c89a)}.project-card-foot{font-size:12px;color:var(--muted);margin-top:9px}.progress-ring{--p:0;width:105px;height:105px;border-radius:50%;background:conic-gradient(#8f82ff calc(var(--p)*1%),rgba(255,255,255,.12) 0);display:grid;place-content:center;text-align:center;position:relative}.progress-ring:before{content:"";position:absolute;inset:9px;border-radius:50%;background:#27375d}.progress-ring strong,.progress-ring small{position:relative}.milestones{display:flex;flex-direction:column}.milestone{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:11px;padding:14px 0;border-bottom:1px solid var(--line)}.milestone-marker{width:30px;height:30px;border-radius:50%;background:#f0edff;color:var(--accent);display:grid;place-items:center;font-weight:800}.milestone.complete strong{text-decoration:line-through;color:var(--muted)}.milestone small{display:block;color:var(--muted);margin-top:3px}.team-list>div{display:flex;align-items:center;gap:10px;padding:8px 0}.team-list p{margin:0;display:flex;flex-direction:column}.team-list small{color:var(--muted)}.task-composer{display:grid;grid-template-columns:minmax(220px,1fr) 180px 160px 100px 140px auto;gap:8px}.task-row{display:grid;grid-template-columns:minmax(0,1fr) auto 150px;gap:15px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.task-row small{display:block;color:var(--muted);margin-top:4px}.flash{padding:13px 16px;border-radius:12px;margin-bottom:15px;background:#e9f8f3;color:#087653}.flash.error{background:#fff0f2;color:#b83749}.module-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.module-card{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:14px;padding:17px}.module-card .badge{margin-left:auto}.module-icon{font-size:25px}.code-note{margin-top:20px;background:#f6f7fb;padding:17px;border-radius:13px}.code-note code{display:block;margin:8px 0}.login-page{min-height:100vh;display:grid;grid-template-columns:1.2fr .8fr;background:#0e1625}.login-art{padding:8vw;color:#fff;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 30% 20%,rgba(109,93,252,.4),transparent 34%)}.login-art h1{font-size:clamp(45px,7vw,90px);line-height:.95;letter-spacing:-4px;margin:30px 0}.login-art p{color:#b9c4d8;max-width:600px;font-size:18px}.login-brand{font-size:25px;font-weight:900}.login-brand span{color:#9a8eff}.feature-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.feature-row span{padding:8px 12px;border:1px solid rgba(255,255,255,.15);border-radius:99px}.login-card{margin:auto;background:#fff;padding:35px;border-radius:22px;width:min(420px,85%);display:flex;flex-direction:column;gap:15px}.login-card label{display:flex;flex-direction:column;gap:7px}.login-card input{padding:12px;border:1px solid var(--line);border-radius:10px}.hint{font-size:12px;color:var(--muted)}.mobile-menu{display:none}.link-button{border:0;background:transparent;color:var(--danger);cursor:pointer}.notes article{padding:13px 0;border-bottom:1px solid var(--line)}.notes article small{display:block;color:var(--muted)}.note-form textarea{width:100%;min-height:90px;border:1px solid var(--line);border-radius:10px;padding:11px;margin-bottom:8px}@media print{.sidebar,.topbar,.page-head,.add-line,.quote-line form{display:none!important}.workspace{grid-column:1}.main{padding:0}.quote-sheet{border:0;box-shadow:none}}@media(max-width:1050px){.stat-grid{grid-template-columns:repeat(2,1fr)}.grid.two,.catalogue-layout,.grid.project-layout{grid-template-columns:1fr}.task-composer,.add-line{grid-template-columns:1fr 1fr}.login-page{grid-template-columns:1fr}.login-art{display:none}}@media(max-width:760px){.app-shell{display:block}.sidebar{transform:translateX(-100%);transition:.25s}.nav-open .sidebar{transform:none}.workspace{grid-column:auto}.mobile-menu{display:inline-flex}.topbar{padding:0 15px}.bookmark-action{display:none}.main{padding:20px 14px}.page-head{align-items:flex-start;flex-direction:column}.stat-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.quote-line{grid-template-columns:minmax(170px,1fr) 55px 85px}.quote-line>*:nth-child(5),.quote-line>*:nth-child(3){display:none}.task-composer,.add-line{grid-template-columns:1fr}.project-hero,.opp-hero{align-items:flex-start;flex-direction:column;gap:20px}.filter-search{min-width:0;flex:1}}

/* Job-first navigation consolidation */
.nav-subsection-label{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#75819a;margin:15px 12px 7px}.nav-administration-primary{margin:4px 0}

/* Operations Suite 2.0 */
.notification-button{position:relative;display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line,#dfe4ec);border-radius:12px;background:#fff;text-decoration:none;color:inherit;font-size:20px}.notification-button b{position:absolute;right:-4px;top:-5px;background:#ef4444;color:#fff;min-width:19px;height:19px;border-radius:10px;font-size:11px;display:grid;place-items:center;padding:0 5px}.command-modal{position:fixed;inset:0;background:rgba(7,12,24,.58);backdrop-filter:blur(8px);z-index:999;display:none;align-items:flex-start;justify-content:center;padding-top:12vh}.command-modal.open{display:flex}.command-box{width:min(680px,calc(100vw - 32px));background:#fff;border-radius:20px;box-shadow:0 30px 90px rgba(0,0,0,.3);overflow:hidden}.command-search{height:68px;display:flex;align-items:center;gap:12px;padding:0 20px;border-bottom:1px solid #e8ecf2}.command-search span{font-size:24px}.command-search input{border:0;outline:0;flex:1;font-size:17px;background:transparent}.command-search button{border:1px solid #dfe4ec;background:#f7f8fa;border-radius:8px;padding:6px 9px}.command-list{padding:10px;max-height:55vh;overflow:auto}.command-list a{display:flex;align-items:center;gap:14px;padding:12px;border-radius:12px;color:#172033;text-decoration:none}.command-list a:hover,.command-list a.command-active{background:#f1f5ff}.command-list a>span{width:38px;height:38px;border-radius:10px;background:#eef2ff;display:grid;place-items:center;font-size:18px}.command-list strong,.command-list small{display:block}.command-list small{color:#6f7b91;margin-top:2px}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.feature-card{background:#fff;border:1px solid #e6eaf0;border-radius:18px;padding:22px;display:flex;gap:16px;align-items:flex-start;text-decoration:none;color:inherit;box-shadow:0 8px 26px rgba(25,35,55,.04);transition:.2s}.feature-card:hover{transform:translateY(-3px);box-shadow:0 16px 35px rgba(25,35,55,.1);border-color:#c9d5ff}.feature-card>span{width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,#e8edff,#f5f7ff);display:grid;place-items:center;font-size:21px}.feature-card div{flex:1}.feature-card h3{margin:0 0 7px}.feature-card p{margin:0;color:#69758a;line-height:1.45}.feature-card>b{font-size:20px}.work-row{display:block;padding:14px 0;border-bottom:1px solid #edf0f4;text-decoration:none;color:inherit}.work-row strong,.work-row span{display:block}.work-row span{font-size:12px;color:#758198;margin-top:5px}.submission{border:1px solid #e4e8ee;border-radius:14px;padding:16px;margin-bottom:12px}.submission p{margin:10px 0}.decision-status{padding:20px;background:#f7f9fc;border-radius:16px;margin-bottom:22px}.narrow{max-width:850px}.align-right{text-align:right}.notification-row{display:block;padding:16px;border-bottom:1px solid #e8ecf2;text-decoration:none;color:inherit}.notification-row.unread{background:#f3f6ff;border-left:4px solid #5b75e7}.notification-row p{margin:5px 0;color:#5d6980}.notification-row small{color:#8992a4}.file-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.file-card{display:flex;align-items:center;gap:13px;border:1px solid #e4e8ee;border-radius:14px;padding:14px;text-decoration:none;color:inherit}.file-card>span{font-size:24px}.file-card strong,.file-card small{display:block}.file-card small{color:#7b8598;margin-top:3px}.time-row{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid #edf0f4}.time-row strong,.time-row span{display:block}.time-row span{color:#748096;font-size:12px;margin-top:4px}.time-row b{font-size:18px}.automation-flow article{border:1px solid #e2e7ef;border-radius:14px;padding:15px;margin-bottom:12px}.automation-flow article>div{display:flex;align-items:center;gap:10px;margin:9px 0}.automation-flow article span{background:#f1f4f8;padding:7px 10px;border-radius:8px;font-size:12px}.automation-flow small{color:#727d91}.tag-cloud{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.tag-cloud span{background:#eef2ff;border:1px solid #d9e0ff;padding:7px 11px;border-radius:999px;font-size:12px}.inline-form{display:flex;align-items:center;gap:8px}.list-row .inline-form select{max-width:190px}.approval-layout,.files-layout{grid-template-columns:minmax(270px,360px) 1fr}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1150px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:1fr}.command-open{display:none}}
@media(max-width:720px){.feature-grid,.file-grid{grid-template-columns:1fr}.approval-layout,.files-layout{grid-template-columns:1fr}.bookmark-action{display:none}.notification-button{width:38px;height:38px}.inline-form{align-items:stretch;flex-direction:column}.list-row .inline-form select{max-width:none}}
/* Business Suite 3.0 */
.workload-row{display:grid;grid-template-columns:minmax(210px,1fr) minmax(180px,2fr) 56px;gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid var(--border,#e5e7eb)}
.workload-person{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.workload-row span,.workload-row small{display:block;color:var(--muted,#6b7280);font-size:.86rem;margin-top:4px}.workload-person .badge{margin-top:0}.workload-row .workload-risk{font-weight:700}.workload-row>b{text-align:right}
.badge.warning{background:#fff5e2;color:#9a5b00}.badge.danger{background:#fff0f2;color:#b83749}
.progress{height:10px;border-radius:999px;background:#e8edf4;overflow:hidden}.progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6f7cff,#8a5cf6)}
.check-row{display:flex!important;align-items:center;gap:12px;padding:13px 14px;border:1px solid var(--border,#e5e7eb);border-radius:12px;background:#fff}.check-row input{width:auto!important}
@media(max-width:760px){.workload-row{grid-template-columns:1fr 50px}.workload-row .progress{grid-column:1/-1;grid-row:2}.quote-sheet{padding:20px}.feature-grid{grid-template-columns:1fr}}

/* Layout reliability patch 3.1 */
html,body{width:100%;overflow-x:hidden}
.app-shell{display:block;min-height:100vh}
.sidebar{position:fixed!important;top:0!important;bottom:0!important;left:0!important;width:270px!important;height:100vh!important;background:linear-gradient(180deg,#101827 0%,#0b1220 100%)!important;color:#fff!important;overflow:hidden}
.main-nav{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}
.workspace{display:block!important;margin-left:270px!important;width:calc(100% - 270px)!important;min-height:100vh!important}
.topbar{width:100%}
.command-modal{display:none!important}
.command-modal.open{display:flex!important}
@media(max-width:760px){
  .sidebar{transform:translateX(-100%);transition:transform .25s ease}
  .nav-open .sidebar{transform:translateX(0)}
  .workspace{margin-left:0!important;width:100%!important}
}

/* Product polish layer 4.0 */
:root{--sidebar-w:278px;--sidebar-collapsed:82px;--ink:#17201c;--muted:#6f756f;--line:#e6e0d6;--surface:#fffdf9;--surface-2:#f7f3ec;--accent:#81552f;--accent-dark:#623d1f;--danger:#b4473d;--warning:#b17b18;--success:#2e7a58;--info:#426f91;--icon-surface:#efe5d8;--icon-foreground:var(--accent);--icon-danger-surface:#fae9e7;--icon-danger-foreground:var(--danger);--icon-warning-surface:#fff2d7;--icon-warning-foreground:var(--warning);--icon-info-surface:#e8f1f8;--icon-info-foreground:var(--info)}
body{font-size:15px;color:var(--ink)}
.sidebar{width:var(--sidebar-w);background:linear-gradient(180deg,#17231f 0%,#101815 100%);box-shadow:10px 0 32px rgba(20,28,24,.12);transition:width .22s ease,transform .22s ease}
.workspace{margin-left:var(--sidebar-w);transition:margin-left .22s ease}
.brand-row{height:74px;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.08)}
.brand{font-size:18px;letter-spacing:.08em}.brand span{color:#d6a477}
.sidebar-collapse{margin-left:auto;color:#fff;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08)}
.main-nav{padding:14px 12px 110px;overflow-y:auto;height:calc(100vh - 74px)}
.shell-icon{display:inline-grid;place-items:center;color:currentColor;font-style:normal;line-height:1}.nav-icon{width:22px;flex:0 0 22px;font-size:17px}.global-search-icon{font-size:18px;color:var(--muted)}.command-action-icon{width:38px;height:38px;flex:0 0 38px}.sidebar-sign-out{display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.14);border-radius:10px;color:#d2dad6;background:rgba(255,255,255,.05)}.sidebar-sign-out:hover,.sidebar-sign-out:focus-visible{background:rgba(255,255,255,.12);color:#fff}.nav-group{margin:0 0 6px}.nav-group-title{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 10px 7px;border:0;background:none;color:#8fa198;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:800;cursor:pointer}.nav-group-chevron{font-size:13px;transition:transform .2s}.nav-group:not(.open) .nav-group-chevron{transform:rotate(-90deg)}.nav-group:not(.open) .nav-group-items{display:none}
.nav-item{min-height:39px;border-radius:10px;margin:2px 0;color:#cfd8d3;font-size:13px;font-weight:600}.nav-item>span{width:24px;color:#9fb1a7}.nav-item:hover{background:rgba(255,255,255,.07);color:#fff}.nav-item.active{background:linear-gradient(90deg,rgba(214,164,119,.25),rgba(214,164,119,.08));color:#fff;box-shadow:inset 3px 0 #d6a477}.nav-item.active>span{color:#e2b78f}
.nav-label{color:#81928a;margin-top:18px}.bookmark-row a{color:#d2dad6}.bookmark-empty{color:#809188}
.sidebar-user{background:rgba(8,13,11,.92);border-top:1px solid rgba(255,255,255,.08)}
body.sidebar-mini .sidebar{width:var(--sidebar-collapsed)!important}body.sidebar-mini .workspace{margin-left:var(--sidebar-collapsed)!important;width:calc(100% - var(--sidebar-collapsed))!important}body.sidebar-mini .brand span,body.sidebar-mini .nav-item:not(.active){font-size:0}body.sidebar-mini .brand{font-size:0}body.sidebar-mini .brand:before{content:'S';font-size:20px}body.sidebar-mini .nav-group-title span,body.sidebar-mini .bookmark-row a:not(:first-child),body.sidebar-mini .bookmark-empty,body.sidebar-mini .sidebar-user div,body.sidebar-mini .sidebar-user>a{display:none}body.sidebar-mini .nav-item{justify-content:center;padding:0}body.sidebar-mini .nav-item>.nav-icon{font-size:16px;width:auto}body.sidebar-mini .nav-item.active{font-size:0}body.sidebar-mini .nav-item.active>.nav-icon{font-size:16px}body.sidebar-mini .sidebar-collapse .shell-icon{transform:rotate(180deg)}
.sidebar:has(.sidebar-collapse:hover),.sidebar:has(.sidebar-collapse:focus){overflow:visible!important}
.topbar{height:70px;background:rgba(250,248,243,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);padding:0 28px}.main{padding:34px 34px 60px;max-width:1900px;margin:0 auto}.page-head{margin-bottom:24px}.page-head h1{font-size:34px;letter-spacing:-.035em}.page-head p{max-width:760px;font-size:14px}.eyebrow{color:var(--accent);font-weight:850;letter-spacing:.13em}
.btn{border-radius:10px;min-height:39px;font-weight:750;transition:.16s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(43,31,20,.09)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-dark)}
.panel,.stat{border:1px solid var(--line);background:var(--surface);box-shadow:0 8px 26px rgba(59,43,28,.055);border-radius:15px}.panel{padding:22px}.panel h2{font-size:17px;letter-spacing:-.015em}.stat{padding:20px}.stat strong{font-size:28px;letter-spacing:-.035em}.stat span{font-weight:750}.stat small{margin-top:6px}
.attention-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.attention-strip>a{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:15px;text-decoration:none;color:var(--ink);box-shadow:0 5px 16px rgba(50,38,26,.045);transition:.16s}.attention-strip>a:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(50,38,26,.08)}.attention-strip>a>div{min-width:0;flex:1}.attention-strip strong,.attention-strip small{display:block}.attention-strip small{color:var(--muted);font-size:11px;margin-top:3px}.attention-strip>a>b{color:#9b958c}.attention-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-weight:850}.attention-icon.danger{background:var(--icon-danger-surface);color:var(--icon-danger-foreground)}.attention-icon.warning{background:var(--icon-warning-surface);color:var(--icon-warning-foreground)}.attention-icon.info{background:var(--icon-info-surface);color:var(--icon-info-foreground)}
.dashboard-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);gap:18px;margin-top:18px}.dashboard-main,.dashboard-side{display:grid;gap:18px;align-content:start}.agenda-list>a{display:flex;align-items:center;gap:14px;padding:13px 2px;border-bottom:1px solid #eee8df;text-decoration:none;color:var(--ink)}.agenda-list>a:last-child{border-bottom:0}.agenda-list>a>div{flex:1}.agenda-list strong,.agenda-list small{display:block}.agenda-list small{color:var(--muted);margin-top:3px}.agenda-date{width:88px;font-size:12px;font-weight:800;color:var(--accent)}.guided-empty{display:flex;align-items:center;gap:14px;border:1px dashed #d8d0c5;background:#fbf8f2;padding:20px;border-radius:13px}.guided-empty>span{width:38px;height:38px;border-radius:12px;background:var(--icon-surface);display:grid;place-items:center;color:var(--icon-foreground);font-weight:900}.guided-empty>div{flex:1}.guided-empty strong,.guided-empty p{display:block;margin:0}.guided-empty p{font-size:12px;color:var(--muted);margin-top:4px}.quick-create>a{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid transparent;border-radius:11px;text-decoration:none;color:var(--ink)}.quick-create>a:hover{background:var(--surface-2);border-color:var(--line)}.quick-create>a>span{width:34px;height:34px;border-radius:10px;background:var(--icon-surface);color:var(--icon-foreground);display:grid;place-items:center;font-weight:900}.quick-create strong,.quick-create small{display:block}.quick-create small{color:var(--muted);margin-top:2px}.timeline-list.compact .timeline-item{padding-bottom:14px}.timeline-list.compact p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px}
.table-panel{overflow:hidden;padding:0}.table-panel table{margin:0}table thead th{position:sticky;top:0;background:#f7f3ec;color:#6b6d68;text-transform:uppercase;letter-spacing:.07em;font-size:10px}table tbody tr{transition:.14s}table tbody tr:hover{background:#fcf7ef}input,select,textarea{border-radius:10px;border-color:#dcd5ca;background:#fff;min-height:42px}input:focus,select:focus,textarea:focus{border-color:#a7764c;box-shadow:0 0 0 3px rgba(129,85,47,.11);outline:0}
.flash{position:relative;border-radius:11px}.badge{border-radius:999px;font-weight:750}.command-box{border-radius:17px;box-shadow:0 32px 80px rgba(0,0,0,.28)}
@media(max-width:1200px){.attention-strip{grid-template-columns:repeat(2,1fr)}.dashboard-layout{grid-template-columns:1fr}.dashboard-side{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.main{padding:22px 16px 45px}.page-head{align-items:flex-start}.page-head h1{font-size:28px}.attention-strip{grid-template-columns:1fr}.dashboard-side{grid-template-columns:1fr}.topbar{padding:0 12px}.sidebar{width:min(88vw,300px)}body.sidebar-mini .workspace,.workspace{margin-left:0}.stat-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.stat-grid{grid-template-columns:1fr}.page-actions{width:100%}.page-actions .btn{flex:1}.global-search{display:none}}
.settings-shell{display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px;align-items:start}.settings-nav{background:#fff;border:1px solid var(--line);border-radius:16px;padding:9px;position:sticky;top:96px}.settings-nav a{display:flex;padding:11px 12px;border-radius:10px;color:var(--muted);font-size:13px;font-weight:750}.settings-nav a:hover,.settings-nav a.active{background:#f0edff;color:var(--accent)}.settings-panel{padding:0;overflow:hidden}.settings-panel>.panel-head{padding:22px 24px 18px;margin:0;border-bottom:1px solid var(--line)}.settings-form{display:flex;flex-direction:column}.setting-row{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(300px,1.2fr);gap:28px;align-items:start;padding:18px 24px;border-bottom:1px solid var(--line)}.setting-row>div:first-child{display:flex;flex-direction:column;gap:4px}.setting-row>div:first-child small{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.setting-row input,.setting-row select,.setting-row textarea{width:100%;border:1px solid #dfe3ea;border-radius:10px;padding:11px;background:#fff}.setting-row textarea+small{display:block;color:var(--muted);margin-top:5px}.settings-save{padding:20px 24px;display:flex;justify-content:flex-end;background:#fafbfc}.switch{position:relative;display:inline-flex}.switch input{position:absolute;opacity:0}.switch span{width:48px;height:27px;border-radius:99px;background:#cfd5df;display:block;position:relative;cursor:pointer;transition:.2s}.switch span:after{content:"";position:absolute;width:21px;height:21px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.18);transition:.2s}.switch input:checked+span{background:var(--accent)}.switch input:checked+span:after{transform:translateX(21px)}@media(max-width:900px){.settings-shell{grid-template-columns:1fr}.settings-nav{position:static;display:flex;overflow:auto}.settings-nav a{white-space:nowrap}.setting-row{grid-template-columns:1fr;gap:10px}}
.settings-unavailable{margin:22px 24px;padding:20px;border:1px solid color-mix(in srgb,var(--warn) 34%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--warn) 9%,var(--panel));box-shadow:inset 3px 0 color-mix(in srgb,var(--warn) 72%,var(--accent))}.settings-unavailable h3{margin:0 0 8px;font-size:16px}.settings-unavailable p{max-width:68ch;margin:7px 0;color:var(--muted)}html[data-theme="dark"] .settings-unavailable{background:color-mix(in srgb,var(--warn) 14%,var(--panel));border-color:color-mix(in srgb,var(--warn) 42%,var(--line));color:var(--ink)}
/* Core Completion 2.0 */
.permission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.permission-group{padding:16px;border:1px solid var(--line,#e5e7eb);border-radius:14px}.permission-group h3{margin:0 0 12px}.stage-list{display:grid;gap:8px;margin:10px 0 24px}.stage-row{display:grid;grid-template-columns:18px minmax(140px,1fr) 70px 80px 110px auto;align-items:center;gap:12px;padding:11px 12px;border:1px solid var(--line,#e5e7eb);border-radius:12px}.stage-dot{width:12px;height:12px;border-radius:50%}.tag-picker{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:18px}.tag-choice input{position:absolute;opacity:0}.tag-choice span{display:inline-flex;padding:7px 11px;border:1px solid color-mix(in srgb,var(--tag-colour) 45%,#ddd);border-radius:999px;cursor:pointer}.tag-choice input:checked+span{background:color-mix(in srgb,var(--tag-colour) 18%,white);box-shadow:0 0 0 2px color-mix(in srgb,var(--tag-colour) 45%,transparent)}.health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-bottom:18px}.health-card{display:flex;gap:12px;align-items:center;padding:18px;border-radius:14px;border:1px solid var(--line,#e5e7eb);background:#fff}.health-card>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-weight:800}.health-card.ok>span{background:#dcfce7;color:#166534}.health-card.warn>span{background:#fee2e2;color:#991b1b}.health-card div{display:grid;gap:3px}.health-card small{color:#64748b}.details{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.details div{padding:12px;border:1px solid var(--line,#e5e7eb);border-radius:10px}.details dt{font-size:.78rem;color:#64748b}.details dd{margin:5px 0 0;font-weight:700}.callout{padding:16px;border-radius:12px;margin-top:16px}.callout.warning{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412}@media(max-width:900px){.stage-row{grid-template-columns:18px 1fr 60px}.stage-row span:nth-of-type(n+3){display:none}}

/* AI development assistant */
.ai-chat-launcher{position:fixed;right:24px;bottom:22px;z-index:220;border:0;border-radius:999px;background:#18241f;color:#fff;padding:12px 17px;display:flex;align-items:center;gap:8px;font:inherit;font-weight:700;box-shadow:0 14px 38px rgba(15,30,24,.24);cursor:pointer}.ai-chat-launcher span{color:#c5f25b;font-size:18px}.ai-chat-launcher:hover{transform:translateY(-1px)}
.ai-chat-panel{position:fixed;right:24px;bottom:78px;z-index:221;width:min(430px,calc(100vw - 28px));height:min(650px,calc(100vh - 110px));background:#fff;border:1px solid #dcded8;border-radius:20px;box-shadow:0 26px 80px rgba(20,35,28,.22);display:none;grid-template-rows:auto 1fr auto auto;overflow:hidden}.ai-chat-panel.open{display:grid}.ai-chat-panel>header{padding:15px 16px;background:#18241f;color:#fff;display:flex;align-items:center;justify-content:space-between}.ai-chat-panel>header>div:first-child{display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:center}.ai-chat-panel>header strong{font-size:14px}.ai-chat-panel>header small{grid-column:2;color:#b8c4bd;font-size:11px}.ai-status-dot{width:9px;height:9px;border-radius:50%;background:#c5f25b;grid-row:1/3}.ai-chat-panel>header button{border:0;background:transparent;color:#fff;font-size:20px;cursor:pointer;padding:4px 6px}.ai-chat-messages{padding:17px;overflow:auto;background:#f7f7f3;display:flex;flex-direction:column;gap:12px}.ai-chat-empty{text-align:center;margin:auto;color:#657069;max-width:270px}.ai-chat-empty span{display:block;font-size:30px;color:#52705e}.ai-chat-empty strong{display:block;color:#24332b;margin:8px 0}.ai-chat-empty p{font-size:13px;line-height:1.5}.ai-msg{max-width:88%;padding:11px 13px;border-radius:15px;font-size:13px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.ai-msg.user{align-self:flex-end;background:#18241f;color:#fff;border-bottom-right-radius:5px}.ai-msg.assistant{align-self:flex-start;background:#fff;color:#26352d;border:1px solid #e0e2dc;border-bottom-left-radius:5px}.ai-msg.loading{color:#6d776f}.ai-chat-form{padding:12px;background:#fff;border-top:1px solid #e4e5e0;display:grid;grid-template-columns:1fr auto;gap:9px;align-items:end}.ai-chat-form textarea{resize:none;max-height:140px;border:1px solid #d7dad4;border-radius:12px;padding:10px 12px;font:inherit;font-size:13px;outline:none}.ai-chat-form textarea:focus{border-color:#7d9d89;box-shadow:0 0 0 3px rgba(76,115,91,.1)}.ai-chat-form button{width:38px;height:38px;border-radius:11px;border:0;background:#18241f;color:#fff;font-size:19px;cursor:pointer}.ai-chat-form button:disabled{opacity:.45}.ai-chat-panel>footer{padding:7px 13px 9px;text-align:center;font-size:10px;color:#8a918c;background:#fff}.ai-chat-panel code{font-size:12px}
@media(max-width:600px){.ai-chat-launcher{right:14px;bottom:14px}.ai-chat-launcher b{display:none}.ai-chat-panel{right:7px;bottom:66px;width:calc(100vw - 14px);height:calc(100vh - 78px);border-radius:16px}}

/* AI Developer Workspace */
.ai-dev-hero{padding:28px;border-radius:18px;background:linear-gradient(135deg,#111827,#273449);color:#fff;margin-bottom:20px}.ai-dev-hero h2{font-size:28px;margin:10px 0}.ai-dev-hero p{max-width:850px;color:#dbe3ef}.ai-dev-grid{align-items:start}.metric-list{display:grid;gap:4px;margin:14px 0}.metric-list>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--border,#e5e7eb)}.metric-list strong{font-size:17px}.proposal-summary{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.proposal-summary h2{margin:12px 0}.proposal-actions{display:flex;gap:10px;flex-wrap:wrap}.code-change summary{cursor:pointer;font-weight:700;padding:10px 0}.diff-view,.code-view{background:#101827;color:#e5edf7;padding:18px;border-radius:12px;overflow:auto;max-height:620px;font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre}.diff-view{color:#d7e2f1}.project-explorer{display:grid;grid-template-columns:minmax(280px,34%) 1fr;gap:18px}.file-tree{max-height:74vh;overflow:auto;padding:12px}.file-tree>input{position:sticky;top:0;width:100%;z-index:2;margin-bottom:10px}.file-tree>a{display:flex;justify-content:space-between;gap:12px;padding:9px 10px;border-radius:8px;text-decoration:none;color:inherit;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.file-tree>a:hover,.file-tree>a.active{background:#eef2f7}.file-tree small{white-space:nowrap}.file-preview{min-width:0}.timeline-item{border-left:3px solid #d7dde6;padding:0 0 16px 14px;margin-left:4px}.timeline-item p{margin:4px 0}.warning-box{padding:14px;border:1px solid #e6b85c;background:#fff8e8;border-radius:10px}.badge.low,.badge.success{background:#e6f6ec;color:#176b37}.badge.medium{background:#fff4d8;color:#8a5b00}.badge.high,.badge.danger{background:#fee9e7;color:#a33128}@media(max-width:900px){.project-explorer{grid-template-columns:1fr}.proposal-summary{display:block}.proposal-actions{margin-top:18px}}
.ai-chat-modes{display:flex;gap:6px;align-items:center;padding:8px 10px;border-bottom:1px solid #e3e5df;background:#fff}.ai-chat-modes button,.ai-chat-modes a{border:0;background:#eef1ec;color:#435248;border-radius:999px;padding:7px 10px;font:inherit;font-size:11px;font-weight:700;text-decoration:none;cursor:pointer}.ai-chat-modes button.active{background:#18241f;color:#fff}.ai-chat-modes a{margin-left:auto;background:transparent;color:#476353}.ai-proposal-card{display:grid;gap:8px;max-width:94%}.ai-proposal-card p{margin:0}.ai-proposal-card small{display:block;color:#6d776f}.ai-proposal-card .btn{justify-self:start;text-decoration:none}.ai-chat-panel{grid-template-rows:auto auto 1fr auto auto}

/* Indexed AI engine and true colour themes */
.theme-toggle{width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink);cursor:pointer;font-size:18px}.ai-job-progress{height:13px;border-radius:999px;background:var(--surface-2,#eceff3);overflow:hidden;margin:18px 0}.ai-job-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .35s ease}.ai-job-panel{max-width:900px}.muted{color:var(--muted)}
html[data-theme="dark"]{color-scheme:dark;--bg:#080b0f;--panel:#10151b;--ink:#edf2f7;--muted:#9aa6b2;--line:#27303a;--nav:#05070a;--nav2:#151c24;--surface:#10151b;--surface-2:#171e26;--accent:#a889ff;--accent2:#7c63ff;--good:#49d49d;--warn:#f2bd61;--danger:#ff7d89;--shadow:0 16px 45px rgba(0,0,0,.38);--icon-surface:#202a35;--icon-foreground:#c7b9ff;--icon-danger-surface:#3b171c;--icon-danger-foreground:#ffb9c0;--icon-warning-surface:#312711;--icon-warning-foreground:#f5d58a;--icon-info-surface:#182b3a;--icon-info-foreground:#a7d7f5}
html[data-theme="dark"] body,html[data-theme="dark"] .workspace{background:var(--bg);color:var(--ink)}html[data-theme="dark"] .topbar{background:rgba(8,11,15,.9);border-color:var(--line)}html[data-theme="dark"] .panel,html[data-theme="dark"] .form-card,html[data-theme="dark"] .quote-sheet,html[data-theme="dark"] .project-card,html[data-theme="dark"] .stat,html[data-theme="dark"] .feature-card,html[data-theme="dark"] .health-card,html[data-theme="dark"] .deal-card,html[data-theme="dark"] .command-box,html[data-theme="dark"] .ai-chat-panel,html[data-theme="dark"] .ai-chat-form,html[data-theme="dark"] .ai-chat-modes,html[data-theme="dark"] .settings-save,html[data-theme="dark"] .check-row{background:var(--panel)!important;color:var(--ink);border-color:var(--line)}html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea,html[data-theme="dark"] .global-search,html[data-theme="dark"] .filter-search,html[data-theme="dark"] .setting-row input,html[data-theme="dark"] .setting-row select,html[data-theme="dark"] .setting-row textarea{background:#0c1117!important;color:var(--ink)!important;border-color:#303a45!important}html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#71808e}html[data-theme="dark"] th,html[data-theme="dark"] .quote-line.head{background:#151b22;color:#aab4be}html[data-theme="dark"] td,html[data-theme="dark"] th,html[data-theme="dark"] .list-row,html[data-theme="dark"] .task-row{border-color:var(--line)}html[data-theme="dark"] .btn{background:#151b22;color:var(--ink);border-color:#303a45}html[data-theme="dark"] .btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff}html[data-theme="dark"] .global-search:focus-within{background:#0c1117}html[data-theme="dark"] .search-results,html[data-theme="dark"] .ai-chat-messages{background:#0b1015;color:var(--ink);border-color:var(--line)}html[data-theme="dark"] .ai-msg.assistant{background:#151c23;color:var(--ink);border-color:#2b3540}html[data-theme="dark"] .ai-chat-empty,html[data-theme="dark"] small,html[data-theme="dark"] .hint{color:var(--muted)}html[data-theme="dark"] .command-list a{color:var(--ink)}html[data-theme="dark"] .command-list a:hover{background:#1a222c}html[data-theme="dark"] .file-tree>a:hover,html[data-theme="dark"] .file-tree>a.active{background:#1a222c}html[data-theme="dark"] .warning-box{background:#2a210f;border-color:#66501f;color:#f6d88b}html[data-theme="dark"] .code-note{background:#151b22}html[data-theme="dark"] .pipeline-col{background:#111820}html[data-theme="dark"] .badge{background:#222b35;color:#c8d0d8}html[data-theme="dark"] .badge.success{background:#123526;color:#72e0b2}html[data-theme="dark"] .flash{background:#123526;color:#8de8c1}html[data-theme="dark"] .flash.error{background:#3b171c;color:#ffadb5}html[data-theme="dark"] .notification-button,html[data-theme="dark"] .theme-toggle{background:#151b22;color:var(--ink);border-color:#303a45}html[data-theme="dark"] .login-card{background:var(--panel);color:var(--ink)}

/* Dark mode hardening: comprehensive surface and contrast coverage */
html[data-theme="dark"]{
  --bg:#07090c;
  --panel:#0f141a;
  --surface:#0f141a;
  --surface-2:#161d25;
  --ink:#f2f5f8;
  --muted:#a7b1bc;
  --line:#2a3440;
}
html[data-theme="dark"] body,
html[data-theme="dark"] .workspace,
html[data-theme="dark"] .main{background:var(--bg)!important;color:var(--ink)!important}
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6,
html[data-theme="dark"] strong,
html[data-theme="dark"] b,
html[data-theme="dark"] label,
html[data-theme="dark"] dt,
html[data-theme="dark"] dd,
html[data-theme="dark"] p,
html[data-theme="dark"] li,
html[data-theme="dark"] td,
html[data-theme="dark"] a{color:inherit}
html[data-theme="dark"] .panel,
html[data-theme="dark"] .stat,
html[data-theme="dark"] .form-card,
html[data-theme="dark"] .quote-sheet,
html[data-theme="dark"] .project-card,
html[data-theme="dark"] .feature-card,
html[data-theme="dark"] .health-card,
html[data-theme="dark"] .profile-card,
html[data-theme="dark"] .settings-nav,
html[data-theme="dark"] .settings-panel,
html[data-theme="dark"] .table-panel,
html[data-theme="dark"] .login-card,
html[data-theme="dark"] .search-results,
html[data-theme="dark"] .command-box,
html[data-theme="dark"] .modal,
html[data-theme="dark"] .modal-card,
html[data-theme="dark"] .drawer,
html[data-theme="dark"] .popover,
html[data-theme="dark"] .dropdown,
html[data-theme="dark"] .card{background:var(--panel)!important;color:var(--ink)!important;border-color:var(--line)!important}
html[data-theme="dark"] .guided-empty{
  background:#111820!important;
  border-color:#364351!important;
  color:var(--ink)!important;
}
.company-icon{background:var(--icon-surface);color:var(--icon-foreground)}
html[data-theme="dark"] .profile-mark{background:var(--icon-surface)!important;color:var(--icon-foreground)!important}
html[data-theme="dark"] .guided-empty strong,
html[data-theme="dark"] .guided-empty p,
html[data-theme="dark"] .panel-head h2,
html[data-theme="dark"] .panel-head p,
html[data-theme="dark"] .page-head p{color:inherit!important}
html[data-theme="dark"] .guided-empty p,
html[data-theme="dark"] .panel-head p,
html[data-theme="dark"] .page-head p,
html[data-theme="dark"] .quick-create small,
html[data-theme="dark"] .agenda-list small,
html[data-theme="dark"] .list-row span,
html[data-theme="dark"] .timeline-item p,
html[data-theme="dark"] .timeline-item small,
html[data-theme="dark"] .stat span,
html[data-theme="dark"] .stat small,
html[data-theme="dark"] .setting-row small,
html[data-theme="dark"] .hint,
html[data-theme="dark"] .empty{color:var(--muted)!important}
html[data-theme="dark"] .text-link{color:#c7b9ff!important}
html[data-theme="dark"] .text-link:hover{color:#e0d9ff!important}
html[data-theme="dark"] .quick-create>a,
html[data-theme="dark"] .agenda-list>a,
html[data-theme="dark"] .list-row,
html[data-theme="dark"] .notes article{color:var(--ink)!important;border-color:var(--line)!important}
html[data-theme="dark"] .quick-create>a:hover,
html[data-theme="dark"] .list-row:hover,
html[data-theme="dark"] .agenda-list>a:hover{background:var(--surface-2)!important}
html[data-theme="dark"] .settings-nav a{color:var(--muted)!important}
html[data-theme="dark"] .settings-nav a:hover,
html[data-theme="dark"] .settings-nav a.active{background:#202936!important;color:#d4caff!important}
html[data-theme="dark"] .settings-save,
html[data-theme="dark"] .quote-line.head,
html[data-theme="dark"] th,
html[data-theme="dark"] .pipeline-col,
html[data-theme="dark"] .code-note{background:var(--surface-2)!important;color:var(--ink)!important;border-color:var(--line)!important}
html[data-theme="dark"] table,
html[data-theme="dark"] tbody,
html[data-theme="dark"] tr,
html[data-theme="dark"] td{background:transparent!important;color:var(--ink)!important}
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] .filter-search,
html[data-theme="dark"] .global-search{
  background:#0a0f14!important;
  color:var(--ink)!important;
  border-color:#34404c!important;
}
html[data-theme="dark"] select option{background:#0f141a;color:var(--ink)}
html[data-theme="dark"] input:disabled,
html[data-theme="dark"] select:disabled,
html[data-theme="dark"] textarea:disabled{background:#141a21!important;color:#778491!important}
html[data-theme="dark"] .btn:not(.primary){background:#18202a!important;color:var(--ink)!important;border-color:#354250!important}
html[data-theme="dark"] .btn:not(.primary):hover{background:#202a35!important}
html[data-theme="dark"] .btn.primary{color:#fff!important}
html[data-theme="dark"] .badge{background:#222c37!important;color:#d5dce3!important}
html[data-theme="dark"] hr{border-color:var(--line)}
html[data-theme="dark"] ::selection{background:#5c46c7;color:#fff}


/* Software-style navigation and global loading state */
.skip-link{position:fixed;top:12px;left:12px;z-index:10000;padding:10px 14px;border-radius:10px;background:var(--accent);color:#fff;font-weight:800;box-shadow:var(--shadow);transform:translateY(-160%);transition:transform .16s ease}.skip-link:focus{transform:translateY(0);outline:3px solid var(--accent2);outline-offset:3px}@media(prefers-reduced-motion:reduce){.skip-link{transition:none}}
.global-loader{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:rgba(4,8,13,.58);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity .16s ease,visibility .16s ease;pointer-events:none}.global-loader.active{opacity:1;visibility:visible;pointer-events:auto}.global-loader-card{display:flex;align-items:center;gap:12px;padding:14px 18px;border:1px solid var(--border,#293442);border-radius:14px;background:var(--surface-panel,#111820);color:var(--text-primary,#f7f9fb);box-shadow:0 18px 60px rgba(0,0,0,.28)}.loader-spinner{width:18px;height:18px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:smp-spin .75s linear infinite}@keyframes smp-spin{to{transform:rotate(360deg)}}#smp-page-content{transition:opacity .14s ease,transform .14s ease}#smp-page-content.page-leaving{opacity:.15;transform:translateY(3px)}#smp-page-content.page-entered{animation:smp-page-in .18s ease both}@keyframes smp-page-in{from{opacity:.2;transform:translateY(4px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){#smp-page-content,.global-loader{transition:none}.loader-spinner{animation-duration:1.5s}}

/* AI discuss-first workflow and worker health */
.ai-assessment-wrap{display:grid;gap:8px}.ai-assessment-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:0 6px 8px}.ai-assessment-actions small{color:var(--text-muted,#8b98aa)}.worker-status-card{display:flex;gap:14px;align-items:flex-start;padding:18px;border:1px solid var(--border);border-radius:14px;background:var(--surface-raised)}.worker-status-card.healthy{border-color:#2d7b52}.worker-status-card.warning{border-color:#a36b20}.worker-light{width:12px;height:12px;border-radius:50%;margin-top:5px;background:#f59e0b;box-shadow:0 0 0 5px rgba(245,158,11,.12)}.worker-status-card.healthy .worker-light{background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.12)}

/* ClickUp-inspired project workspace */
.clickup-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.view-switch{display:inline-flex;padding:4px;border:1px solid var(--border);background:var(--surface-panel);border-radius:10px}.view-switch a{padding:8px 13px;border-radius:7px;text-decoration:none;color:var(--text-secondary)}.view-switch a.active{background:var(--surface-raised);color:var(--text-primary);box-shadow:0 1px 3px rgba(0,0,0,.12)}.clickup-list{padding:0;overflow:hidden}.clickup-list-head,.clickup-project-row{display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(200px,1.25fr) minmax(120px,.8fr) minmax(130px,.8fr) minmax(120px,.7fr);gap:14px;align-items:center}.clickup-list-head{padding:11px 18px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);background:var(--surface-raised);border-bottom:1px solid var(--border)}.clickup-project-row{padding:15px 18px;color:var(--text-primary);text-decoration:none;border-bottom:1px solid var(--border)}.clickup-project-row:hover{background:var(--surface-raised)}.clickup-project-row div{min-width:0}.clickup-project-row strong,.clickup-project-row small{display:block}.opportunity-pill{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:5px 9px;border-radius:999px;background:rgba(124,92,255,.12);color:#8f78ff;text-decoration:none;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress.compact{height:5px;margin:4px 0 3px}.project-board,.task-board{display:grid;grid-template-columns:repeat(4,minmax(240px,1fr));gap:14px;overflow-x:auto;padding-bottom:8px}.board-column,.task-column{background:var(--surface-raised);border:1px solid var(--border);border-radius:14px;min-height:220px;padding:12px}.board-column>header,.task-column>header{display:flex;justify-content:space-between;align-items:center;padding:2px 3px 12px}.board-column>header span,.task-column>header span{min-width:24px;height:24px;display:grid;place-items:center;border-radius:999px;background:var(--surface-panel);font-size:12px}.board-project-card,.task-board-card{display:grid;gap:9px;padding:13px;margin-bottom:10px;border:1px solid var(--border);border-radius:11px;background:var(--surface-panel);color:var(--text-primary);text-decoration:none;box-shadow:0 2px 8px rgba(0,0,0,.05)}.board-project-card:hover,.task-board-card:hover{border-color:var(--accent,#7c5cff);transform:translateY(-1px)}.board-project-card footer,.task-board-card footer{display:flex;justify-content:space-between;gap:8px;color:var(--text-muted);font-size:11px}.project-workspace-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:22px;margin-bottom:14px;border:1px solid var(--border);border-radius:16px;background:var(--surface-panel)}.project-workspace-head h2{font-size:27px;margin:10px 0 4px}.project-workspace-head p{margin:0;color:var(--text-secondary)}.project-breadcrumb{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.project-score{text-align:right;min-width:140px}.project-score strong{display:block;font-size:28px}.project-score span{font-size:12px;color:var(--text-muted)}.project-tabs{display:flex;gap:4px;padding:0 4px;border-bottom:1px solid var(--border);margin-bottom:16px}.project-tabs a{padding:11px 15px;text-decoration:none;color:var(--text-secondary);border-bottom:2px solid transparent}.project-tabs a.active{color:var(--text-primary);border-color:var(--accent,#7c5cff);font-weight:700}.task-workspace{padding:0;overflow:hidden}.task-workspace>.section-head{padding:18px 20px;border-bottom:1px solid var(--border)}.task-composer-drawer{display:none;grid-template-columns:2fr repeat(6,minmax(110px,1fr));gap:8px;padding:14px 18px;border-bottom:1px solid var(--border);background:var(--surface-raised)}.task-composer-drawer.open{display:grid}.task-composer-drawer textarea{grid-column:1/-2;min-height:70px}.clickup-task-list{width:100%}.task-list-head,.clickup-task-row{display:grid;grid-template-columns:minmax(260px,2fr) 130px 150px 100px 120px;gap:12px;align-items:center}.task-list-head{padding:10px 18px;background:var(--surface-raised);font-size:11px;font-weight:800;text-transform:uppercase;color:var(--text-muted)}.clickup-task-row{padding:13px 18px;border-top:1px solid var(--border);text-decoration:none;color:var(--text-primary)}.clickup-task-row:hover{background:var(--surface-raised)}.clickup-task-row strong,.clickup-task-row small{display:block}.status-dot{font-size:12px;padding:5px 8px;border-radius:7px;background:var(--surface-raised)}.task-board{padding:16px}.task-column-drop{min-height:120px}.task-column.drag-over{outline:2px dashed var(--accent,#7c5cff);outline-offset:-5px}.task-detail-shell{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px}.task-detail-form{display:contents}.task-title-input{width:100%;font-size:25px;font-weight:750;border:0;border-bottom:1px solid var(--border);border-radius:0;padding:8px 0 14px;margin:8px 0 18px;background:transparent;color:var(--text-primary)}.task-properties{display:grid;align-content:start;gap:12px}.task-properties label{display:grid;gap:6px;font-size:12px;font-weight:700;color:var(--text-secondary)}.team-list.large>div{padding:12px 0;border-bottom:1px solid var(--border)}
@media(max-width:1100px){.clickup-list-head,.clickup-project-row{grid-template-columns:minmax(220px,1.5fr) minmax(180px,1fr) 120px}.clickup-list-head>*:nth-child(4),.clickup-list-head>*:nth-child(5),.clickup-project-row>*:nth-child(4),.clickup-project-row>*:nth-child(5){display:none}.task-list-head,.clickup-task-row{grid-template-columns:minmax(220px,1.5fr) 120px 140px}.task-list-head>*:nth-child(4),.task-list-head>*:nth-child(5),.clickup-task-row>*:nth-child(4),.clickup-task-row>*:nth-child(5){display:none}.task-composer-drawer{grid-template-columns:1fr 1fr}.task-composer-drawer textarea{grid-column:1/-1}.task-detail-shell{grid-template-columns:1fr}}
@media(max-width:700px){.project-workspace-head{display:block}.project-score{text-align:left;margin-top:14px}.project-tabs{overflow-x:auto}.clickup-list-head{display:none}.clickup-project-row{display:grid;grid-template-columns:1fr;padding:15px}.clickup-project-row>*{display:block!important}.project-board,.task-board{grid-template-columns:repeat(4,280px)}.task-list-head{display:none}.clickup-task-row{grid-template-columns:1fr}.clickup-task-row>*{display:block!important}.task-composer-drawer{grid-template-columns:1fr}}
.workflow-steps{display:grid;gap:8px;margin:18px 0}.workflow-steps>div{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--surface-raised)}.workflow-steps strong{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:rgba(124,92,255,.15);color:#8f78ff}

/* Core UX Excellence */
.record-hero{display:flex;align-items:center;gap:18px;padding:22px;border:1px solid var(--border);border-radius:18px;background:var(--surface-panel);margin-bottom:0}.record-avatar{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(124,92,255,.2),rgba(70,190,180,.14));color:var(--text-primary);font-size:20px;font-weight:850}.record-identity{flex:1;min-width:0}.record-identity>span,.record-identity>a{font-size:12px;font-weight:800;color:var(--accent);text-transform:uppercase;letter-spacing:.07em}.record-identity h2{font-size:28px;margin:3px 0}.record-identity p{margin:0;color:var(--text-secondary)}.record-kpis{display:flex;gap:8px}.record-kpis>div{min-width:100px;padding:11px 14px;border-radius:12px;background:var(--surface-raised);border:1px solid var(--border)}.record-kpis strong,.record-kpis span{display:block}.record-kpis strong{font-size:18px}.record-kpis span{font-size:11px;color:var(--text-muted)}.record-tabs{display:flex;gap:3px;overflow-x:auto;border:1px solid var(--border);border-top:0;border-radius:0 0 14px 14px;background:var(--surface-panel);padding:0 12px;margin-bottom:16px}.record-tabs a{padding:12px 14px;text-decoration:none;color:var(--text-secondary);border-bottom:2px solid transparent;white-space:nowrap}.record-tabs a.active{color:var(--text-primary);border-color:var(--accent);font-weight:750}.record-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px}.record-related-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid var(--border);text-decoration:none;color:var(--text-primary)}.record-related-row>div{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;min-width:0}.record-related-row small{grid-column:2;color:var(--text-muted)}.record-details dl{display:grid;grid-template-columns:1fr 1.2fr;gap:10px 12px}.record-details dt{color:var(--text-muted)}.record-details dd{margin:0;text-align:right}.record-list>a{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:14px;border-bottom:1px solid var(--border);text-decoration:none;color:var(--text-primary)}.record-list small{display:block;color:var(--text-muted)}.timeline-note{padding:14px 0;border-bottom:1px solid var(--border)}.timeline-note p{margin:7px 0}.timeline-note small{color:var(--text-muted)}.prose-block{line-height:1.65;color:var(--text-secondary);margin-bottom:14px}.next-action-form{display:grid;grid-template-columns:1fr 160px auto;gap:9px}.work-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.work-summary>div{padding:15px;border:1px solid var(--border);border-radius:13px;background:var(--surface-panel)}.work-summary strong,.work-summary span{display:block}.work-summary strong{font-size:24px}.work-summary span{font-size:12px;color:var(--text-muted)}.my-work-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px}.my-work-layout--solo{grid-template-columns:minmax(0,1fr)}.work-section{padding:0;overflow:hidden}.work-section .panel-head{padding:17px 18px;border-bottom:1px solid var(--border)}.work-task-card{display:grid;grid-template-columns:1fr auto;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border)}.work-task-card>a{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:11px;text-decoration:none;color:var(--text-primary)}.work-task-card small{display:block;color:var(--text-muted);margin-top:3px}.priority-marker{width:7px;height:28px;border-radius:5px;background:#7d8895}.priority-marker.priority-high{background:#f59e0b}.priority-marker.priority-urgent{background:#ef4444}.priority-marker.priority-low{background:#5fa4d8}.work-date{font-size:12px;color:var(--text-muted)}.work-actions{display:flex;gap:5px;margin-left:12px}.work-actions form{margin:0}.work-actions button{border:1px solid var(--border);background:var(--surface-raised);color:var(--text-secondary);border-radius:8px;padding:6px 8px;cursor:pointer}.approval-action-card{display:grid;gap:5px;padding:13px 0;border-bottom:1px solid var(--border);text-decoration:none;color:var(--text-primary)}.approval-action-card small{color:var(--text-muted)}.task-detail-v2{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px}.task-inline-properties{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0}.task-inline-properties label{display:grid;gap:5px;font-size:12px;color:var(--text-secondary)}.subtask-row,.checklist-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.subtask-row{margin:0}.subtask-row>div{display:grid}.subtask-row small{color:var(--text-muted)}.check-button{width:26px;height:26px;border:1px solid var(--border);border-radius:7px;background:var(--surface-raised);color:transparent;cursor:pointer}.check-button.done{background:#228b61;color:#fff;border-color:#228b61}.struck{text-decoration:line-through;opacity:.6}.inline-add-grid{display:grid;grid-template-columns:1fr 150px 140px auto;gap:8px;margin-top:13px}.task-comments article{display:flex;gap:9px;padding:13px 0;border-bottom:1px solid var(--border)}.task-comments article>div{min-width:0}.task-comments small{display:block;color:var(--text-muted)}.task-comments p{white-space:pre-wrap}.sticky-panel{position:sticky;top:90px}.search-type{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-weight:850}.search-results a{display:grid!important;grid-template-columns:70px 1fr!important}.search-results a small{grid-column:2}.guided-empty.compact{padding:18px}
html[data-theme="dark"] .record-hero,html[data-theme="dark"] .record-tabs,html[data-theme="dark"] .record-kpis>div,html[data-theme="dark"] .work-summary>div{background:var(--surface-panel)!important;color:var(--text-primary)!important}html[data-theme="dark"] .record-related-row,html[data-theme="dark"] .record-list>a,html[data-theme="dark"] .work-task-card{color:var(--text-primary)!important}html[data-theme="dark"] .record-related-row small,html[data-theme="dark"] .record-identity p,html[data-theme="dark"] .record-tabs a,html[data-theme="dark"] .work-task-card small{color:var(--text-secondary)!important}
@media(max-width:1000px){.record-grid,.my-work-layout,.task-detail-v2{grid-template-columns:1fr}.sticky-panel{position:static}.record-hero{align-items:flex-start;flex-wrap:wrap}.record-kpis{width:100%;overflow-x:auto}.task-inline-properties{grid-template-columns:1fr 1fr}.inline-add-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.work-summary{grid-template-columns:1fr 1fr}.work-task-card{grid-template-columns:1fr}.work-actions{margin:8px 0 0 19px}.next-action-form,.task-inline-properties,.inline-add-grid{grid-template-columns:1fr}.record-kpis>div{min-width:90px}.record-hero{padding:16px}}

/* Template Studio */
.template-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px;border:1px solid var(--border,#dfe4ea);background:linear-gradient(135deg,var(--panel,#fff),var(--surface-soft,#f6f8fb));border-radius:18px;margin-bottom:20px}.template-hero h2{font-size:30px;margin:5px 0 8px}.template-hero p{max-width:760px;margin:0;color:var(--muted,#667085)}.template-index{grid-template-columns:minmax(280px,380px) 1fr}.template-builder-head{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:start;margin-bottom:20px}.template-meta-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px;background:var(--panel,#fff);border:1px solid var(--border,#dfe4ea);border-radius:14px}.template-meta-form .span-2{grid-column:1/-1}.template-status{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.workflow-stage-list,.milestone-builder{display:grid;gap:14px}.workflow-stage>header,.milestone-template>header{display:grid;grid-template-columns:auto auto 1fr auto auto;gap:12px;align-items:start}.stage-number{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--surface-soft,#eef2f7);font-weight:800}.stage-colour{display:inline-block;width:10px;height:30px;border-radius:99px}.workflow-stage h2,.milestone-template h2{margin:0}.workflow-stage header p,.milestone-template header p{margin:4px 0 0;color:var(--muted,#667085)}.check-builder,.template-task-list{margin-top:16px;border-top:1px solid var(--border,#e5e7eb);padding-top:12px}.template-check{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--border,#eef0f3)}.inline-add{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;margin-top:12px}.inline-add.compact{grid-template-columns:1fr auto;max-width:580px}.check-label{display:flex!important;align-items:center;gap:7px!important}.check-label input{width:auto!important}.add-stage-panel{border-style:dashed}.template-task{display:flex;justify-content:space-between;gap:16px;padding:14px;border:1px solid var(--border,#e5e7eb);border-radius:12px;margin-bottom:10px;background:var(--surface-soft,#fafbfc)}.template-task-main{flex:1}.template-task-main p{margin:5px 0;color:var(--muted,#667085)}.task-check-line{display:block;margin-top:6px}.task-add-details{padding:10px 0}.task-add-details summary{cursor:pointer;font-weight:700;color:var(--primary,#405de6)}.or-divider{display:flex;align-items:center;gap:10px;color:var(--muted,#667085)}.or-divider:before,.or-divider:after{content:"";height:1px;background:var(--border,#e5e7eb);flex:1}.security-note{margin-top:16px;padding:14px;border-radius:12px;background:var(--surface-soft,#f6f8fb)}.security-note p{margin:5px 0 0}.import-summary h3{font-size:24px;margin:12px 0 5px}.confirm-import{margin-top:18px}.opportunity-stage-track{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.opportunity-stage{border:1px solid var(--border,#e5e7eb);border-radius:14px;padding:14px;background:var(--surface-soft,#fafbfc)}.opportunity-stage.current{outline:2px solid var(--primary,#405de6)}.opportunity-stage header{display:flex;align-items:center;gap:9px}.opportunity-stage header>div{flex:1}.opportunity-stage header small{display:block;color:var(--muted,#667085)}.opportunity-stage>p{font-size:13px;color:var(--muted,#667085)}.live-check button{display:grid;grid-template-columns:auto 1fr auto;width:100%;gap:8px;align-items:center;text-align:left;border:0;background:transparent;padding:7px 0;color:inherit;cursor:pointer}.live-check.done button{text-decoration:line-through;opacity:.65}.live-check small{font-size:10px;text-transform:uppercase}.alert.warning{background:#fff8e1;color:#7c5700;border:1px solid #f4d37a}.alert.error{background:#fff0f0;color:#9b1c1c;border:1px solid #f2b8b8}@media(max-width:900px){.template-builder-head,.template-index{grid-template-columns:1fr}.template-hero{align-items:flex-start;flex-direction:column}.workflow-stage>header,.milestone-template>header{grid-template-columns:auto auto 1fr}.workflow-stage>header>.badge,.workflow-stage>header>form,.milestone-template>header>.badge,.milestone-template>header>form{grid-column:3}.inline-add{grid-template-columns:1fr}.opportunity-stage-track{grid-template-columns:1fr}}

/* Workflow boards and practical filter bars */
.workflow-filter-bar{display:flex;align-items:end;gap:10px;flex-wrap:wrap;padding:14px;margin:0 0 16px;background:var(--panel-background,#fff);border:1px solid var(--border-default,#dfe3e8);border-radius:14px}.workflow-filter-bar label{display:grid;gap:5px;min-width:145px}.workflow-filter-bar label>span{font-size:11px;font-weight:700;color:var(--text-muted,#687386);text-transform:uppercase;letter-spacing:.04em}.workflow-filter-bar .filter-search{position:relative;min-width:260px;flex:1}.workflow-filter-bar .filter-search>span{position:absolute;left:12px;bottom:11px;font-size:16px}.workflow-filter-bar .filter-search input{padding-left:34px}.workflow-board{display:flex;gap:14px;overflow-x:auto;align-items:flex-start;padding-bottom:16px}.workflow-column{width:300px;min-width:300px;border:1px solid var(--border-default,#dfe3e8);background:var(--raised-background,#f5f7fa);border-radius:14px;transition:.15s}.workflow-column.drag-over{outline:2px solid var(--focus-ring,#4d7cff);outline-offset:2px}.workflow-column>header{display:flex;justify-content:space-between;padding:13px 14px;border-bottom:1px solid var(--border-default,#dfe3e8)}.workflow-column>header span{font-size:12px;background:var(--panel-background,#fff);padding:2px 8px;border-radius:999px}.workflow-drop{min-height:100px;padding:10px}.workflow-card{margin-bottom:9px;background:var(--panel-background,#fff);border:1px solid var(--border-default,#dfe3e8);border-radius:11px;box-shadow:0 2px 8px rgba(16,24,40,.04);cursor:grab}.workflow-card.dragging{opacity:.45}.workflow-card a{display:grid;gap:6px;padding:12px;color:var(--text-primary,#1f2937);text-decoration:none}.workflow-card small,.workflow-card span,.workflow-card em{color:var(--text-muted,#687386);font-size:12px}.workflow-card em{font-style:normal;border-top:1px solid var(--border-default,#e5e7eb);padding-top:6px}.workflow-project-row{grid-template-columns:1.3fr 1fr .8fr .7fr .8fr .8fr}.clickup-list-head:has(+.workflow-project-row){grid-template-columns:1.3fr 1fr .8fr .7fr .8fr .8fr}@media(max-width:760px){.workflow-filter-bar{align-items:stretch}.workflow-filter-bar label,.workflow-filter-bar .filter-search{min-width:100%;width:100%}.workflow-project-row{grid-template-columns:1fr}.workflow-board{margin-right:-16px}}
.workflow-filter-summary{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:-8px 0 16px;padding:10px 12px;border:1px solid var(--border-default,#dfe3e8);border-radius:11px;background:var(--raised-background,#f5f7fa);font-size:12px}.workflow-filter-summary>strong{white-space:nowrap}.workflow-filter-summary ul{display:flex;gap:6px;flex:1;flex-wrap:wrap;min-width:0;margin:0;padding:0;list-style:none}.workflow-filter-summary li{max-width:min(100%,22rem);padding:3px 7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--border-default,#dfe3e8);border-radius:999px;background:var(--panel-background,#fff);color:var(--text-muted,#687386)}.workflow-filter-summary li span{font-weight:800;color:var(--text-primary,#1f2937)}.workflow-filter-summary .btn{margin-left:auto}
.workflow-filter-search-icon{color:var(--icon-foreground);line-height:1}.workflow-filter-bar .filter-search:focus-within .workflow-filter-search-icon{color:var(--accent)}html[data-theme="dark"] .workflow-filter-bar .filter-search .workflow-filter-search-icon{color:var(--icon-foreground)!important}html[data-theme="dark"] .workflow-filter-summary{background:var(--surface-raised)!important;color:var(--text-primary)!important;border-color:var(--border)!important}html[data-theme="dark"] .workflow-filter-summary li{background:var(--surface-2)!important;color:var(--text-secondary)!important;border-color:var(--border)!important}html[data-theme="dark"] .workflow-filter-summary li span{color:var(--text-primary)!important}
@media(max-width:760px){.workflow-filter-summary{align-items:stretch}.workflow-filter-summary ul{flex-basis:100%}.workflow-filter-summary .btn{margin-left:0;align-self:flex-start}.workflow-project-row strong,.workflow-card strong,[data-testid="jobs-list-row"] .entity strong,[data-testid="opportunities-list-row"] td:first-child strong,[data-testid="global-task-row"] td:first-child strong{display:-webkit-box;overflow:hidden;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.workflow-project-row>div:first-child small,[data-testid="jobs-list-row"] td:first-child>small,[data-testid="opportunities-list-row"] td:first-child>small,[data-testid="global-task-row"] td:first-child>small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(max-width:760px){.table-panel:has([data-testid="jobs-list-row"]),.table-panel:has([data-testid="opportunities-list-row"]),.table-panel:has([data-testid="global-task-row"]){overflow:visible}.table-panel:has([data-testid="jobs-list-row"]) table,.table-panel:has([data-testid="opportunities-list-row"]) table,.table-panel:has([data-testid="global-task-row"]) table,.table-panel:has([data-testid="jobs-list-row"]) tbody,.table-panel:has([data-testid="opportunities-list-row"]) tbody,.table-panel:has([data-testid="global-task-row"]) tbody{display:block;width:100%}.table-panel:has([data-testid="jobs-list-row"]) thead,.table-panel:has([data-testid="opportunities-list-row"]) thead,.table-panel:has([data-testid="global-task-row"]) thead{display:none}[data-testid="jobs-list-row"],[data-testid="opportunities-list-row"],[data-testid="global-task-row"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:13px 14px;border-bottom:1px solid var(--line);background:var(--panel)}[data-testid="jobs-list-row"]:last-child,[data-testid="opportunities-list-row"]:last-child,[data-testid="global-task-row"]:last-child{border-bottom:0}[data-testid="jobs-list-row"] td,[data-testid="opportunities-list-row"] td,[data-testid="global-task-row"] td{display:block;min-width:0;padding:9px 8px;border:0;vertical-align:top}[data-testid="jobs-list-row"] td:before,[data-testid="opportunities-list-row"] td:before,[data-testid="global-task-row"] td:before{display:block;margin-bottom:4px;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}[data-testid="jobs-list-row"] td:first-child,[data-testid="jobs-list-row"] td:nth-child(3),[data-testid="jobs-list-row"] td:nth-child(5),[data-testid="opportunities-list-row"] td:first-child,[data-testid="global-task-row"] td:first-child{grid-column:1/-1;padding-left:0;padding-right:0}[data-testid="jobs-list-row"] td:first-child:before,[data-testid="opportunities-list-row"] td:first-child:before,[data-testid="global-task-row"] td:first-child:before{display:none}[data-testid="jobs-list-row"] td:nth-child(2):before{content:'Quote'}[data-testid="jobs-list-row"] td:nth-child(3):before{content:'Health'}[data-testid="jobs-list-row"] td:nth-child(4):before{content:'Progress'}[data-testid="jobs-list-row"] td:nth-child(5):before{content:'Next action'}[data-testid="jobs-list-row"] td:nth-child(6):before{content:'Owner'}[data-testid="jobs-list-row"] td:nth-child(7):before{content:'Due'}[data-testid="opportunities-list-row"] td:nth-child(2):before{content:'Customer'}[data-testid="opportunities-list-row"] td:nth-child(3):before{content:'Template'}[data-testid="opportunities-list-row"] td:nth-child(4):before{content:'Stage'}[data-testid="opportunities-list-row"] td:nth-child(5):before{content:'Owner'}[data-testid="opportunities-list-row"] td:nth-child(6):before{content:'Value'}[data-testid="opportunities-list-row"] td:nth-child(7):before{content:'Due'}[data-testid="global-task-row"] td:nth-child(2):before{content:'Project'}[data-testid="global-task-row"] td:nth-child(3):before{content:'Milestone'}[data-testid="global-task-row"] td:nth-child(4):before{content:'Status'}[data-testid="global-task-row"] td:nth-child(5):before{content:'Assignee'}[data-testid="global-task-row"] td:nth-child(6):before{content:'Priority'}[data-testid="global-task-row"] td:nth-child(7):before{content:'Due'}}
@media(max-width:760px){.table-panel:has([data-testid="jobs-list-row"]) thead,.table-panel:has([data-testid="opportunities-list-row"]) thead,.table-panel:has([data-testid="global-task-row"]) thead{display:table-header-group;position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}
.workflow-card-move{border-top:1px solid var(--border-default,#e5e7eb);padding:8px 12px 10px}.workflow-card-move summary{cursor:pointer;color:var(--primary,#405de6);font-size:13px;font-weight:700}.workflow-card-move-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end;margin-top:9px}.workflow-card-move-form label{grid-column:1/-1;font-size:12px;font-weight:700;color:var(--text-muted,#687386)}.workflow-card-move-form select{min-width:0}.workflow-card-move-status{min-height:1.25em;margin:7px 0 0;font-size:12px;color:var(--text-muted,#687386)}

/* Template Studio: progressive disclosure for secondary checklist authoring. */
.template-inline-add-details{margin-top:12px;border:1px solid var(--border,#dfe4ea);border-radius:10px;background:var(--panel,#fff)}.template-inline-add-details>summary{display:flex;align-items:center;min-height:44px;padding:0 12px;cursor:pointer;font-size:13px;font-weight:700;color:var(--primary,#405de6)}.template-inline-add-details>summary:focus-visible{outline:2px solid var(--focus-ring,#4d7cff);outline-offset:2px}.template-inline-add-details[open]>summary{border-bottom:1px solid var(--border,#dfe4ea)}.template-inline-add-details>.inline-add{margin:0;padding:12px}.template-inline-add-details-compact{max-width:580px}.template-inline-add-details-compact>.inline-add{max-width:none}
.template-parent-add-details>summary{display:flex;align-items:center;min-height:44px;cursor:pointer;font-size:18px;font-weight:800;color:var(--text-primary,#1f2937)}.template-parent-add-details>summary:focus-visible{outline:2px solid var(--focus-ring,#4d7cff);outline-offset:2px}.template-parent-add-details[open]>summary{margin-bottom:12px}.template-parent-add-details>.form-grid{margin:0}

/* Template authoring uses native disclosures so form actions remain real forms
   without JavaScript. Give every closed and open state the same clear cue. */
.template-inline-add-details>summary,.template-parent-add-details>summary{justify-content:space-between;gap:10px;list-style:none}.template-inline-add-details>summary::-webkit-details-marker,.template-parent-add-details>summary::-webkit-details-marker{display:none}.template-inline-add-details>summary::after,.template-parent-add-details>summary::after{content:"+";flex:0 0 auto;width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--border,#dfe4ea);border-radius:50%;background:var(--surface-soft,#f6f8fb);font-size:17px;line-height:1;color:var(--primary,#405de6)}.template-inline-add-details[open]>summary::after,.template-parent-add-details[open]>summary::after{content:"−";border-color:var(--primary,#405de6);background:color-mix(in srgb,var(--primary,#405de6) 10%,var(--surface-soft,#f6f8fb))}.template-parent-add-details>summary{min-height:54px;padding:0 12px;border-radius:11px;background:var(--surface-soft,#f6f8fb)}.template-parent-add-details[open]>summary{margin-bottom:14px;background:var(--surface-soft,#f6f8fb)}@media(max-width:700px){.template-parent-add-details>summary{min-height:50px;font-size:16px}.template-inline-add-details>summary{min-height:46px}}
.milestone-template .task-add-details>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:0 12px;list-style:none;font-size:13px;font-weight:750;color:var(--primary,#405de6)}.milestone-template .task-add-details>summary::-webkit-details-marker{display:none}.milestone-template .task-add-details>summary::after{content:"⌄";flex:0 0 auto;width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--border,#dfe4ea);border-radius:50%;background:var(--surface-soft,#f6f8fb);font-size:16px;line-height:1}.milestone-template .task-add-details[open]>summary::after{content:"⌃";border-color:var(--primary,#405de6);background:color-mix(in srgb,var(--primary,#405de6) 10%,var(--surface-soft,#f6f8fb))}.milestone-template .task-add-details[open]>summary{border-bottom:1px solid var(--border,#dfe4ea)}.milestone-template .task-add-details>.form-grid{margin:0;padding:12px}@media(max-width:700px){.milestone-template .task-add-details>summary{min-height:46px}}
html[data-theme="dark"] .template-inline-add-details,html[data-theme="dark"] .milestone-template .task-add-details{background:var(--surface-raised);border-color:var(--border)}html[data-theme="dark"] .template-parent-add-details>summary{background:var(--surface-raised);color:var(--text-primary)}html[data-theme="dark"] .template-inline-add-details>summary::after,html[data-theme="dark"] .template-parent-add-details>summary::after,html[data-theme="dark"] .milestone-template .task-add-details>summary::after{background:var(--surface-panel);border-color:var(--border)}

/* Job Workspace Recovery: additive only; original CRM styles and routes remain intact. */
.jwr-command{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px;margin-bottom:18px;border:1px solid var(--border);border-radius:16px;background:var(--panel)}
.jwr-command h2{margin:6px 0}.jwr-command p{margin:0;color:var(--muted)}
.jwr-state{display:inline-flex;padding:5px 9px;border-radius:999px;background:var(--soft);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.jwr-meta{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;margin-bottom:18px;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--border)}
.jwr-meta>span{display:flex;flex-direction:column;gap:4px;padding:14px;background:var(--panel)}.jwr-meta small{color:var(--muted)}
.jwr-divergence-note{margin:0 0 16px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);color:var(--ink);font-size:13px;line-height:1.45}
.jwr-divergence-note small{display:block;margin-top:6px;color:var(--muted)}
.jwr-tabs{display:flex;gap:6px;overflow:auto;margin-bottom:18px;border-bottom:1px solid var(--border)}.jwr-tabs a{padding:12px 14px;border-bottom:2px solid transparent;color:var(--muted);white-space:nowrap}.jwr-tabs a.active{border-color:currentColor;color:var(--text);font-weight:700}
.jwr-checks{display:grid;gap:8px}.jwr-checks>div{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--border);border-radius:10px}.jwr-checks>div.done{opacity:.72}.jwr-checks small{margin-left:auto;color:var(--muted)}
.jwr-linked-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--border)}.jwr-linked-row div{display:flex;flex-direction:column;gap:3px}.jwr-linked-row small{color:var(--muted)}
.jwr-delivery-view-switch{margin:0 0 14px}.jwr-delivery-board{display:flex;gap:14px;overflow-x:auto;padding-bottom:4px}.jwr-delivery-column{width:260px;min-width:260px;border:1px solid var(--border);border-radius:12px;background:var(--surface-raised)}.jwr-delivery-column>header{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid var(--border)}.jwr-delivery-column>header span{padding:2px 8px;border-radius:999px;background:var(--surface-panel);font-size:12px}.jwr-delivery-column>div{display:grid;gap:8px;min-height:96px;padding:10px}.jwr-delivery-card{display:grid;gap:5px;padding:11px;border:1px solid var(--border);border-radius:9px;background:var(--surface-panel);color:var(--text);text-decoration:none}.jwr-delivery-card:hover{border-color:var(--accent);box-shadow:0 2px 8px rgba(16,24,40,.08)}.jwr-delivery-card small{color:var(--muted);font-size:12px}.jwr-delivery-card .badge{justify-self:start}
.jwr-note{padding:12px 0;border-bottom:1px solid var(--border)}.jwr-note small{display:block;color:var(--muted);margin-top:3px}.jwr-note p{margin-bottom:0}
.check-row{display:flex!important;align-items:center;gap:8px}
@media(max-width:900px){.jwr-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.jwr-command{align-items:flex-start;flex-direction:column}}

/* Job workflow experience v2.0.1 */
.workflow-attention-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:18px 0}.workflow-attention-card{display:block;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface);text-decoration:none;color:var(--ink)}.workflow-attention-card strong{display:block;font-size:28px;line-height:1;margin-bottom:7px}.workflow-attention-card span{font-size:12px;font-weight:800}.workflow-attention-card small{display:block;color:var(--muted);margin-top:5px}.job-health{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800}.job-health:before{content:'';width:9px;height:9px;border-radius:50%;background:#2e9d62}.job-health.waiting:before{background:#d89a22}.job-health.blocked:before{background:#c34b45}.job-progress{min-width:130px}.job-progress-bar{height:7px;background:var(--surface-2);border-radius:999px;overflow:hidden;margin-bottom:5px}.job-progress-bar>span{display:block;height:100%;background:var(--accent);border-radius:inherit}.job-next-action strong,.job-next-action small{display:block}.job-next-action small{color:var(--muted);margin-top:3px}.jwr-command-centre{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(270px,.55fr);gap:18px;margin-bottom:18px}.jwr-primary-action{padding:22px;border-radius:16px;background:#172033;color:#fff}.jwr-primary-action .jwr-state{color:#fff;background:rgba(255,255,255,.14)}.jwr-primary-action h2{margin:16px 0 8px;color:#fff}.jwr-primary-action p{color:rgba(255,255,255,.72)}.jwr-primary-action .btn.primary{background:#5f4ee8}.jwr-health-panel{padding:20px}.jwr-progress-number{font-size:34px;font-weight:900;margin:10px 0 8px}.jwr-blockers{display:grid;gap:9px;margin-top:14px}.jwr-blocker{display:flex;gap:9px;align-items:flex-start;padding:10px 12px;border-radius:10px;background:var(--surface-2);font-size:13px}.jwr-blocker span{font-weight:900}.attention-list{display:grid;gap:10px}.attention-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.attention-row:last-child{border-bottom:0}.attention-row strong,.attention-row small{display:block}.attention-row small{color:var(--muted);margin-top:4px}@media(max-width:1050px){.workflow-attention-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jwr-command-centre{grid-template-columns:1fr}}@media(max-width:700px){.workflow-attention-grid{grid-template-columns:1fr}.job-progress{min-width:100px}}

.jwr-primary-action{background:#17201c}
.jwr-primary-action .btn.primary{background:var(--accent)}
html[data-theme="dark"] .jwr-primary-action .btn.primary{background:#5f4ee8}
.work-summary{grid-template-columns:repeat(5,1fr)}
@media(max-width:650px){.work-summary{grid-template-columns:1fr 1fr}.work-summary>div:last-child{grid-column:1/-1}}
.jwr-five-second-summary{margin-bottom:18px;border:1px solid var(--border);border-radius:18px;background:var(--panel);overflow:hidden}.jwr-summary-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 22px;border-bottom:1px solid var(--border)}.jwr-summary-heading>div{min-width:0}.jwr-summary-heading small{display:block;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.06em}.jwr-summary-heading h2{margin:3px 0;font-size:clamp(1.35rem,3vw,2rem);overflow-wrap:anywhere}.jwr-summary-heading a{color:var(--muted)}.jwr-five-second-summary .jwr-command-centre{margin:0;padding:18px}.jwr-five-second-summary .jwr-health-panel{border:1px solid var(--border);border-radius:16px;background:var(--surface)}.jwr-five-second-summary .jwr-meta{grid-template-columns:repeat(4,minmax(0,1fr));margin:0;border-width:1px 0 0;border-radius:0}.jwr-primary-action>small{color:rgba(255,255,255,.7);font-weight:800;text-transform:uppercase;letter-spacing:.05em}.jwr-primary-action h3{margin:8px 0;color:#fff;font-size:1.45rem}
@media(max-width:900px){.jwr-five-second-summary .jwr-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.jwr-summary-heading{align-items:flex-start;padding:16px;flex-direction:column}.jwr-five-second-summary .jwr-command-centre{padding:12px}.jwr-five-second-summary .jwr-meta{grid-template-columns:1fr 1fr}.jwr-five-second-summary .jwr-meta>span:last-child{grid-column:1/-1}}

@media(min-width:1051px){.jwr-summary-details{display:contents}.jwr-summary-details>summary{display:none}.jwr-summary-details>.jwr-health-panel{display:block!important;grid-column:2}.jwr-summary-details>.jwr-meta{display:grid!important;grid-column:1/-1}}
@media(min-width:601px) and (max-width:1050px){.jwr-summary-details>summary{display:none}.jwr-summary-details>.jwr-health-panel{display:block!important}.jwr-summary-details>.jwr-meta{display:grid!important}}
@media(max-width:600px){.jwr-summary-details{border:1px solid var(--border);border-radius:12px;background:var(--surface)}.jwr-summary-details>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;cursor:pointer;font-weight:750;color:var(--ink)}.jwr-summary-details>summary::after{content:'Show';color:var(--muted);font-size:12px;font-weight:700}.jwr-summary-details[open]>summary{border-bottom:1px solid var(--border)}.jwr-summary-details[open]>summary::after{content:'Hide'}.jwr-summary-details>.jwr-health-panel{border:0;border-radius:0}.jwr-summary-details>.jwr-meta{margin:0;border-width:1px 0 0;border-radius:0}}

/* v2.2 workflow foundation */
.job-health.at-risk:before{background:#e16f2f}.job-health-reason{display:block;max-width:280px;margin-top:5px;color:var(--muted);line-height:1.35}.job-health-detail{margin:10px 0 4px;color:var(--ink);line-height:1.45}.jwr-health-panel>small{color:var(--muted)}.jwr-planned-action{display:grid;gap:3px;margin:14px 0;padding:10px 12px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(255,255,255,.08)}.jwr-planned-action small{color:rgba(255,255,255,.65)}.jwr-planned-action strong{color:#fff}.btn.is-submitting{opacity:.65;cursor:wait}

/* v2.2 workflow exception disclosure */
.jwr-override{border:1px solid var(--border);border-radius:10px;padding:.7rem .85rem;background:var(--surface-2)}
.jwr-override summary{cursor:pointer;font-weight:700}
.jwr-override[open] summary{margin-bottom:.7rem}
.jwr-override small{display:block;color:var(--muted);line-height:1.45}

.app-version-footer{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;justify-content:center;padding:.75rem 1.25rem 1.25rem;margin:0;color:var(--muted);font-size:.82rem;border-top:1px solid var(--line);background:transparent}
.app-version-footer a{color:var(--muted);text-decoration:underline;text-underline-offset:2px}
.app-version-footer a:hover{color:var(--ink)}
[data-theme=dark] .app-version-footer{border-top-color:rgba(255,255,255,.08);color:#9aa6bc}
[data-theme=dark] .app-version-footer a{color:#9aa6bc}
[data-theme=dark] .app-version-footer a:hover{color:#e8eefc}

/* Task 156: final interaction and surface contract.  Keep this last so older
   feature layers cannot reintroduce a light surface in the dark theme. */
:where(a,button,input,select,textarea,[role="button"]):focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 72%,white);outline-offset:3px}
:where(.nav-item,.record-tabs a,.jwr-tabs a,.project-tabs a,.settings-nav a,.view-switch a,.btn,.record-related-row,.record-list>a,.workflow-attention-card,.work-task-card>a,.clickup-project-row,.clickup-task-row,.board-project-card,.task-board-card,.feature-card,.file-card,.notification-row,.command-list a){transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}
.file-card>.file-card-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:12px;background:color-mix(in srgb,var(--accent) 14%,var(--surface-raised,var(--surface-2)));color:var(--accent);font-size:20px;line-height:1}
html[data-theme="dark"] .file-card>.file-card-icon{background:color-mix(in srgb,var(--accent) 20%,var(--surface-raised));color:var(--accent)}
/* Keep the Project Task list scannable on phones: title first, then two compact metadata rows. */
@media(max-width:700px){.clickup-task-row{grid-template-columns:minmax(0,1fr) auto;gap:7px 8px;padding:14px 15px}.clickup-task-row>div:first-child{grid-column:1/-1}.clickup-task-row>span:nth-child(2),.clickup-task-row>span:nth-child(4){display:inline-flex!important;align-items:center;width:max-content}.clickup-task-row>span:nth-child(2){grid-column:1;grid-row:2}.clickup-task-row>span:nth-child(4){grid-column:2;grid-row:2;justify-self:end}.clickup-task-row>span:nth-child(3),.clickup-task-row>span:nth-child(5){display:block!important;min-width:0;color:var(--text-muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clickup-task-row>span:nth-child(3){grid-column:1;grid-row:3}.clickup-task-row>span:nth-child(5){grid-column:2;grid-row:3;justify-self:end}}
html[data-theme="dark"]{
  --surface-panel:#10161d;
  --surface-raised:#18212b;
  --border:#2d3946;
  --panel-background:#10161d;
  --raised-background:#18212b;
  --border-default:#2d3946;
  --text-primary:#f2f5f8;
  --text-secondary:#b0bbc6;
  --text-muted:#8f9ba8;
}
html[data-theme="dark"] .topbar,
html[data-theme="dark"] .settings-save,
html[data-theme="dark"] .template-hero,
html[data-theme="dark"] .template-meta-form,
html[data-theme="dark"] .template-task,
html[data-theme="dark"] .security-note,
html[data-theme="dark"] .opportunity-stage,
html[data-theme="dark"] .decision-status,
html[data-theme="dark"] .submission,
html[data-theme="dark"] .file-card,
html[data-theme="dark"] .automation-flow article,
html[data-theme="dark"] .check-row,
html[data-theme="dark"] .health-card,
html[data-theme="dark"] .details div{background:var(--surface-panel)!important;color:var(--text-primary)!important;border-color:var(--border)!important}
html[data-theme="dark"] .template-hero,
html[data-theme="dark"] .template-task,
html[data-theme="dark"] .security-note,
html[data-theme="dark"] .opportunity-stage,
html[data-theme="dark"] .decision-status,
html[data-theme="dark"] .workflow-steps>div,
html[data-theme="dark"] .stage-number,
html[data-theme="dark"] .tag-cloud span,
html[data-theme="dark"] .ai-chat-modes{background:var(--surface-raised)!important;color:var(--text-primary)!important;border-color:var(--border)!important}
html[data-theme="dark"] .workflow-filter-bar,
html[data-theme="dark"] .workflow-column,
html[data-theme="dark"] .workflow-column>header span,
html[data-theme="dark"] .workflow-card{background:var(--surface-raised)!important;color:var(--text-primary)!important;border-color:var(--border)!important}
html[data-theme="dark"] .workflow-card a,
html[data-theme="dark"] .workflow-card small,
html[data-theme="dark"] .workflow-card span,
html[data-theme="dark"] .workflow-card em{color:var(--text-secondary)!important}
html[data-theme="dark"] .workflow-card:hover{background:#182431!important;border-color:#46586c!important}
html[data-theme="dark"] .automation-flow article span{background:#263340!important;color:var(--text-primary)!important}
html[data-theme="dark"] .command-search{border-color:var(--border)!important}
html[data-theme="dark"] .command-search button{background:var(--surface-2)!important;color:var(--ink)!important;border-color:var(--line)!important}
html[data-theme="dark"] .command-search button:hover{background:var(--icon-surface)!important;color:var(--icon-foreground)!important}
html[data-theme="dark"] .command-list small{color:var(--text-secondary)!important}
html[data-theme="dark"] .nav-item:hover,
html[data-theme="dark"] .nav-item.active,
html[data-theme="dark"] .record-tabs a:hover,
html[data-theme="dark"] .record-tabs a.active,
html[data-theme="dark"] .jwr-tabs a:hover,
html[data-theme="dark"] .jwr-tabs a.active,
html[data-theme="dark"] .project-tabs a:hover,
html[data-theme="dark"] .project-tabs a.active,
html[data-theme="dark"] .view-switch a:hover,
html[data-theme="dark"] .view-switch a.active,
html[data-theme="dark"] .settings-nav a:hover,
html[data-theme="dark"] .settings-nav a.active{background:#253243!important;color:#f5f1ff!important;border-color:#b9a8ff!important}
html[data-theme="dark"] .record-related-row:hover,
html[data-theme="dark"] .record-list>a:hover,
html[data-theme="dark"] .work-task-card:hover,
html[data-theme="dark"] .workflow-attention-card:hover,
html[data-theme="dark"] .clickup-project-row:hover,
html[data-theme="dark"] .clickup-task-row:hover,
html[data-theme="dark"] .board-project-card:hover,
html[data-theme="dark"] .task-board-card:hover,
html[data-theme="dark"] .feature-card:hover,
html[data-theme="dark"] .file-card:hover,
html[data-theme="dark"] .notification-row:hover{background:#182431!important;color:var(--text-primary)!important;border-color:#46586c!important}
html[data-theme="dark"] .btn:not(.primary):hover,
html[data-theme="dark"] .work-actions button:hover,
html[data-theme="dark"] .notification-button:hover,
html[data-theme="dark"] .theme-toggle:hover{background:#263340!important;color:#fff!important;border-color:#61758a!important}
html[data-theme="dark"] :is(input,select,textarea):focus{border-color:#b9a8ff!important;box-shadow:0 0 0 3px rgba(185,168,255,.24)!important}
html[data-theme="dark"] .alert.warning{background:#312711!important;color:#f5d58a!important;border-color:#886d2a!important}
html[data-theme="dark"] .alert.error{background:#351c21!important;color:#ffb9c0!important;border-color:#8f4b55!important}
html[data-theme="dark"] .callout.warning{background:#312711!important;color:#f5d58a!important;border-color:#886d2a!important}
@media(max-width:760px){.app-version-footer{padding:.65rem 1rem 1rem;font-size:.78rem}}

/* Task 174: make every Job destination and Delivery board stage discoverable on mobile. */
.jwr-delivery-board-help{display:none;margin:0 0 10px;color:var(--muted);font-size:13px;line-height:1.45}
.jwr-delivery-board:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 72%,white);outline-offset:3px}
@media(max-width:600px){
  .jwr-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;overflow:visible;padding-bottom:4px}
  .jwr-tabs a{min-width:0;padding:10px 4px;text-align:center}
  .jwr-delivery-board-help{display:block}
  .jwr-delivery-board{scroll-snap-type:x mandatory;scroll-padding-inline:0;overscroll-behavior-x:contain;padding:0 28px 12px 0;scrollbar-width:thin}
  .jwr-delivery-column{flex:0 0 calc(100% - 28px);width:calc(100% - 28px);min-width:calc(100% - 28px);scroll-snap-align:start}
}

/* Task 175: make workflow identity, status and mutation actions unambiguous. */
.jwr-current-action-note{display:inline-flex;margin-top:14px;padding:8px 11px;border:1px solid rgba(255,255,255,.34);border-radius:9px;color:#fff;font-size:13px;font-weight:750}
.jwr-delivery-task-actions{padding:0;overflow:hidden}.jwr-delivery-task-actions>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 22px;cursor:pointer;list-style:none;font-weight:850}.jwr-delivery-task-actions>summary::-webkit-details-marker{display:none}.jwr-delivery-task-actions>summary small{color:var(--muted);font-size:12px;font-weight:700}.jwr-delivery-task-actions[open]>summary{border-bottom:1px solid var(--border,var(--line));background:var(--surface-raised,var(--surface-2));color:var(--text-primary,var(--ink))}.jwr-delivery-task-actions-body{padding:18px 22px 22px}.jwr-delivery-task-actions-body>p{margin:0 0 14px;color:var(--muted);font-size:13px;line-height:1.45}
.jwr-checks{gap:16px}
.jwr-checks>.scope-item{display:grid;gap:16px;padding:18px;border:1px solid var(--border,var(--line));border-radius:14px;background:var(--surface-raised,var(--surface-2))}
.jwr-checks>.scope-item.done{border-color:color-mix(in srgb,var(--accent) 45%,var(--border,var(--line)))}
.jwr-scope-request-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:start}
.jwr-scope-request-state{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--surface-panel,var(--surface));font-weight:900}
.jwr-scope-request-identity{display:grid;gap:3px;min-width:0}
.jwr-scope-request-identity strong{font-size:16px;overflow-wrap:anywhere}
.jwr-scope-request-identity>span,.jwr-scope-request-identity small{margin:0;color:var(--muted);font-size:12px}
.jwr-scope-request-head>.badge{margin:0;white-space:nowrap}
.jwr-scope-request-details,.jwr-scope-create{border:1px solid var(--border,var(--line));border-radius:11px;background:var(--surface-panel,var(--surface))}
.jwr-scope-request-details>summary,.jwr-scope-create>summary{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;color:var(--text-primary);font-weight:800;list-style:none}
.jwr-scope-request-details>summary::-webkit-details-marker,.jwr-scope-create>summary::-webkit-details-marker{display:none}
.jwr-scope-request-details>summary::before,.jwr-scope-create>summary::before{content:'+';display:grid;place-items:center;flex:0 0 20px;width:20px;height:20px;border-radius:6px;background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent);font-size:16px;line-height:1;font-weight:900}
.jwr-scope-request-details[open]>summary::before,.jwr-scope-create[open]>summary::before{content:'−'}
.jwr-scope-request-details>summary small,.jwr-scope-create>summary small{margin-left:auto;color:var(--muted);font-size:12px;font-weight:650;text-align:right}
.jwr-scope-request-details>summary:focus-visible,.jwr-scope-create>summary:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:3px;border-radius:8px}
.jwr-scope-request-details[open],.jwr-scope-create[open]{border-color:color-mix(in srgb,var(--accent) 48%,var(--border,var(--line)))}
.jwr-scope-request-details-body{display:grid;gap:16px;padding:0 14px 14px}
.jwr-scope-create{display:block;margin-top:16px}
.jwr-scope-create .stack-form{margin:0;padding:0 14px 14px}
.jwr-scope-response-summary{padding:12px 14px;border-radius:10px;background:var(--surface-panel,var(--surface))}
.jwr-scope-response-summary h3,.jwr-scope-action-group h3{margin:0 0 8px;font-size:14px}
.jwr-scope-response-summary small{margin:0;color:var(--muted)}
.jwr-scope-response-summary .scope-files{margin:0;padding-left:20px}
.jwr-scope-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.jwr-scope-action-group.is-primary{order:-1}
.jwr-scope-action-group{padding:14px;border:1px solid var(--border,var(--line));border-radius:11px;background:var(--surface-panel,var(--surface))}
.jwr-scope-action-group.is-primary{border-color:color-mix(in srgb,var(--accent) 48%,var(--border,var(--line)));background:color-mix(in srgb,var(--accent) 5%,var(--surface-panel,var(--surface)))}
.jwr-scope-action-details>summary{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;cursor:pointer;font-weight:800;list-style:none}
.jwr-scope-action-details>summary::-webkit-details-marker{display:none}
.jwr-scope-action-details>summary::after{content:'+';display:grid;place-items:center;flex:0 0 20px;width:20px;height:20px;border-radius:6px;background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent);font-size:16px;line-height:1;font-weight:900}
.jwr-scope-action-details[open]>summary::after{content:'−'}
.jwr-scope-action-details>summary span{min-width:0}
.jwr-scope-action-details>summary small{color:var(--muted);font-size:12px;font-weight:650;text-align:right}
.jwr-scope-action-details-body{display:grid;gap:10px;padding-top:12px}
.jwr-scope-action-details-body h3{margin:0}
.jwr-scope-action-details>summary:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:3px;border-radius:8px}
.scope-upload-form,.scope-review-form{display:grid;gap:9px;margin:0}
.scope-upload-form label,.scope-review-form label{display:grid;gap:5px;margin:0;color:var(--muted);font-size:12px;font-weight:700}
.jwr-scope-field-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:end}
.jwr-scope-field-row input[type=file]{min-width:0;width:100%}
.scope-review-form{grid-template-columns:minmax(150px,.7fr) minmax(240px,1.3fr) auto;align-items:end}
.scope-review-form .scope-review-reason{min-width:0}
.scope-review-form input,.scope-review-form select{width:100%;min-width:0}
.jwr-quote-actions{margin-top:18px;padding-top:4px}
.jwr-quote-action-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.quote-status-action{gap:10px;margin:0;padding:15px;border:1px solid var(--border,var(--line));border-radius:12px;background:var(--surface-panel,var(--surface))}
.quote-status-action.is-primary{grid-column:1/-1;border-color:color-mix(in srgb,var(--accent) 60%,var(--border,var(--line)));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 25%,transparent)}
.quote-status-action.is-secondary{background:var(--surface-raised,var(--surface-2))}
.quote-status-action.is-terminal{border-style:dashed}
.quote-status-action .btn{justify-self:start}
.jwr-action-kicker{color:var(--muted);font-size:11px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}
.quote-status-action.is-primary .jwr-action-kicker{color:var(--accent)}
.work-actions{align-items:center;flex-wrap:wrap}
.work-actions-label{color:var(--text-muted);font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.work-actions button{font-weight:750}
.work-actions button.work-action-primary{background:var(--accent);border-color:var(--accent);color:#fff}
.work-actions button.work-action-primary:hover{filter:brightness(1.08)}
.work-task-card>a{min-width:0}.work-actions{position:relative;display:block;margin-left:12px}.work-actions summary{list-style:none;border:1px solid var(--border);background:var(--surface-raised);color:var(--text-secondary);border-radius:8px;padding:6px 9px;cursor:pointer;font-size:12px;font-weight:750;white-space:nowrap}.work-actions summary::-webkit-details-marker{display:none}.work-actions[open] summary{border-color:var(--accent);color:var(--text-primary)}.work-actions-menu{position:absolute;z-index:12;right:0;top:calc(100% + 6px);display:grid;gap:6px;min-width:170px;padding:8px;border:1px solid var(--border);border-radius:10px;background:var(--surface-panel);box-shadow:var(--shadow)}.work-actions-menu form{margin:0}.work-actions-menu button{width:100%;text-align:left}.my-work-overflow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--surface-raised)}.my-work-overflow p{margin:0;color:var(--text-secondary);font-size:13px}.my-work-overflow a{font-weight:800;white-space:nowrap}
.work-job-card{border-bottom:1px solid var(--border)}
.work-job-card>a{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:start;gap:11px;padding:14px 16px;text-decoration:none;color:var(--text-primary)}
.work-job-card>a:hover{background:var(--surface-raised)}
.work-job-marker{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent);font-weight:900}
.work-job-card strong,.work-job-card span,.work-job-card p{display:block}
.work-job-card p{margin:5px 0;color:var(--text-secondary)}
.work-job-card small{color:var(--text-muted)}
.work-job-health{margin-top:5px;color:var(--text-secondary);font-size:12px;font-weight:750}
.work-job-details{margin:0;padding:0 16px 14px 55px}.work-job-details summary{cursor:pointer;color:var(--accent);font-size:12px;font-weight:800}.work-job-details p{margin:7px 0 4px}.work-job-details small{display:block}
.work-job-card .work-item-type{color:var(--accent);font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
html[data-theme="dark"] .work-job-card>a{color:var(--text-primary)}
@media(max-width:650px){.work-job-card>a{grid-template-columns:28px minmax(0,1fr)}.work-job-card .work-date{grid-column:2}.work-job-details{padding-top:2px}.work-job-details summary{display:inline-flex;align-items:center;min-height:28px}.work-job-details[open] summary{margin-bottom:5px}.work-job-details[open]{padding-top:6px;border-top:1px solid var(--border)}}
@media(max-width:760px){
  .jwr-scope-action-grid,.jwr-quote-action-list{grid-template-columns:1fr}
  .scope-review-form{grid-template-columns:1fr}
  .quote-status-action.is-primary{grid-column:auto}
  .jwr-delivery-task-actions>summary{padding:16px}
  .jwr-delivery-task-actions-body{padding:16px}
}
@media(max-width:520px){
  .jwr-checks>.scope-item{padding:14px}
  .jwr-scope-request-head{grid-template-columns:auto minmax(0,1fr)}
  .jwr-scope-request-head>.badge{grid-column:2;justify-self:start}
  .jwr-scope-request-details>summary,.jwr-scope-create>summary{align-items:flex-start}
  .jwr-scope-request-details>summary small,.jwr-scope-create>summary small{display:none}
  .jwr-scope-field-row{grid-template-columns:1fr}
  .jwr-scope-action-details>summary small{display:none}
  .work-actions{margin-left:19px}
}

.settings-technical{padding:0 24px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--panel) 96%,var(--accent) 4%)}
.settings-technical summary{cursor:pointer;padding:14px 0;color:var(--muted);font-size:13px;font-weight:750;list-style-position:inside}
.settings-technical summary:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:4px;border-radius:6px}
.settings-technical-body{padding:0 0 18px}
.settings-technical-body>p{margin:0 0 12px;color:var(--muted);font-size:13px}
.settings-key-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;margin:0}
.settings-key-list>div{min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}
.settings-key-list dt{color:var(--muted);font-size:12px}
.settings-key-list dd{margin:4px 0 0;overflow-wrap:anywhere}
.settings-key-list code{font-size:11px;color:var(--ink)}
html[data-theme="dark"] .settings-technical{background:#111820}
html[data-theme="dark"] .settings-key-list>div{background:#0c1117}

/* Accessibility display tools: browser-local preferences with a full-height
   drawer, quick presets and display modes inspired by the Sales Kit. */
:root{--access-font-scale:1;--access-line-height:1.5;--access-letter-spacing:0em}
body.accessibility-panel-open{overflow:hidden}
.accessibility-preferences{position:relative}
.accessibility-preferences>summary{display:flex;align-items:center;justify-content:center;gap:7px;width:auto;min-width:42px;padding:0 12px;list-style:none;font-size:14px;font-weight:750}
.accessibility-preferences>summary::-webkit-details-marker{display:none}
.accessibility-preferences>summary.is-active{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:color-mix(in srgb,var(--accent) 12%,var(--surface-2));color:var(--accent)}
.accessibility-preferences[open]>summary{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent)}
.accessibility-preferences[open]::before{content:"";position:fixed;inset:0;z-index:78;background:rgba(4,8,13,.62);backdrop-filter:blur(2px)}
.accessibility-preferences-panel{position:fixed;top:0;right:0;z-index:80;display:flex;flex-direction:column;width:min(520px,100vw);height:100dvh;overflow:hidden;border:0;border-left:1px solid var(--line);background:var(--panel);color:var(--ink);box-shadow:-24px 0 70px rgba(0,0,0,.28);font-size:16px;letter-spacing:normal;line-height:1.5}
.accessibility-preferences-panel>header{position:sticky;top:0;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:24px;border-bottom:1px solid var(--line);background:var(--panel)}
.accessibility-preferences-panel>header h2{margin:4px 0 3px;font-size:24px;letter-spacing:-.025em}
.accessibility-preferences-panel>header p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}
.accessibility-close{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;padding:0;border:1px solid var(--line);border-radius:11px;background:var(--surface-2);color:var(--ink);font:inherit;font-size:25px;line-height:1;cursor:pointer}
.accessibility-close:hover{border-color:var(--accent);color:var(--accent)}
.accessibility-preferences-body{display:grid;gap:16px;padding:20px 24px 30px;overflow-y:auto;overscroll-behavior:contain}
.accessibility-preferences-body>section{display:grid;gap:14px;padding:18px;border:1px solid var(--line);border-radius:15px;background:var(--surface-2)}
.accessibility-mode-toggle,.accessibility-switch-list>label{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 16px;border:1px solid var(--line);border-radius:13px;background:var(--surface);cursor:pointer}
.accessibility-mode-toggle>span,.accessibility-switch-list>label>span{display:block;min-width:0}
.accessibility-mode-toggle b{display:inline-flex;margin-bottom:5px;padding:3px 8px;border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}
.accessibility-mode-toggle strong,.accessibility-switch-list strong{display:block;font-size:14px}
.accessibility-mode-toggle small,.accessibility-switch-list small{display:block;margin-top:3px;color:var(--muted);font-size:12px;line-height:1.4}
.accessibility-preferences-panel input{accent-color:var(--accent)}
.accessibility-preferences-panel input[role="switch"]{appearance:none;position:relative;flex:0 0 46px;width:46px;height:26px;margin:0;border:1px solid var(--line);border-radius:999px;background:var(--muted);cursor:pointer;transition:background .16s ease,border-color .16s ease}
.accessibility-preferences-panel input[role="switch"]::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.28);transition:transform .16s ease}
.accessibility-preferences-panel input[role="switch"]:checked{border-color:var(--accent);background:var(--accent)}
.accessibility-preferences-panel input[role="switch"]:checked::after{transform:translateX(20px)}
.accessibility-section-head h3{margin:0;font-size:16px}
.accessibility-section-head p{margin:3px 0 0;color:var(--muted);font-size:12px;line-height:1.4}
.accessibility-preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.accessibility-preset-grid button{display:grid;gap:3px;min-width:0;min-height:72px;padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.accessibility-preset-grid button:hover,.accessibility-preset-grid button:focus-visible{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface))}
.accessibility-preset-grid button strong{font-size:13px}
.accessibility-preset-grid button small{color:var(--muted);font-size:11px;line-height:1.35}
.accessibility-preferences-panel fieldset{margin:0;padding:0;border:0}
.accessibility-preferences-panel legend{margin-bottom:8px;font-size:13px;font-weight:800}
.accessibility-radio-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.accessibility-radio-row label{display:flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:8px;border:1px solid var(--line);border-radius:9px;background:var(--surface);font-size:12px;font-weight:750;cursor:pointer}
.accessibility-radio-row label:has(input:checked){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 11%,var(--surface));color:var(--accent)}
.accessibility-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.accessibility-control-grid>label{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 8px;min-width:0;color:var(--ink);font-size:12px;font-weight:800}
.accessibility-control-grid output{color:var(--accent);font-variant-numeric:tabular-nums}
.accessibility-control-grid input[type="range"],.accessibility-control-grid select{grid-column:1/-1;width:100%}
.accessibility-control-grid select{min-height:42px;padding:8px 30px 8px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);font:inherit;font-weight:600}
.accessibility-switch-list{display:grid;gap:8px}
.accessibility-actions{display:flex;align-items:center;justify-content:space-between;gap:15px}
.accessibility-actions small{color:var(--muted);font-size:11px;text-align:right}
.accessibility-actions kbd{display:inline-block;min-width:24px;padding:2px 5px;border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;background:var(--surface-2);color:var(--ink);font:inherit;font-size:10px;text-align:center}

/* Apply reading preferences to the CRM workspace while leaving the drawer at
   a predictable size so the controls themselves remain usable. */
html[data-accessibility-enabled="true"] .workspace{font-size:calc(16px * var(--access-font-scale));line-height:var(--access-line-height);letter-spacing:var(--access-letter-spacing)}
html[data-accessibility-enabled="true"] .workspace :is(input,select,textarea,button){line-height:var(--access-line-height)}
html[data-accessibility-enabled="true"] .accessibility-preferences-panel{font-size:16px;line-height:1.5;letter-spacing:normal}
html[data-access-reading-width="comfortable"] .main>*{max-width:1440px;margin-inline:auto}
html[data-access-reading-width="narrow"] .main>*{max-width:1040px;margin-inline:auto}
html[data-access-large-controls="true"] :is(.btn,.icon-btn,button,input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea){min-height:50px}
html[data-access-large-controls="true"] .sidebar a{min-height:50px;padding-block:13px}
html[data-access-simplified="true"] .main :is(.grid.two,.grid.three,.stat-grid,.feature-grid,.project-grid,.form-grid,.approval-layout,.files-layout,.catalogue-layout,.dashboard-grid,.blueprint-preview-grid,.blueprint-preview-summary){grid-template-columns:minmax(0,1fr)!important}
html[data-access-simplified="true"] .main .span-2{grid-column:auto!important}
html[data-access-simplified="true"] .main{padding-inline:max(18px,4vw)}

/* Colour presets deliberately override the selected light/dark theme. */
html[data-access-contrast="high-light"]{color-scheme:light;--bg:#fff;--panel:#fff;--surface:#fff;--surface-2:#f1f4f7;--surface-raised:#fff;--ink:#000;--muted:#303942;--line:#000;--border:#000;--accent:#0046b8;--accent2:#003485;--nav:#000;--navText:#fff;--icon-surface:#000;--icon-foreground:#fff}
html[data-access-contrast="high-dark"]{color-scheme:dark;--bg:#000;--panel:#000;--surface:#000;--surface-2:#111;--surface-raised:#080808;--ink:#fff;--muted:#e0e0e0;--line:#fff;--border:#fff;--accent:#ffe600;--accent2:#fff36a;--nav:#000;--navText:#fff;--icon-surface:#fff;--icon-foreground:#000}
html[data-access-contrast="soft-light"]{color-scheme:light;--bg:#f2eee5;--panel:#fffdf8;--surface:#fffdf8;--surface-2:#e9e3d7;--surface-raised:#fffaf0;--ink:#24211d;--muted:#5f584f;--line:#8b8173;--border:#8b8173;--nav:#2b2926;--navText:#fffaf0}
html[data-access-contrast="reduced-glare"]{color-scheme:dark;--bg:#181818;--panel:#202020;--surface:#202020;--surface-2:#2b2b2b;--surface-raised:#262626;--ink:#f1e6cd;--muted:#c6baa3;--line:#766d5e;--border:#766d5e;--accent:#ffc857;--accent2:#ffe199;--nav:#111;--navText:#f1e6cd;--icon-surface:#3b372f;--icon-foreground:#ffc857}
html[data-access-contrast]:not([data-access-contrast="standard"]) :is(body,.workspace,.main){background:var(--bg)!important;color:var(--ink)!important}
html[data-access-contrast]:not([data-access-contrast="standard"]) :is(.panel,.card,.form-card,.table-wrap,.feature-card,.stat-card,.empty-state,.command-box,.accessibility-preferences-panel){background:var(--panel)!important;color:var(--ink)!important;border-color:var(--line)!important}
html[data-access-contrast]:not([data-access-contrast="standard"]) :is(input,select,textarea,.btn.ghost,.icon-btn){background:var(--surface-2)!important;color:var(--ink)!important;border-color:var(--line)!important}
html[data-access-contrast]:not([data-access-contrast="standard"]) :is(.sidebar,.sidebar-foot){background:var(--nav)!important;color:var(--navText)!important}
html[data-access-contrast]:not([data-access-contrast="standard"]) :is(.muted,small,.page-head p){color:var(--muted)!important}
html[data-access-contrast]:not([data-access-contrast="standard"]) a:not(.btn){text-decoration-thickness:2px;text-underline-offset:3px}

html[data-reduced-motion="true"] *,html[data-reduced-motion="true"] *::before,html[data-reduced-motion="true"] *::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
@media(max-width:760px){.accessibility-preferences>summary{width:42px;padding:0}.accessibility-preferences-label{display:none}.accessibility-preferences-panel{width:100vw;border-left:0}.accessibility-preferences-panel>header{padding:20px 18px}.accessibility-preferences-body{padding:16px 18px 24px}.accessibility-control-grid,.accessibility-preset-grid{grid-template-columns:1fr}.accessibility-actions{align-items:stretch;flex-direction:column}.accessibility-actions .btn{width:100%;justify-content:center}.accessibility-actions small{text-align:center}}

/* Task 183: reusable pointer- and keyboard-visible shell tooltips. */
.ui-tooltip{position:relative}.ui-tooltip::after{content:attr(data-tooltip);position:absolute;top:calc(100% + 8px);left:50%;z-index:120;max-width:min(240px,80vw);padding:6px 9px;border:1px solid var(--line);border-radius:8px;background:var(--ink);color:var(--panel);box-shadow:var(--shadow);font-size:11px;font-weight:700;line-height:1.25;white-space:normal;width:max-content;opacity:0;visibility:hidden;transform:translate(-50%,-3px);transition:opacity .14s ease,transform .14s ease,visibility .14s ease;pointer-events:none}.ui-tooltip[data-tooltip-position="left"]::after{right:0;left:auto;transform:translateY(-3px)}.ui-tooltip[data-tooltip-position="right"]::after{right:auto;left:0;transform:translateY(-3px)}.ui-tooltip:hover::after,.ui-tooltip:focus-visible::after{opacity:1;visibility:visible;transform:translate(-50%,0)}.ui-tooltip[data-tooltip-position="left"]:hover::after,.ui-tooltip[data-tooltip-position="left"]:focus-visible::after,.ui-tooltip[data-tooltip-position="right"]:hover::after,.ui-tooltip[data-tooltip-position="right"]:focus-visible::after{transform:translateY(0)}.accessibility-preferences[open]>summary::after{display:none}html[data-theme="dark"] .ui-tooltip::after{border-color:#46586c;background:#edf2f7;color:#10161d}
@media(hover:none) and (pointer:coarse){.ui-tooltip:not(:focus-visible)::after{display:none}}

/* Task 184: restartable Job-first onboarding guide. */
.onboarding-modal{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(7,12,24,.64);backdrop-filter:blur(7px)}.onboarding-modal.open{display:flex}.onboarding-card{position:relative;width:min(560px,100%);padding:30px;border:1px solid var(--line);border-radius:22px;background:var(--panel);box-shadow:0 30px 90px rgba(0,0,0,.34)}.onboarding-close{position:absolute;top:16px;right:16px;width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--ink);font-size:22px;cursor:pointer}.onboarding-step-line{display:flex;justify-content:space-between;gap:20px;padding-right:44px;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.onboarding-progress{height:6px;margin:14px 44px 24px 0;overflow:hidden;border-radius:99px;background:var(--surface-2)}.onboarding-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .18s ease}.onboarding-card h2{margin:0 0 12px;font-size:clamp(25px,4vw,34px);line-height:1.08;outline:0}.onboarding-card p{min-height:3.2em;margin:0;color:var(--muted);font-size:16px;line-height:1.6}.onboarding-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:28px}.onboarding-actions>div{display:flex;gap:10px}.onboarding-actions button:disabled{opacity:.45;cursor:not-allowed}body.onboarding-active{overflow:hidden}html[data-theme="dark"] .onboarding-card{background:var(--surface-panel);border-color:var(--border)}html[data-theme="dark"] .onboarding-close{background:var(--surface-raised);border-color:var(--border);color:var(--text-primary)}
@media(max-width:760px){.onboarding-modal{align-items:flex-end;padding:12px}.onboarding-card{padding:25px 20px 20px;border-radius:20px}.onboarding-step-line{padding-right:40px}.onboarding-progress{margin-right:40px}.onboarding-card p{min-height:5em}.onboarding-actions{align-items:stretch;flex-direction:column-reverse}.onboarding-actions>button,.onboarding-actions>div{width:100%}.onboarding-actions>div button{flex:1}}

/* Keep recovery guidance readable when the shared empty-state layout wraps. */
.app-error-page .app-error-message{min-width:0}
.app-error-page .app-error-actions{flex:0 0 auto;margin-top:0}
@media(max-width:600px){
  .app-error-page{align-items:flex-start;flex-wrap:wrap}
  .app-error-page .app-error-message{flex:1 1 calc(100% - 52px)}
  .app-error-page .app-error-actions{flex:1 0 100%;justify-content:stretch;margin-top:2px}
  .app-error-page .app-error-actions .btn{flex:1}
}

/* The File Library's mobile grid must be allowed to shrink around the real
   viewport. Native file controls otherwise give its panels a desktop-sized
   min-content width which the shell's overflow guard hides. */
@media(max-width:720px){
  .files-layout>.panel,.files-layout .stack-form,.files-layout .stack-form>label{min-width:0}
  .files-layout .stack-form :is(input,select,textarea){min-width:0;max-width:100%}
}

/* Keep daily work wide enough on tablet portrait and small laptop screens. */
@media(max-width:1100px){
  .sidebar{transform:translateX(-100%)}
  .nav-open .sidebar{transform:translateX(0)}
  body.sidebar-mini .workspace,.workspace{margin-left:0!important;width:100%!important}
  .mobile-menu{display:inline-flex}
}

@media(max-width:600px){
  .jwr-summary-heading{gap:8px;padding:12px 14px}
  .jwr-summary-heading small{display:none}
  .jwr-summary-heading h2{font-size:1.25rem}
  .jwr-five-second-summary .jwr-command-centre{gap:8px;padding:8px}
  .jwr-primary-action{padding:16px}
  .jwr-primary-action h3{margin:6px 0;font-size:1.2rem}
  .jwr-primary-action p{margin:6px 0}
  .jwr-planned-action{margin:8px 0;padding:8px 10px}
  .jwr-tabs{display:flex;gap:0;overflow-x:auto;margin-bottom:12px;padding-bottom:0;scrollbar-width:thin}
  .jwr-tabs a{flex:0 0 auto;padding:10px 12px}
}

/* Keyboard active state for the persistent global search combobox. */
.search-results [role="option"][aria-selected="true"]{background:color-mix(in srgb,var(--accent) 13%,var(--panel));outline:2px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:-2px}
html[data-theme="dark"] .search-results [role="option"][aria-selected="true"]{background:color-mix(in srgb,var(--accent) 28%,var(--surface-raised));color:var(--text-primary)}

/* Keep the accepted Quote truth readable rather than squeezing it into one metadata cell. */
.jwr-meta.has-accepted-quote [data-testid="job-summary-commercial-value"]{grid-column:1/-1}
.jwr-meta [data-testid="job-summary-accepted-quote"]{color:var(--accent);font-weight:800;text-decoration:underline;text-underline-offset:2px}
.jwr-meta [data-testid="job-summary-accepted-quote-breakdown"]{line-height:1.4;overflow-wrap:anywhere}

/* A manual Scope request is a full form, not one small item inside an empty-state row. */
.jwr-scope-empty{align-items:stretch;flex-wrap:wrap}
.jwr-scope-empty-intro,.jwr-scope-empty .stack-form{flex:1 1 100%;min-width:0}
.jwr-scope-empty .stack-form{margin-top:4px}
@media(max-width:600px){
  .jwr-scope-empty{display:block}
  .jwr-scope-empty .stack-form{margin-top:16px}
  .jwr-scope-empty .stack-form .btn{width:100%}
}

/* Customer tabs explain the authoritative next step before their empty list. */
.customer-empty-guidance{display:grid;gap:10px;margin-bottom:16px}
.customer-empty-guidance h2,.customer-empty-guidance p{margin:0}
.customer-empty-guidance p{color:var(--text-secondary)}
.customer-empty-guidance .btn{justify-self:start}
.customer-empty-guidance + .panel{display:none}
@media(max-width:600px){.customer-empty-guidance .btn{width:100%;justify-content:center}}

.delivery-setup-alert{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;border-color:#d92d20;background:#fff4f2}.delivery-setup-alert h2{margin:0 0 6px;color:#b42318}.delivery-setup-alert p{margin:0;color:#7a271a}.delivery-setup-alert ul{margin:10px 0 0;padding-left:20px;color:#7a271a;font-weight:700}.delivery-setup-alert .btn{flex:0 0 auto}.task-detail-v2 [data-testid="project-task-files"] .stack-form{margin-top:16px}.task-detail-v2 [data-testid="project-task-files"] .file-grid{margin-top:12px}@media(max-width:650px){.delivery-setup-alert{flex-direction:column}.delivery-setup-alert .btn{width:100%;justify-content:center}}html[data-theme="dark"] .delivery-setup-alert{border-color:#f97066;background:#3b1717}html[data-theme="dark"] .delivery-setup-alert h2,html[data-theme="dark"] .delivery-setup-alert p,html[data-theme="dark"] .delivery-setup-alert ul{color:#fecdca}
.project-delivery-settings{grid-column:2;grid-row:1}.project-layout>.span-main{grid-column:1;grid-row:1}@media(max-width:1050px){.project-delivery-settings,.project-layout>.span-main{grid-column:auto;grid-row:auto}.project-delivery-settings{order:-1}}

/* The Project workspace is a Job Delivery surface. Keep the shell h1 for
   assistive technology, but do not visually repeat its inherited Opportunity
   subtitle or action above the authoritative Job-first workspace header. */
.main:has(.project-workspace-head [data-testid="project-job-context"])>.page-head{margin:0;min-height:0}.main:has(.project-workspace-head [data-testid="project-job-context"])>.page-head .eyebrow,.main:has(.project-workspace-head [data-testid="project-job-context"])>.page-head p,.main:has(.project-workspace-head [data-testid="project-job-context"])>.page-head .page-actions{display:none}.main:has(.project-workspace-head [data-testid="project-job-context"])>.page-head h1{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Profitability uses an explicit exception summary so the count never runs into its context. */
.profitability-exceptions{display:flex;align-items:baseline;gap:4px}

/* Search large record relationships before opening their native select. */
.record-picker-filter{display:grid;gap:4px;margin:2px 0 1px}.record-picker-filter input{width:100%}.record-picker-filter small{min-height:1.2em;font-weight:500}

/* Forms and Playbooks use labelled repeatable rows instead of line syntax. */
.structured-authoring-legacy{display:none!important}.structured-authoring-editor{display:grid;gap:12px;min-width:0}.structured-authoring-editor h3,.structured-authoring-editor p{margin:0}.structured-authoring-editor>.muted{inline-size:100%;max-inline-size:100%;min-width:0;overflow:visible;overflow-wrap:anywhere;line-height:1.45}.structured-authoring-rows{display:grid;gap:10px}.structured-authoring-row{display:grid;gap:10px;align-items:end;min-width:0;margin:0;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.structured-authoring-form-field{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(110px,1fr) auto}.structured-authoring-playbook-step{grid-template-columns:minmax(0,1.4fr) minmax(100px,.9fr) minmax(110px,.8fr) auto}.structured-authoring-playbook-step label:nth-of-type(4){grid-column:1 / span 3}.structured-authoring-row legend{padding:0 5px;font-size:13px;font-weight:800}.structured-authoring-row label{display:grid;gap:5px;min-width:0;font-size:13px;font-weight:700}.structured-authoring-row input,.structured-authoring-row select{min-width:0}.structured-authoring-row .check-row{display:flex;align-items:center;gap:7px;min-height:42px}.structured-authoring-row .btn{align-self:end;white-space:nowrap}@media(max-width:760px){.structured-authoring-row{grid-template-columns:1fr}.structured-authoring-playbook-step label:nth-of-type(4){grid-column:auto}.structured-authoring-row .btn{width:100%;justify-content:center}}

/* Applying a Playbook is a secondary delivery decision. On a phone, keep its
   project picker below the template identity so neither label is squeezed. */
.playbook-list-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,300px);gap:12px 16px;align-items:start}.playbook-list-row>div{min-width:0}.playbook-list-row>div small{display:block;margin-top:5px;color:var(--text-secondary,var(--muted));font-size:12px;line-height:1.4}.playbook-list-row .inline-form{grid-column:2;grid-row:1;min-width:0}.playbook-preview{grid-column:1/-1;border:1px solid var(--line);border-radius:11px;background:var(--surface-raised,var(--surface-2));overflow:hidden}.playbook-preview>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;padding:10px 12px;cursor:pointer;list-style:none;color:var(--text-primary,var(--ink));font-size:13px;font-weight:800}.playbook-preview>summary::-webkit-details-marker{display:none}.playbook-preview>summary::after{content:'+';display:grid;place-items:center;flex:0 0 20px;width:20px;height:20px;border-radius:6px;background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent);font-size:16px;line-height:1;font-weight:900}.playbook-preview[open]>summary{border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--accent) 5%,var(--surface-raised,var(--surface-2)))}.playbook-preview[open]>summary::after{content:'−'}.playbook-preview>summary small{margin-left:auto;color:var(--text-muted,var(--muted));font-size:11px;font-weight:700;text-align:right}.playbook-preview ol{display:grid;gap:8px;margin:0;padding:12px 14px 14px 34px}.playbook-preview li{padding-left:2px}.playbook-preview li+li{padding-top:8px;border-top:1px solid var(--line)}.playbook-preview li strong,.playbook-preview li span{display:block}.playbook-preview li span{margin-top:3px;color:var(--text-secondary,var(--muted));font-size:12px;line-height:1.4}.playbook-preview>summary:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:-3px}@media(max-width:720px){.playbook-list-row{grid-template-columns:minmax(0,1fr);gap:12px;align-items:stretch;padding:16px 0}.playbook-list-row .inline-form{grid-column:1;grid-row:auto;width:100%}.playbook-list-row .inline-form :is(select,.btn){width:100%;min-width:0}.playbook-preview>summary{align-items:flex-start}.playbook-preview>summary small{display:none}}

/* Quick Actions consumes the same semantic surfaces as the rest of the shell.
   Its glyph is deliberately styled here so an unclassed icon span cannot
   inherit a light-only surface or foreground in the dark theme. */
.command-box{background:var(--surface);color:var(--ink);border:1px solid var(--line)}
.command-search{border-color:var(--line)}
.command-search button{background:var(--surface-2);color:var(--ink);border-color:var(--line)}
.command-list a{color:var(--ink)}
.command-list a:hover,.command-list a.command-active{background:var(--surface-2);color:var(--ink)}
.command-list a>span{background:var(--icon-surface);color:var(--icon-foreground)}
.command-list small{color:var(--muted)}
html[data-theme="dark"] .command-list a:hover,html[data-theme="dark"] .command-list a.command-active{background:var(--surface-2)!important;color:var(--ink)!important}

/* Operations, Reports and Administration share this glyph-only card pattern.
   Tokenise the unclassed span here so it remains legible in both themes. */
.feature-card>span{background:var(--icon-surface);color:var(--icon-foreground)}

/* Task planning is secondary to the task's immediate state, owner and due date. */
.task-detail-form>label{display:grid;gap:7px;margin:0 0 16px;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary)}.task-detail-form>label textarea{width:100%;min-width:0;resize:vertical;font-size:14px;font-weight:500;letter-spacing:normal;text-transform:none;color:var(--text-primary)}
.task-planning-details{margin:12px 0 16px;border:1px solid var(--border);border-radius:10px;background:var(--surface-raised)}.task-planning-details>summary{cursor:pointer;padding:10px 12px;font-weight:700;color:var(--text-secondary)}.task-planning-details[open]>summary{border-bottom:1px solid var(--border)}.task-planning-details>.task-inline-properties{padding:0 12px;margin:12px 0}
.task-secondary-details{padding:0;overflow:hidden}.task-secondary-details>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 20px;cursor:pointer;list-style:none;font-weight:850}.task-secondary-details>summary::-webkit-details-marker{display:none}.task-secondary-details>summary small{color:var(--text-muted);font-size:12px;font-weight:700}.task-secondary-details[open]>summary{border-bottom:1px solid var(--border);background:var(--surface-raised);color:var(--text-primary)}.task-secondary-details-body{padding:16px 20px 20px}.task-secondary-details-intro{margin:0 0 14px;color:var(--text-secondary);font-size:13px;line-height:1.45}@media(max-width:650px){.task-secondary-details>summary{padding:15px 16px}.task-secondary-details-body{padding:14px 16px 16px}}

/* Secure client Quote: a focused, branded capability view with no CRM shell. */
.quote-client-shell{width:min(980px,calc(100% - 32px));margin:0 auto;padding:clamp(20px,5vw,56px) 0}.quote-client-card{display:grid;gap:20px;max-width:920px;margin:0 auto;padding:clamp(20px,4vw,44px);border:1px solid var(--line);border-radius:24px;background:var(--panel);box-shadow:var(--shadow)}.quote-client-header,.quote-client-summary,.quote-client-decision-actions,.quote-staff-outcome-grid{display:flex;gap:18px;align-items:flex-start;justify-content:space-between}.quote-client-header h1{margin:3px 0 0;font-size:clamp(28px,5vw,44px);letter-spacing:-.04em}.quote-client-summary{padding:16px 0;border-block:1px solid var(--line)}.quote-client-summary>div{display:grid;gap:4px;min-width:0}.quote-client-summary small,.quote-client-summary span,.quote-client-footer,.quote-client-management p{color:var(--muted)}.quote-client-notes{padding:18px;border-radius:14px;background:var(--surface-2)}.quote-client-notes h2,.quote-client-lines h2,.quote-client-decision h2{margin-top:0}.quote-client-notes p{margin:0;line-height:1.6}.quote-client-decision{display:grid;gap:14px;padding:20px;border:1px solid color-mix(in srgb,var(--accent) 38%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--accent) 7%,var(--panel))}.quote-client-decision p{margin:0;color:var(--muted);line-height:1.5}.quote-client-decision-actions{align-items:stretch}.quote-client-decision-actions form{display:grid;gap:10px;flex:1}.quote-client-decision-actions .btn{justify-content:center}.quote-client-complete{border-color:color-mix(in srgb,#22a06b 42%,var(--line));background:color-mix(in srgb,#22a06b 8%,var(--panel))}.quote-client-footer{border-top:1px solid var(--line);padding-top:16px}.quote-client-management{display:grid;gap:14px}.quote-client-management input[readonly]{width:100%;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.quote-client-management .form-actions form{margin:0}.quote-client-event-history summary{cursor:pointer;font-weight:800}.quote-client-event-history ul{display:grid;gap:6px;padding-left:20px}.quote-staff-outcome-grid{align-items:stretch}.quote-staff-outcome-grid>form{flex:1;min-width:0;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}
@media(max-width:700px){.quote-client-shell{width:min(100% - 20px,980px);padding:12px 0}.quote-client-card{padding:20px 16px;border-radius:18px}.quote-client-header,.quote-client-summary,.quote-client-decision-actions,.quote-staff-outcome-grid{flex-direction:column}.quote-client-header{align-items:stretch}.quote-client-header .badge{align-self:flex-start}.quote-client-summary{gap:12px}.quote-client-decision-actions .btn,.quote-client-management .form-actions .btn{width:100%}.quote-client-management .form-actions{display:grid;grid-template-columns:1fr}.quote-client-management .form-actions form{width:100%}.quote-client-management .form-actions .btn{justify-content:center}.quote-line{grid-template-columns:minmax(0,1fr) 42px 72px 80px;font-size:13px}.quote-line span:first-child{overflow-wrap:anywhere}}
/* Secure client Scope: focused capability view with no CRM shell or file downloads. */
.scope-client-shell{width:min(760px,calc(100% - 32px));margin:0 auto;padding:clamp(20px,5vw,56px) 0}.scope-client-card{display:grid;gap:20px;margin:0 auto;padding:clamp(20px,4vw,44px);border:1px solid var(--line);border-radius:24px;background:var(--panel);box-shadow:var(--shadow)}.scope-client-header,.scope-client-summary{display:flex;gap:18px;align-items:flex-start;justify-content:space-between}.scope-client-header h1{margin:3px 0 0;font-size:clamp(28px,5vw,42px);letter-spacing:-.04em}.scope-client-summary{padding:16px 0;border-block:1px solid var(--line)}.scope-client-summary>div{display:grid;gap:4px;min-width:0}.scope-client-summary small,.scope-client-summary span,.scope-client-footer,.scope-client-submit p,.scope-client-received p,.scope-client-received small{color:var(--muted)}.scope-client-instructions,.scope-client-received{padding:18px;border-radius:14px;background:var(--surface-2)}.scope-client-instructions h2,.scope-client-submit h2,.scope-client-received h2{margin-top:0}.scope-client-instructions p,.scope-client-received p{margin:0;line-height:1.6}.scope-client-submit{display:grid;gap:16px;padding:20px;border:1px solid color-mix(in srgb,var(--accent) 38%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--accent) 7%,var(--panel))}.scope-client-submit>div{display:grid;gap:7px}.scope-client-submit h2{margin:0}.scope-client-submit p{margin:0;line-height:1.5}.scope-client-submit form{padding-top:16px;border-top:1px solid var(--line)}.scope-client-submit textarea,.scope-client-submit input[type=file]{width:100%;max-width:100%}.scope-client-received ul{display:grid;gap:7px;margin:0;padding-left:20px}.scope-client-received li{overflow-wrap:anywhere}.scope-client-footer{border-top:1px solid var(--line);padding-top:16px}
@media(max-width:700px){.scope-client-shell{width:min(100% - 20px,760px);padding:12px 0}.scope-client-card{padding:20px 16px;border-radius:18px}.scope-client-header,.scope-client-summary{flex-direction:column}.scope-client-header{align-items:stretch}.scope-client-header .badge{align-self:flex-start}.scope-client-summary{gap:12px}.scope-client-submit .btn{width:100%;justify-content:center}}

/* Service-template setup follows the way people make the decision: choose a
   starting point, tailor it to this Job, then review before the final apply. */
.blueprint-journey{margin:0 0 16px;padding:13px 15px;border:1px solid var(--line);border-radius:14px;background:var(--surface-raised,var(--surface-2))}.blueprint-journey ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}.blueprint-journey li{display:flex;align-items:flex-start;gap:9px;min-width:0;padding:8px;border-radius:10px;color:var(--text-secondary,var(--muted))}.blueprint-journey li>span{flex:0 0 25px;width:25px;height:25px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--surface);font-size:12px;font-weight:850;color:var(--text-secondary,var(--muted))}.blueprint-journey li div{min-width:0}.blueprint-journey strong,.blueprint-journey small{display:block}.blueprint-journey strong{font-size:12px}.blueprint-journey small{margin-top:2px;font-size:11px;line-height:1.35;color:inherit}.blueprint-journey .is-complete>span{border-color:color-mix(in srgb,var(--good) 55%,var(--line));background:color-mix(in srgb,var(--good) 14%,var(--surface));color:var(--good)}.blueprint-journey .is-current{background:color-mix(in srgb,var(--accent) 10%,var(--surface))}.blueprint-journey .is-current>span{border-color:var(--accent);background:var(--accent);color:#fff}.blueprint-journey .is-current strong{color:var(--text-primary,var(--ink))}.blueprint-suggestion{border-color:color-mix(in srgb,var(--accent) 30%,var(--line));background:color-mix(in srgb,var(--accent) 4%,var(--surface))}.blueprint-suggestion>p{margin:7px 0 0}.blueprint-starting-points,.blueprint-save-options{padding:0;overflow:hidden}.blueprint-starting-points>summary,.blueprint-save-options>summary,.blueprint-preview-details>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;font-weight:850}.blueprint-starting-points>summary::-webkit-details-marker,.blueprint-save-options>summary::-webkit-details-marker,.blueprint-preview-details>summary::-webkit-details-marker{display:none}.blueprint-starting-points>summary,.blueprint-save-options>summary{padding:17px 20px}.blueprint-starting-points>summary small,.blueprint-save-options>summary small{font-size:12px;font-weight:700;color:var(--text-muted,var(--muted));text-align:right}.blueprint-starting-points[open]>summary,.blueprint-save-options[open]>summary{border-bottom:1px solid var(--line);background:var(--surface-raised,var(--surface-2))}.blueprint-starting-points-body,.blueprint-save-options-body{display:grid;gap:16px;padding:18px 20px 20px}.blueprint-starting-points-body{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.blueprint-starting-points-body section{min-width:0}.blueprint-starting-points-body .panel-head{margin-bottom:10px}.blueprint-starting-points-body .panel-head h2{font-size:15px}.blueprint-source-form{height:calc(100% - 45px);padding:17px}.blueprint-configuration-panel{border-color:color-mix(in srgb,var(--accent) 22%,var(--line))}.blueprint-step-label{margin:0 0 5px!important;color:var(--accent)!important;font-size:11px!important;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.blueprint-configuration-card{background:var(--surface-raised,var(--surface-2))}.blueprint-preview{display:grid;gap:18px}.blueprint-preview .panel-head{margin:0}.blueprint-preview-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0}.blueprint-preview-summary>div{padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--surface-raised,var(--surface-2))}.blueprint-preview-summary dt{font-size:11px;font-weight:800;color:var(--text-muted,var(--muted));text-transform:uppercase;letter-spacing:.06em}.blueprint-preview-summary dd{display:flex;align-items:baseline;gap:5px;margin:5px 0 0;font-size:24px;font-weight:850;letter-spacing:-.035em}.blueprint-preview-summary dd span{font-size:11px;font-weight:700;letter-spacing:0;color:var(--text-secondary,var(--muted))}.blueprint-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.blueprint-preview-section{min-width:0;padding:16px;border:1px solid var(--line);border-radius:13px;background:var(--surface-raised,var(--surface-2))}.blueprint-preview-section-primary{border-color:color-mix(in srgb,var(--accent) 42%,var(--line));background:color-mix(in srgb,var(--accent) 6%,var(--surface))}.blueprint-preview-section h3,.blueprint-preview-reporting h3{margin:0 0 9px;font-size:14px}.blueprint-preview-section h3:not(:first-child){margin-top:18px}.blueprint-preview-section ul,.blueprint-preview-reporting ul{display:grid;gap:6px;margin:0;padding-left:20px;color:var(--text-secondary,var(--muted));font-size:13px;line-height:1.45}.blueprint-delivery-list{padding-left:0!important;list-style:none}.blueprint-delivery-list>li{display:grid;gap:7px}.blueprint-delivery-list>li+li{padding-top:10px;border-top:1px solid var(--line)}.blueprint-delivery-list strong{color:var(--text-primary,var(--ink))}.blueprint-delivery-list details{padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface)}.blueprint-delivery-list summary{cursor:pointer;font-weight:750;color:var(--text-secondary,var(--muted))}.blueprint-delivery-list details ul{margin-top:9px}.blueprint-preview-reporting{padding:16px;border:1px solid var(--line);border-radius:13px}.blueprint-preview-reporting p{margin:0}.blueprint-preview-details{border:1px solid var(--line);border-radius:13px;background:var(--surface-raised,var(--surface-2))}.blueprint-preview-details>summary{padding:14px 16px}.blueprint-preview-details[open]>summary{border-bottom:1px solid var(--line)}.blueprint-preview-details-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:16px}.blueprint-preview-details-body h3{margin:0 0 9px;font-size:13px}.blueprint-preview-details-body ul{display:grid;gap:5px;margin:0;padding-left:20px;color:var(--text-secondary,var(--muted));font-size:13px}.blueprint-preview-details-body .record-dl{margin:0}.blueprint-save-options{margin-top:16px}.blueprint-save-options-body{grid-template-columns:repeat(2,minmax(0,1fr))}.blueprint-save-options-body .form-card{padding:18px;background:var(--surface-raised,var(--surface-2))}.blueprint-save-options-body p{color:var(--text-secondary,var(--muted));font-size:13px;line-height:1.45}.blueprint-review-action,.blueprint-apply-confirmation{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;border-color:color-mix(in srgb,var(--accent) 34%,var(--line));background:color-mix(in srgb,var(--accent) 5%,var(--surface))}.blueprint-review-action>div:first-of-type{min-width:0}.blueprint-review-action p:last-child{margin:0;color:var(--text-secondary,var(--muted));font-size:13px}.blueprint-review-action .form-actions,.blueprint-apply-confirmation .form-actions{flex:0 0 auto;margin:0}.blueprint-apply-confirmation{display:grid;justify-content:stretch}.blueprint-apply-confirmation .check-row{font-weight:800}.blueprint-starting-points>summary:focus-visible,.blueprint-save-options>summary:focus-visible,.blueprint-preview-details>summary:focus-visible,.blueprint-delivery-list summary:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 35%,transparent);outline-offset:-3px}@media(max-width:760px){.blueprint-journey ol,.blueprint-preview-summary,.blueprint-preview-grid,.blueprint-preview-details-body,.blueprint-save-options-body{grid-template-columns:1fr}.blueprint-journey li{padding:6px}.blueprint-journey small{display:none}.blueprint-starting-points>summary,.blueprint-save-options>summary{padding:15px 16px}.blueprint-starting-points-body,.blueprint-save-options-body{padding:15px 16px 16px}.blueprint-source-form{height:auto}.blueprint-preview-summary{gap:8px}.blueprint-preview-summary>div{display:grid;grid-template-columns:90px 1fr;align-items:baseline;gap:8px;padding:11px 12px}.blueprint-preview-summary dd{margin:0}.blueprint-preview-section,.blueprint-preview-reporting{padding:14px}.blueprint-review-action{display:grid;justify-content:stretch}.blueprint-review-action .form-actions,.blueprint-apply-confirmation .form-actions{width:100%}.blueprint-review-action .btn,.blueprint-apply-confirmation .btn{width:100%}}

/* Administration is a directory, not a dashboard. Let incomplete final rows
   use their space while retaining a predictable scan order. */
.administration-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}
.administration-feature-grid[data-tool-count="5"]{grid-template-columns:repeat(6,minmax(0,1fr))}
.administration-feature-grid[data-tool-count="5"]>.feature-card{grid-column:span 2}
.administration-feature-grid[data-tool-count="5"]>.feature-card:nth-last-child(-n+2){grid-column:span 3}
.administration-feature-grid[data-tool-count="7"]{grid-template-columns:repeat(12,minmax(0,1fr))}
.administration-feature-grid[data-tool-count="7"]>.feature-card{grid-column:span 3}
.administration-feature-grid[data-tool-count="7"]>.feature-card:nth-last-child(-n+3){grid-column:span 4}
.administration-feature-grid>.feature-card{min-width:0}
.administration-feature-grid>.feature-card>.feature-card-icon{flex:0 0 44px;background:var(--icon-surface);color:var(--icon-foreground);line-height:1}
.administration-feature-grid>.feature-card>.feature-card-arrow{align-self:center;flex:0 0 auto;width:auto;height:auto;background:transparent;color:var(--muted);display:block;font-size:20px;font-weight:800;line-height:1}
@media(max-width:1150px){.administration-feature-grid,.administration-feature-grid[data-tool-count="5"],.administration-feature-grid[data-tool-count="7"]{grid-template-columns:repeat(2,minmax(0,1fr))}.administration-feature-grid[data-tool-count="5"]>.feature-card,.administration-feature-grid[data-tool-count="7"]>.feature-card{grid-column:auto}.administration-feature-grid[data-tool-count="5"]>.feature-card:last-child,.administration-feature-grid[data-tool-count="7"]>.feature-card:last-child{grid-column:1/-1}}
@media(max-width:720px){.administration-feature-grid,.administration-feature-grid[data-tool-count="5"],.administration-feature-grid[data-tool-count="7"]{grid-template-columns:1fr!important}.administration-feature-grid[data-tool-count="5"]>.feature-card,.administration-feature-grid[data-tool-count="7"]>.feature-card{grid-column:auto!important}}

/* Administration is scanned as a small set of operational decisions. Keep
   optional developer-only controls available, but visually secondary. */
.administration-hub{display:grid;gap:16px}.administration-section{padding:20px}.administration-section>.panel-head{margin-bottom:14px}.administration-section>.panel-head h2{font-size:18px}.administration-section>.panel-head p{max-width:720px;font-size:13px;line-height:1.45}.administration-section-secondary{padding:0;overflow:hidden}.administration-section-secondary>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;cursor:pointer;list-style:none}.administration-section-secondary>summary::-webkit-details-marker{display:none}.administration-section-summary-copy{display:grid;gap:3px;min-width:0}.administration-section-title{font-size:16px;font-weight:800}.administration-section-summary-copy small{color:var(--text-secondary,var(--muted));font-size:12px;line-height:1.4}.administration-section-disclosure{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border:1px solid var(--border);border-radius:50%;background:var(--surface-raised,var(--surface-2));color:var(--text-secondary,var(--muted));font-size:17px;line-height:1}.administration-section-secondary[open]>summary .administration-section-disclosure{transform:rotate(180deg);border-color:var(--accent);color:var(--accent)}.administration-section-secondary[open]>summary{border-bottom:1px solid var(--border)}.administration-section-secondary-body{padding:0 20px 20px}.administration-section-secondary>summary:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 35%,transparent);outline-offset:-3px}.administration-section .feature-card{min-height:112px;padding:17px}.administration-section .feature-card h3{font-size:16px;margin-bottom:4px}.administration-section .feature-card p{font-size:13px;line-height:1.4}.administration-section .feature-card-arrow{margin-left:4px}.administration-section-secondary .feature-card{min-height:104px}@media(max-width:720px){.administration-section{padding:16px}.administration-section>.panel-head h2{font-size:17px}.administration-section-secondary>summary{padding:15px 16px}.administration-section-secondary-body{padding:0 16px 16px}.administration-section .feature-card{min-height:0;padding:16px}.administration-section .feature-card-arrow{font-size:18px}}

/* Native file inputs otherwise vary by browser and can inherit an unreadable
   foreground in dark mode. These stay real, labelled file inputs. */
.scope-client-file-picker{display:grid;gap:8px;margin:0;color:var(--text-primary,var(--ink));font-size:13px;font-weight:800}
.scope-client-file-picker>span{color:inherit}
.scope-client-file-picker input[type=file],.stack-form input[type=file],.scope-upload-form input[type=file]{box-sizing:border-box;width:100%;min-width:0;min-height:48px;padding:7px 9px;border:1px dashed color-mix(in srgb,var(--accent) 48%,var(--line));border-radius:12px;background:var(--surface-raised,var(--surface-2));color:var(--text-primary,var(--ink));font:inherit;line-height:1.35}
.scope-client-file-picker input[type=file]::file-selector-button,.stack-form input[type=file]::file-selector-button,.scope-upload-form input[type=file]::file-selector-button{margin-right:10px;padding:8px 11px;border:0;border-radius:8px;background:var(--accent);color:#fff;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.scope-client-file-picker:focus-within input[type=file],.stack-form input[type=file]:focus-visible,.scope-upload-form input[type=file]:focus-visible{border-style:solid;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 24%,transparent)}
html[data-theme="dark"] .scope-client-file-picker input[type=file],html[data-theme="dark"] .stack-form input[type=file],html[data-theme="dark"] .scope-upload-form input[type=file]{background:var(--surface-raised,#171e26);color:var(--ink);border-color:color-mix(in srgb,var(--accent) 60%,var(--line))}

/* A task row needs a named destination, not a lone arrow. Keep the existing
   server-rendered task link intact and give it a compact no-JS visible label. */
[data-testid="dashboard-next-work-task"]>a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 10px;border:1px solid var(--border,var(--line));border-radius:9px;background:var(--surface-raised,var(--surface-2));color:var(--text-primary,var(--ink));font-size:0;font-weight:800;line-height:1;text-decoration:none;white-space:nowrap}
[data-testid="dashboard-next-work-task"]>a::after{content:"Open task";font-size:12px}
[data-testid="dashboard-next-work-task"]>a:hover{border-color:var(--accent);color:var(--accent)}
[data-testid="dashboard-next-work-task"]>a:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 35%,transparent);outline-offset:3px}

/* Keep template identity fields legible at every breakpoint: they should fill
   their labelled columns on desktop and stack into one clear mobile flow. */
.template-meta-form input,.template-meta-form textarea{box-sizing:border-box;width:100%}
@media(max-width:700px){
  .template-builder-head{grid-template-columns:1fr;gap:12px}
  .template-meta-form{grid-template-columns:1fr;padding:14px}
  .template-meta-form .span-2{grid-column:auto}
  .template-meta-form .btn{width:100%;justify-content:center}
  .template-status{display:grid;grid-template-columns:1fr;align-items:stretch}
  .template-status .badge{justify-self:start}
  .template-status>a,.template-status form,.template-status form .btn{width:100%}
  .template-status>a,.template-status form .btn{justify-content:center}
}

/* Template deletion is deliberately explicit: an unlabeled glyph makes a
   destructive action too easy to overlook, particularly in the mobile builder. */
.workflow-stage>header>form,.milestone-template>header>form{display:inline-flex;align-items:center}.workflow-stage>header .icon-btn,.milestone-template>header .icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:7px 10px;border:1px solid color-mix(in srgb,#d92d20 48%,var(--border));border-radius:9px;background:transparent;color:#b42318;font-size:12px;font-weight:800;line-height:1;cursor:pointer}.workflow-stage>header .icon-btn::after{content:"Delete stage"}.milestone-template>header .icon-btn::after{content:"Delete milestone"}.workflow-stage>header .icon-btn:hover,.milestone-template>header .icon-btn:hover{background:color-mix(in srgb,#d92d20 10%,transparent)}.workflow-stage>header .icon-btn:focus-visible,.milestone-template>header .icon-btn:focus-visible{outline:3px solid color-mix(in srgb,#d92d20 35%,transparent);outline-offset:2px}html[data-theme="dark"] .workflow-stage>header .icon-btn,html[data-theme="dark"] .milestone-template>header .icon-btn{border-color:#f97066;color:#fda29b}@media(max-width:900px){.workflow-stage>header>form,.milestone-template>header>form{grid-column:1/-1;justify-self:start;margin-top:2px}}