:root{color-scheme:dark;--bg:#090b10;--surface:#12161e;--surface-2:#181e27;--surface-3:#202733;--border:#29313d;--text:#f7f8fa;--text-muted:#a8b1be;--text-subtle:#7f8997;--accent:#e53935;--accent-hover:#c92f2c;--success:#39c66d;--warning:#f2bb55;--danger:#ef5b58;--shadow:0 8px 24px #0003;--radius-sm:9px;--radius-md:14px;--radius-lg:18px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--panel:var(--surface);--panel2:var(--surface-2);--line:var(--border);--muted:var(--text-muted);--red:var(--accent);--green:var(--success);--yellow:var(--warning)}
:root[data-theme="light"],:root[data-theme="system"][data-resolved-theme="light"]{color-scheme:light;--bg:#f5f7fa;--surface:#fff;--surface-2:#f0f3f7;--surface-3:#e8edf3;--border:#d7dde6;--text:#14181f;--text-muted:#667085;--text-subtle:#8490a2;--shadow:0 8px 24px #15223814}
body{background:var(--bg)!important;color:var(--text)!important;font-size:15px;line-height:1.45}.top{height:54px!important;background:color-mix(in srgb,var(--bg) 94%,transparent)!important;border-color:var(--border)!important}.page{max-width:1260px!important;padding:var(--space-5)!important}.hero{margin-bottom:var(--space-4)!important}.hero h1{font-size:clamp(24px,3vw,32px)!important;letter-spacing:-.025em}.sub,.muted,.field-note{color:var(--text-muted)!important;font-size:13px!important}.card,.row{background:var(--surface)!important;border-color:var(--border)!important;box-shadow:0 1px 0 #00000008}.card{border-radius:var(--radius-lg)!important}.row{border-radius:var(--radius-md)!important;min-height:52px}.btn{min-height:44px;border-radius:var(--radius-sm)!important;background:var(--surface-2)!important;border-color:var(--border)!important;color:var(--text)!important;font-weight:650}.btn.primary{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important}.btn.primary:hover{background:var(--accent-hover)!important}.btn.small{min-height:38px}.field input,.field select,.field textarea,.search{min-height:44px;background:var(--surface-2)!important;color:var(--text)!important;border-color:var(--border)!important}.empty{padding:13px!important;text-align:left!important}.empty:before{content:"✓ ";color:var(--success);font-weight:800}.pill{background:var(--surface-3)!important}.pill.ok{color:var(--success)!important}.pill.warn{color:var(--warning)!important}.progress{background:var(--surface-3)!important}.progress i{background:var(--success)!important}.sheet{background:var(--surface)!important;box-shadow:var(--shadow)}.sheet-actions{background:var(--surface)!important}.side-brand,.nav-group-label,.nav-account{display:none}.project-toolbar{display:grid;grid-template-columns:minmax(240px,2fr) repeat(3,minmax(130px,1fr)) auto;gap:10px;align-items:end}.customer-hero{padding:28px}.customer-gallery img{aspect-ratio:4/3;object-fit:cover}.milestone{display:flex;gap:12px;align-items:center}.milestone-mark{font-size:18px;width:24px;color:var(--text-subtle)}.milestone.complete .milestone-mark{color:var(--success)}.milestone.current{border-color:var(--accent)!important}.portal-shell{max-width:1080px;margin:auto}.nav-account small{display:block;color:var(--text-muted)}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--accent);color:#fff;font-weight:800}.icon-btn{border:0;background:transparent;color:var(--text);font-size:20px}
@media(min-width:1050px){.app{padding-left:224px!important}.top{margin-left:-224px!important;padding-left:248px!important}.nav{width:224px!important;padding:18px 12px!important;gap:3px}.side-brand{display:grid;padding:0 12px 22px}.side-brand b{font-size:24px;color:var(--accent)}.side-brand span{font-size:10px;letter-spacing:.16em;color:var(--text-muted)}.nav-group-label{display:block;padding:14px 12px 6px;font-size:10px;letter-spacing:.14em;color:var(--text-subtle)}.nav .management{margin-top:10px}.nav button{display:flex!important;align-items:center;gap:10px;min-height:44px;border-radius:10px!important}.nav button.active{background:var(--surface-2)!important;color:var(--text)!important}.nav button b{width:22px;text-align:center}.nav-account{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;margin-top:auto;padding:14px 8px 4px;border-top:1px solid var(--border)}.nav-account button{display:block!important}.top .brand{display:none}}
@media(max-width:1049px){.nav-group-label,.nav .management,.side-brand,.nav-account,.nav button[data-tab="takeoffs"],.nav button[data-tab="employees"],.nav button[data-tab="customers"]{display:none!important}.nav{grid-template-columns:repeat(4,1fr)!important}.page{padding:18px!important}}
@media(max-width:699px){.project-toolbar{grid-template-columns:1fr 1fr}.project-toolbar .search-wrap,.project-toolbar .new-project{grid-column:1/-1}.grid,.grid4{grid-template-columns:1fr 1fr!important}.customer-gallery{grid-template-columns:repeat(2,1fr)!important}.detail-head{display:block}.detail-actions{margin-top:10px}}
@media(max-width:420px){.grid,.grid4{grid-template-columns:1fr!important}.customer-gallery{grid-template-columns:1fr!important}}

/* V26.3.1 final UI corrections */
:root{--sidebar-bg:#0d1118;--sidebar-text:#f7f8fa;--sidebar-muted:#9aa5b4;--sidebar-active-bg:#202733}
:root[data-theme="light"],:root[data-theme="system"][data-resolved-theme="light"]{--surface:#fff;--surface-2:#eef2f6;--surface-3:#e4e9f0;--border:#cdd5df;--shadow:0 2px 10px #15223812}
.nav{background:var(--sidebar-bg)!important;color:var(--sidebar-text)!important}.nav button,.nav-account,.nav-account b,.nav .icon-btn{color:var(--sidebar-text)!important}.nav-account small,.side-brand span,.nav-group-label{color:var(--sidebar-muted)!important}.nav button.active{background:var(--sidebar-active-bg)!important;color:var(--sidebar-text)!important}.nav-account{border-color:#29313d!important}
.project-card{text-align:left!important;display:grid;gap:var(--space-3)}.project-card h3{margin:0}.project-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)!important}.next-work{display:grid;gap:var(--space-1)}.project-nav{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-2);scrollbar-width:thin}.field-shell{max-width:920px;margin:0 auto}.employee-brand{display:grid!important;gap:2px}.employee-brand span{font-weight:800;letter-spacing:.04em}.employee-brand small{display:block;color:var(--text-muted);letter-spacing:.18em}.photo-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}
@media(max-width:699px){.project-card .detail-head{display:flex}.project-meta{gap:6px!important}.field-shell{max-width:none}.photo-actions>.btn{flex:1}}

/* V26.3.3 readability and shared media system */
:root{--sidebar-border:#29313d;--pill-bg:#252e3a;--pill-text:#f1f5f9;--pill-border:#435064;--pill-ok-bg:#153b27;--pill-ok-text:#75e39c;--pill-ok-border:#287346;--pill-warn-bg:#443419;--pill-warn-text:#ffd275;--pill-warn-border:#806027;--pill-danger-bg:#471f22;--pill-danger-text:#ffaaa7;--pill-danger-border:#84383c;--pill-info-bg:#19364b;--pill-info-text:#8fd1ff;--pill-info-border:#32698c}
:root[data-theme="light"],:root[data-theme="system"][data-resolved-theme="light"]{--pill-bg:#e5eaf0;--pill-text:#263142;--pill-border:#bac4d0;--pill-ok-bg:#dff5e7;--pill-ok-text:#176b37;--pill-ok-border:#8bcba2;--pill-warn-bg:#fff0cf;--pill-warn-text:#765000;--pill-warn-border:#d5ae52;--pill-danger-bg:#fde5e4;--pill-danger-text:#a42b28;--pill-danger-border:#e7a09d;--pill-info-bg:#e0f1fc;--pill-info-text:#175d88;--pill-info-border:#99c9e6}
.pill,.pill.neutral{background:var(--pill-bg)!important;color:var(--pill-text)!important;border:1px solid var(--pill-border)!important;font-size:12px!important;font-weight:650;line-height:1.2}.pill.ok{background:var(--pill-ok-bg)!important;color:var(--pill-ok-text)!important;border-color:var(--pill-ok-border)!important}.pill.warn{background:var(--pill-warn-bg)!important;color:var(--pill-warn-text)!important;border-color:var(--pill-warn-border)!important}.pill.danger{background:var(--pill-danger-bg)!important;color:var(--pill-danger-text)!important;border-color:var(--pill-danger-border)!important}.pill.info{background:var(--pill-info-bg)!important;color:var(--pill-info-text)!important;border-color:var(--pill-info-border)!important}
.nav{border-color:var(--sidebar-border)!important}.nav button:hover,.nav button:focus-visible{background:var(--sidebar-active-bg)!important;color:var(--sidebar-text)!important}.nav-account{border-color:var(--sidebar-border)!important}
.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.photo-card{min-width:0;padding:10px!important;display:flex;flex-direction:column;gap:9px;text-align:left}.photo-open{display:block;width:100%;padding:0;border:0;border-radius:var(--radius-md);overflow:hidden;background:var(--surface-2);cursor:pointer}.photo-thumb{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.photo-meta{display:grid;gap:3px;min-width:0}.photo-meta b{overflow-wrap:anywhere}.photo-card .actions{margin-top:auto}.photo-viewer-image{display:block;max-width:100%;max-height:72vh;width:auto;height:auto;margin:auto;border-radius:var(--radius-md);object-fit:contain}.toast{background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--border);box-shadow:var(--shadow)}
input:focus-visible,button:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 75%,white)!important;outline-offset:2px}
@media(max-width:900px){.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
@media(max-width:340px){.photo-grid{grid-template-columns:1fr}}