[hidden]{display:none!important}body{overflow-x:hidden}#sidebar{top:0;height:100vh;height:100dvh;max-height:100dvh;overflow:hidden;padding:26px 17px 20px;width:214px}.brand{display:block}.brand small{display:block}#dashboard-nav{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch}.sidebar-bottom{flex:none;margin-top:0;padding-top:16px}.sidebar-bottom a{display:block;font-size:11px;margin-top:10px}.workspace{margin-left:214px}header{position:sticky;top:0;z-index:10;background:var(--bg)}main{padding:27px 30px}input,textarea,select{background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:10px;max-width:100%}input[type=file]{width:100%}label{display:block}#login{max-width:570px;margin:7vh auto}#login label{margin:15px 0}#login input{width:100%}.dashboard-casebar{display:flex;align-items:end;gap:16px;margin-bottom:22px;flex-wrap:wrap}.dashboard-casebar label{min-width:220px}.dashboard-casebar select{display:block;width:100%}.dashboard-casebar small{margin-left:auto}.primary-link{margin-left:auto;white-space:nowrap;padding:10px 16px;background:var(--accent);border-radius:9px;color:var(--bg)}.connection-label{font-size:11px;color:var(--accent);margin-top:15px}.feature{border:1px solid var(--line);border-radius:10px;color:var(--text);min-height:155px;justify-content:center}.feature h3{margin-top:14px}.list-row{gap:12px;flex-wrap:wrap}#notice{position:sticky;bottom:8px;z-index:5;background:var(--panel);border:1px solid var(--line);padding:10px;border-radius:8px;margin-top:15px}#notice:empty{display:none}.route-map-space{min-height:200px}.weather-locations{padding:20px 0}.weather-focus{padding:20px}.item-card{background:var(--panel);color:var(--text);border:1px solid var(--line)}.item-card input,.item-card select{width:100%}.item-card input[type=checkbox]{width:auto}#rooms{max-height:260px;overflow-y:auto}.inventory-layout{grid-template-columns:300px 1fr}.summary strong{color:var(--accent)}pre{white-space:pre-wrap;overflow-wrap:anywhere}.menu-toggle{display:none}
@media(max-width:900px){#sidebar{position:fixed;transform:translateX(-100%);transition:transform .15s;z-index:30;top:65px;height:calc(100dvh - 65px);max-height:calc(100dvh - 65px);background:var(--bg)}#sidebar.open{transform:translateX(0);box-shadow:10px 0 35px #0009}.workspace{margin-left:0}.menu-toggle{display:block}.navigation-open{overflow:hidden}header{height:65px;padding:0 15px;gap:12px}main{padding:22px 16px}.mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.big-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-layout{grid-template-columns:1fr}.route{flex-wrap:wrap}.city{font-size:23px}.route-track{min-width:30px}.next{flex-wrap:wrap}.primary-link{margin-left:0}.lower-grid{grid-template-columns:1fr}.weather-countdown-tile{grid-template-columns:1fr}.countdown{border-left:0;border-top:1px solid var(--line);padding:20px}.dashboard-casebar small{margin-left:0}.dashboard-casebar label{min-width:0;width:100%}}
@media(max-width:400px){.big-grid{grid-template-columns:1fr}.route{display:block}.route-track{margin:22px 0;max-width:none}.weather-locations{grid-template-columns:1fr;gap:18px}.page-head h1{font-size:26px}.page-head{flex-wrap:wrap}}
#dashboard-nav{margin:0}#dashboard-nav a{margin:0;white-space:normal;flex-shrink:0}.brand{flex-shrink:0}

.feature{justify-content:flex-start;min-height:180px}.feature h3{margin-top:0}.mini{color:var(--text)}.metric{display:flex;flex-direction:column;color:var(--text)}.metric-space{height:22px}.connection-map{min-height:300px;display:grid;place-items:center;padding:30px;text-align:center}.connection-chart{min-height:150px;display:grid;place-items:center}.weather-focus{color:var(--text)}.weather-locations{padding:0}.timeline{margin-top:12px}.status-icon{display:inline-block}
body{overflow-x:clip}.workspace{padding-top:0}html.navigation-open{overflow:hidden}body.navigation-open{overflow-x:clip;overflow-y:visible}
@media(max-width:900px){.workspace{padding-top:65px}header{position:fixed;left:0;right:0;top:0;height:65px;z-index:40}#breadcrumb{min-width:0;flex:1;font-size:11px}header button{flex-shrink:0;padding:7px}#sidebar{display:flex;flex-direction:column}#dashboard-nav{overflow-y:auto;min-height:0;flex:1;overscroll-behavior:contain}}
.local-test-banner{padding:9px 12px;border:1px solid var(--line);border-radius:7px;font-size:11px;color:var(--muted)}

.brand{padding:0;margin-bottom:24px}.brand img{display:block;width:100%;height:auto;object-fit:contain}.login-logo{display:block;width:min(100%,320px);height:auto;margin:0 auto 25px;object-fit:contain}

.brand.staff-brand{display:flex;align-items:center;gap:9px;min-height:63px}.staff-brand .interphase-word{font-size:16px;letter-spacing:.6px}.staff-brand .interphase-word small{font-size:7px;letter-spacing:1px}

@media(max-width:900px){#breadcrumb{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(max-width:420px){#install-app{font-size:0}#install-app::after{content:'Install';font-size:11px}}
.panel.login{max-width:600px;margin:7vh auto;text-align:center}.panel.login label{display:block;margin:15px 0}.panel.login input{display:block;width:100%;text-align:center}.panel.login form{text-align:center}.panel.login [role=status]{text-align:center;overflow-wrap:anywhere}body:has(#login:not([hidden])) #notice{text-align:center}#setup-feedback:empty{display:none}

#app-update-notice{max-width:560px;width:calc(100% - 40px);padding:24px;background:var(--panel,#112238);color:var(--text,#fff);border:2px solid #e5b94d;border-radius:12px;box-shadow:0 4px 24px #0008}#app-update-notice::backdrop{background:#061120de}#app-update-notice button{padding:12px 18px}


/* The page title leads; connection controls live in the workspace status tile. */
main h1,main h2,main h3,main .eyebrow{text-align:center}
main .page-head{display:grid;grid-template-columns:minmax(0,1fr);text-align:center;justify-items:center;gap:12px}
main .page-head>div{width:100%;min-width:0}
main .panel-title,main .section-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}
main .panel-title h2,main .section-head h2{width:100%;margin-left:0;margin-right:0}
.workspace-status-tile{margin:24px auto 0;max-width:640px;text-align:center}
.workspace-status-tile small{display:block;color:var(--muted);overflow-wrap:anywhere}
.workspace-status-tile details{margin-top:14px}
.workspace-status-tile #workspace-feedback{font-size:12px;color:var(--muted);margin:12px 0 0;overflow-wrap:anywhere}
.workspace-status-tile #workspace-feedback:empty{display:none}
.workspace-status-tile summary{cursor:pointer;color:var(--accent)}
.workspace-status-controls{display:flex;justify-content:center;align-items:end;gap:14px;flex-wrap:wrap;margin-top:16px}
.workspace-status-controls label{min-width:180px}
.workspace-status-controls select{display:block;width:100%;margin-top:6px}
#customer-coming-up .list-row strong{display:block}

.lead-workspace-heading{display:grid;grid-template-columns:1fr;justify-items:center;gap:12px;margin-bottom:20px}
.lead-workspace-heading h2{margin:0}
.lead-workspace-heading button{width:auto;min-width:130px}
.lead-queue-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 auto 20px}
.lead-queue-tabs button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:22px 16px;min-height:150px;text-align:center}
.lead-queue-tabs button[aria-pressed=true]{border-color:var(--accent);background:var(--panel2);box-shadow:inset 0 -3px var(--accent)}
.lead-bucket-tile>span{font-size:17px;font-weight:600}.lead-bucket-tile strong{font-size:32px;color:var(--accent)}.lead-bucket-tile small{font-size:12px;color:var(--muted)}
@media(max-width:900px){.lead-queue-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.lead-queue-tabs{grid-template-columns:1fr}.lead-queue-tabs button{min-height:115px}}
.lead-view-options,.lead-connection-note{margin-top:16px;font-size:12px;color:var(--muted)}
.lead-view-options summary,.lead-connection-note summary{cursor:pointer}
.lead-view-controls{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-top:12px}
.lead-view-controls select{display:block;margin-top:6px}
.lead-view-controls button{width:auto;min-height:40px;padding:9px 14px}
.lead-empty{text-align:center;padding:24px 12px;color:var(--muted)}
.lead-pagination{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:16px}
.lead-pagination button{width:auto}
#lead-form{margin:20px 0}
#lead-workspace .lead-queue-tabs{margin-bottom:0}
.lead-content-panel{margin-top:24px;width:100%;min-width:0;scroll-margin-top:85px}
.lead-content-panel>.lead-content-title{margin:0 0 20px}
.lead-queue-list{display:flex;flex-direction:column;gap:12px;margin-top:20px}
.lead-queue-list>.list-row{width:100%;margin:0;box-sizing:border-box}
/* Compact move work cards, shared by mobile lead intake and Case details. */
.move-work-card{border:1px solid var(--line,#dce4ed);border-radius:12px;padding:14px;margin:12px 0;background:var(--panel,#fff);min-width:0}
.move-work-card>summary,.extra-stop>summary{cursor:pointer;font-weight:650;line-height:1.5;overflow-wrap:anywhere}
.move-work-card>summary small{display:block;font-weight:400;opacity:.75;margin-top:3px}
.move-work-card[open]>summary{margin-bottom:16px}
.extra-stop{border-top:1px solid var(--line,#dce4ed);padding:12px 0}
.extra-stop label{display:block;margin:10px 0}
.extra-stop input,.extra-stop select,.extra-stop textarea{width:100%;box-sizing:border-box}
.address-lookup a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border:1px solid currentColor;border-radius:8px;text-decoration:none;margin:5px 0}

/* Gray workspace, navy cards and quiet gold guidance; Control Tower and Dispatch keep their palette. */
body.workspace-contrast{background:#30363c}
body.workspace-contrast .workspace{min-height:100vh;min-height:100dvh;background:#30363c}
body.workspace-contrast main{
 background:#30363c;--panel:#0e2033;--panel2:#172d40;--line:#465968;--soft:#172d40;
 --muted:#bdc8d2;--accent:#e4c174;--green:#e4c174;--tint:#332f26;
}
body.workspace-contrast main .page-head{margin-bottom:28px}
body.workspace-contrast main .page-head .eyebrow{color:#e4c174;letter-spacing:.13em}
body.workspace-contrast main .page-head p{color:#bdc8d2;line-height:1.65}
body.workspace-contrast main :is(.panel,.feature,.mini,.item-card){
 background:linear-gradient(145deg,#ffffff04,transparent 70%),var(--panel);border:1px solid var(--line);box-shadow:0 5px 18px #00000012;
}
body.workspace-contrast main :is(.panel-title h2,.section-head h2,.lead-content-title){color:#f0d59b}
body.workspace-contrast main .panel-title h2::after{
 content:"";display:block;width:30px;height:2px;margin:10px auto 0;background:#c6a052;border-radius:2px;
}
body.workspace-contrast main .panel-title{margin-bottom:22px}
body.workspace-contrast main :is(.case-facts-grid fieldset,#case-details-form>fieldset,.lead-intake-group){
 background:#d5dce40a;border:1px solid #65717b;border-radius:12px;
}
body.workspace-contrast main :is(#case-details-form>fieldset,.lead-intake-group){padding:20px;margin:18px 0}
body.workspace-contrast main :is(.case-facts-grid legend,#case-details-form>fieldset>legend,.lead-intake-group legend){
 color:#efce8a;font-weight:650;padding:0 9px;
}
body.workspace-contrast main #case-details-form>h2{margin:28px 0 20px;color:#f0d59b}
body.workspace-contrast main :is(label,.input-group){color:#e8edf1;font-weight:500}
body.workspace-contrast main :is(input,select,textarea){
 background:#091624;color:#f2f5f7;border-color:#657582;border-radius:8px;
 box-shadow:none;line-height:1.5;accent-color:#e4c174;
}
body.workspace-contrast main label>:is(input,select,textarea){margin-top:7px}
body.workspace-contrast main :is(input,textarea)::placeholder{color:#a8b6c2;opacity:1}
body.workspace-contrast main :is(input,select,textarea):focus-visible{
 outline:2px solid #efce8a;outline-offset:3px;border-color:#efce8a;
}
body.workspace-contrast main :is(input,select,textarea):required:invalid:enabled:not([readonly]),
body.workspace-contrast main .case-guided-field[data-field-empty=true]>:is(input,select):enabled{
 border-color:#d1ad60;background:#302b23;
}
.case-guided-field .field-guidance{display:none}
body.workspace-contrast main .case-guided-field[data-field-empty=true]:has(:enabled) .field-guidance{
 display:block;margin-top:6px;color:#e9c985;font-size:12px;font-weight:400;line-height:1.4;
}
body.workspace-contrast main :is(button.primary,.primary-link){
 background:#e4c174;border:1px solid #e4c174;color:#13212c;font-weight:700;
 box-shadow:0 2px 5px #0000001a;
}
body.workspace-contrast main :is(button.primary,.primary-link):hover{background:#f0d59b;border-color:#f0d59b;filter:none}
body.workspace-contrast main :is(button.primary,.primary-link):focus-visible{outline:2px solid #fff1cf;outline-offset:3px}
body.workspace-contrast main :is(button,.feature,.lead-bucket-tile):not(:disabled):hover{border-color:#d1ad60}
body.workspace-contrast main .case-save-row{padding-top:20px;border-top:1px solid #465663;margin-top:24px}
body.workspace-contrast main :is(.case-note,.case-save-row p){color:#bdc8d2;font-weight:400}
body.workspace-contrast main .case-note{margin-top:12px;line-height:1.6}
body.workspace-contrast main :is(.move-work-card,.message-option,.mail-record,.conversation-row){border-color:#4c5b66}
body.workspace-contrast main .move-work-card{background:#d5dce40a}
body.workspace-contrast main :is(.move-work-card>summary,.extra-stop>summary){color:#ecd099}
body.workspace-contrast main .lead-queue-tabs button{background:#0e2033;border-color:#465968}
body.workspace-contrast main .lead-queue-tabs button[aria-pressed=true]{background:#332f26;border-color:#d1ad60;box-shadow:inset 0 -2px #d1ad60}
body.workspace-contrast main .feature .arrow{color:#e4c174}
body.workspace-contrast main .workspace-status-tile{background:#101d2a;box-shadow:none;border-color:#344451}
@media(max-width:700px){
 body.workspace-contrast main :is(#case-details-form>fieldset,.lead-intake-group){padding:14px}
 body.workspace-contrast main .case-save-row{gap:12px}
 body.workspace-contrast main .case-save-row button.primary{width:100%}
}
.move-work-card .research-toolbar{display:flex;gap:8px;flex-wrap:wrap}
.move-work-card button{min-height:44px}
.move-work-card dl{overflow-wrap:anywhere}.move-work-card dd{margin:4px 0 12px;white-space:pre-wrap}
@media(max-width:640px){#lead-form .form-grid,.extra-stop .form-grid{grid-template-columns:1fr}#lead-form fieldset{min-width:0;padding:10px}.move-work-card{padding:12px}.move-work-card button{max-width:100%;white-space:normal}}


/* Role-specific photo backdrops; navy surfaces retain a readable, quiet foreground. */
body.workspace-photo{background:#081726;isolation:isolate}
body.workspace-photo::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(#06132266,#06132288),var(--workspace-photo) center center/cover no-repeat}
body.photo-staff{--workspace-photo:url("/workspace-office.jpg")}
body.photo-customer{--workspace-photo:url("/workspace-house.jpg")}
body.workspace-photo .workspace,body.workspace-photo main{background:transparent}
body.workspace-photo .workspace{min-height:100vh;min-height:100dvh}
body.workspace-photo header{background:#081726ed;border-bottom:1px solid #b9954d66}
body.workspace-photo main .page-head{padding:18px;border-radius:12px;background:#081726bf;border:1px solid #e4c17433}
body.workspace-photo main :is(.panel,.feature,.mini,.item-card){background:#0e2033f2;border-color:#526171;box-shadow:0 5px 20px #0003}
body.workspace-photo main :is(.panel-title h2,.section-head h2,.lead-content-title){color:#f0d59b}
@media(prefers-reduced-transparency:reduce){body.workspace-photo main :is(.panel,.feature,.mini,.item-card){background:#0e2033}}