/* Workspace shell: brand identity, shared typography and controls, and the per-view layouts that share one account selection. */

/* Shell, typography and controls */

:root,html[data-theme=default]{
 --navy:#293f53;--navyink:#65768a;--blue:#176ac2;--bluedk:#10559e;--bluetint:#edf5ff;--sky:#2d94ff;
 --accent:#176ac2;--accent-2:#2d94ff;--page:#f5f7fa;--card:#fff;--surf2:#f8fafc;--sand:#f8fafc;
 --line:#e2e8f0;--line2:#edf1f6;--rule:#e2e8f0;--rule2:#cbd6e3;
 --ink:#293f53;--ink2:#43566b;--mute:#63758a;--faint:#66778a;
 --surface:#fff;--surface-2:#f8fafc;--surface-3:#f5f7fa;--ink-muted:#63758a;--ink-faint:#66778a;
 --green:#227355;--positive:#227355;--amber:#936313;--warning:#936313;--hot:#936313;
 --raj:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--db-sidebar:#fff;--db-active:#eaf3ff;
 --detail-top:82px;
 /* Phone numbers and big counts route through Rajdhani with
    tabular figures, not through --raj (which this file maps to Inter for
    headings). tokens.css already sets the same value; restated
    here so this file's own --raj remap can never be mistaken for covering
    numbers too. */
 --font-num:'Rajdhani','Inter',system-ui,sans-serif;
}
html[data-theme=dark]{
 --navy:#142434;--navyink:#98adc1;--blue:#79baff;--bluedk:#add5ff;--bluetint:#1c354d;--sky:#5facff;
 --accent:#79baff;--accent-2:#5facff;--page:#101c29;--card:#172637;--surf2:#1b2c3e;--sand:#1b2c3e;
 --line:#2c4055;--line2:#24374b;--rule:#2c4055;--rule2:#405870;
 --ink:#e5edf6;--ink2:#bbccdd;--mute:#a0b2c4;--faint:#98adc1;
 --surface:#172637;--surface-2:#1b2c3e;--surface-3:#101c29;--ink-muted:#a0b2c4;--ink-faint:#98adc1;
 --green:#69cea4;--positive:#69cea4;--amber:#ebbd70;--warning:#ebbd70;--hot:#ebbd70;
 --raj:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--db-sidebar:#142232;--db-active:#223e59;--detail-top:82px;
 --font-num:'Rajdhani','Inter',system-ui,sans-serif;
}
html[data-theme=road]{
 --navy:#22384c;--blue:#085bb0;--bluedk:#064481;--bluetint:#eaf3ff;--accent:#085bb0;--accent-2:#1683ed;
 --page:#f1f4f8;--card:#fff;--surf2:#f6f8fb;--line:#bdc9d6;--line2:#d9e1e9;--rule:#bdc9d6;--rule2:#9fafc0;
 --ink:#162d43;--ink2:#344b61;--mute:#455d73;--faint:#455d73;--surface:#fff;--surface-2:#f6f8fb;--surface-3:#f1f4f8;
 --ink-muted:#455d73;--ink-faint:#455d73;--raj:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
 --db-sidebar:#fff;--db-active:#e7f1ff;--detail-top:82px;
 --font-num:'Rajdhani','Inter',system-ui,sans-serif;
}
/* Shared shell, typography and controls. */
body{font-size:14px}h1,h2,h3,h4{font-weight:600}.app{grid-template-columns:232px minmax(0,1fr)}
.side{background:var(--db-sidebar);border-right:1px solid var(--line);color:var(--ink2);padding:25px 15px 18px;position:sticky;top:0;height:100dvh;overflow-y:auto}
.s7lockup{display:block;width:198px;max-width:100%;line-height:0}.s7lockup img{width:100%;height:auto;display:block}.s7lockup .s7logo{display:none}.s7lockup .s7logo-light{display:block}
html[data-theme=dark] .s7lockup .s7logo{display:block}html[data-theme=dark] .s7lockup .s7logo-light{display:none}
.side .brand{margin:0 0 25px;padding:0 1px;min-height:58px}.side .grp{font-size:9px;letter-spacing:1.4px;font-weight:600;color:var(--mute);margin-top:22px;padding:0 12px 9px}
.side nav{gap:4px}.side nav a{height:40px;border-radius:7px;font-size:12px;font-weight:500;color:var(--ink2);padding:0 12px;gap:11px}.side nav a svg{width:17px;height:17px;opacity:1;color:var(--mute)}
.side nav a:hover{color:var(--ink);background:var(--surf2)}.side nav a.on{color:var(--blue);background:var(--db-active);font-weight:600}.side nav a.on svg{color:var(--blue)}.side nav a.on:before{display:none}.side nav a .c,.side nav a.on .c{color:var(--blue);background:var(--card);border:1px solid var(--line);border-radius:5px;padding:1px 5px;font-size:10px}
.side .who{margin-top:20px;padding:13px 8px 0;background:transparent;border:0;border-top:1px solid var(--line);border-radius:0}.side .who .lb{display:none}.side .who .rowf{margin:0;gap:9px}.side .who .av{background:var(--bluetint)!important;color:var(--blue);width:33px;height:33px;font-size:11px}
.side .who b{font-size:11px;color:var(--ink)}.side .who small{font-size:10px;color:var(--mute)}.side .swap{border:0;color:var(--mute);font:500 10px var(--ui);width:auto;padding:2px 0;margin-top:8px}.side .swap:hover{background:transparent;color:var(--blue)}
.side .stat{padding:16px 11px 0;margin-top:16px;border-top:1px solid var(--line)}.side .stat .n{font-size:16px;color:var(--ink)}.side .stat .l{font-size:10px;color:var(--mute)}
.side .themesw{background:var(--surf2);border:1px solid var(--line);margin-top:20px}.side .themesw button{font:500 10px var(--ui);color:var(--mute);min-height:27px}.side .themesw button:hover{color:var(--ink);background:var(--card)}.side .themesw button.on{color:var(--blue);background:var(--card)}
.top{height:68px;min-height:68px;padding:0 30px;gap:18px}.top h1{font-size:15px;font-weight:600}.top .sub{font-size:10px;margin-top:4px}.top .srch{background:var(--surf2);border:1px solid var(--line);border-radius:7px;min-width:270px;height:36px}.srch .srchtxt{font-size:11px}.srch kbd{font-size:10px;border-color:var(--line)}.dtwrap{font-size:10px}
.wrap{padding:27px 30px 32px;max-width:1720px;margin:0 auto}
/* The phone account button: the rail's `.sw-profile` avatar (desk) has no
   phone equivalent once the More sheet is gone, so `.top` carries its own
   avatar there, opening the same account sheet. Desktop never shows it, the
   rail's avatar covers it. */
.top .acctbtn{display:none}.btn{border-radius:6px;font-weight:550}.btn.go{background:var(--blue);border-color:var(--blue)}.btn.go:hover{background:var(--bluedk);border-color:var(--bluedk)}.btn.alt{background:var(--card);border-color:var(--line)}
input,select,textarea{accent-color:var(--blue)}:is(button,a,input,select,textarea):focus-visible{outline:2px solid var(--accent-2);outline-offset:3px}
.panel,.card,.w6strip,.w6list,.w6detail,.w5f-card{border-radius:9px}.w6dbox{border-radius:14px 0 0 14px}.w6dh .w6dname{font-family:var(--ui);font-size:22px;line-height:1.3}.w6strip{background:var(--card)}.w6strn{letter-spacing:-.7px}.w6dh{background:var(--surf2)}
/* New daily workspace. */
.s7home{padding:0}.db-home{display:block}.db-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:3px 0 26px}.db-eyebrow,.s7eyebrow{display:block;font-size:9px;letter-spacing:1.5px;font-weight:650;color:var(--mute)}
.db-heading h2{font-size:29px;font-weight:550;letter-spacing:-1.1px;line-height:1.3;margin:8px 0}.db-heading p{font-size:12px;color:var(--mute);margin:0;line-height:1.7}.db-heading-right{display:flex;flex-direction:column;align-items:flex-end;gap:13px;flex-shrink:0}.db-heading-right>span{font-size:11px;color:var(--mute)}
.s7button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:10px 14px;border:1px solid var(--blue);border-radius:7px;background:var(--blue);color:#fff;font:550 11px var(--ui);cursor:pointer;text-decoration:none}.s7button svg{width:15px;height:15px}.s7button:hover{background:var(--bluedk);border-color:var(--bluedk);color:#fff}.s7button.s7secondary{background:var(--card);border-color:var(--line);color:var(--ink)}
html[data-theme=dark] .s7button{background:#286fc0;border-color:#286fc0;color:#fff}html[data-theme=dark] .s7button:hover{background:#347fd1}
.db-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);background:var(--card);border-radius:10px;margin-bottom:25px;overflow:hidden}
.db-metric{display:flex;align-items:flex-start;gap:11px;padding:21px 18px;color:var(--ink);text-decoration:none;min-width:0;position:relative}.db-metric+.db-metric{border-left:1px solid var(--line)}.db-metric:hover{background:var(--surf2);color:var(--ink)}.db-metric>div{min-width:0}.db-metric>div>span{font-size:10px;font-weight:550;color:var(--mute);display:block}.db-metric strong{display:block;font-size:27px;font-weight:550;letter-spacing:-1px;line-height:1.4;margin:3px 0}.db-metric small{font-size:9px;color:var(--mute);line-height:1.6;display:block}.db-metric-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--bluetint);color:var(--blue);flex:none}.db-metric-icon svg{width:16px;height:16px}.db-metric>svg{position:absolute;right:14px;top:23px;width:12px;height:12px;color:var(--mute)}
.db-workgrid{display:grid;grid-template-columns:minmax(0,1fr) 288px;gap:22px;align-items:start}.db-panel{background:var(--card);border:1px solid var(--line);border-radius:10px;overflow:hidden;min-width:0}.db-panel-head{padding:21px 21px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px}.db-panel h3{font-size:14px;font-weight:600;letter-spacing:-.25px;display:flex;align-items:center;gap:8px}.db-panel-head p{font-size:10px;line-height:1.6;color:var(--mute);margin:5px 0 0}.db-panel-head>a{font-size:10px;color:var(--blue);display:flex;align-items:center;gap:6px;white-space:nowrap}.db-panel-head>a svg{width:13px;height:13px}.db-count{font-size:10px;border-radius:5px;background:var(--surf2);border:1px solid var(--line);color:var(--mute);padding:1px 5px;font-weight:500}
.db-queue-tools{padding:0 20px 15px;display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.db-tabs{display:flex;gap:3px;flex-wrap:wrap}.db-tabs button{padding:7px 8px;border:1px solid transparent;background:none;border-radius:6px;font:500 10px var(--ui);color:var(--mute);cursor:pointer;min-height:32px;display:flex;align-items:center;gap:5px}.db-tabs button span{font-size:9px;color:var(--mute)}.db-tabs button:hover{background:var(--surf2)}.db-tabs button[aria-pressed=true]{background:var(--bluetint);border-color:color-mix(in srgb,var(--blue) 15%,var(--line));color:var(--blue)}.db-tabs button[aria-pressed=true] span{color:var(--blue)}
.db-filter-search{display:flex;align-items:center;gap:6px;color:var(--mute);max-width:160px}.db-filter-search svg{width:13px;height:13px;flex:none}.db-filter-search input{width:100%;min-width:0;border:0;background:none;padding:6px 0;color:var(--ink);font:400 10px var(--ui)}.db-filter-search input::placeholder{color:var(--mute)}
.db-list-labels,.db-account{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr) 45px 14px;gap:15px;align-items:center}.db-list-labels{background:var(--surf2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 20px;color:var(--mute);font-size:9px}.db-list-labels>span:nth-child(3){text-align:center}
.db-account-list{max-height:552px;overflow-y:auto;overscroll-behavior:contain}.db-account{width:100%;text-align:left;padding:18px 20px;border:0;border-bottom:1px solid var(--line2);background:var(--card);color:var(--ink);font-family:var(--ui);cursor:pointer;min-height:91px}.db-account:last-child{border-bottom:0}.db-account:hover{background:var(--surf2)}.db-account:focus-visible{outline-offset:-3px;background:var(--bluetint)}.db-account:disabled{opacity:.6;cursor:wait}
.db-account-main{display:flex;align-items:center;gap:11px;min-width:0}.db-account-main>span:last-child{min-width:0}.db-company-icon{display:grid;place-items:center;width:33px;height:35px;background:var(--surf2);color:var(--mute);border:1px solid var(--line);border-radius:7px;flex:none;font-size:9px;font-weight:550}.db-account-main strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11px;font-weight:600;line-height:1.55;text-transform:capitalize;overflow-wrap:anywhere}.db-account-main small{display:block;color:var(--mute);font-size:10px;margin-top:4px;line-height:1.5}.db-account-reason{min-width:0}.db-tag{display:inline-block;font-size:8px;font-weight:550;background:var(--bluetint);color:var(--blue);padding:3px 6px;border-radius:4px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.db-tag-late{background:color-mix(in srgb,var(--amber) 10%,var(--card));color:var(--amber)}.db-account-reason>span:last-child{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:10px;line-height:1.6;color:var(--mute);margin-top:4px;overflow-wrap:anywhere}
.db-account-fleet{text-align:center}.db-account-fleet strong{display:block;font-weight:550;font-size:14px}.db-account-fleet small{display:block;font-size:8px;line-height:1.5;color:var(--mute);margin-top:2px}.db-row-open svg{width:14px;height:14px;color:var(--blue)}.db-list-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 20px;border-top:1px solid var(--line);font-size:9px;color:var(--mute)}.db-list-footer a{display:flex;align-items:center;gap:6px;color:var(--blue)}.db-list-footer svg{width:12px;height:12px}
.db-queue-empty{padding:50px 25px;text-align:center}.db-queue-empty[hidden]{display:none}.db-queue-empty>svg{height:26px;width:26px;color:var(--blue);margin-bottom:10px}.db-queue-empty h4{font-size:14px}.db-queue-empty p{font-size:11px;color:var(--mute)}
.db-agenda{display:flex;flex-direction:column;gap:19px}.db-agenda .db-panel-head{padding:20px 19px 13px}.db-agenda .db-panel h3{font-size:13px}.db-small-icon{display:grid;place-items:center;color:var(--mute);flex:none}.db-small-icon svg{width:17px;height:17px}.db-follow-list{padding:0 19px}.db-follow{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:15px 0;width:100%;border:0;border-top:1px solid var(--line2);background:none;text-align:left;color:var(--ink);cursor:pointer;font-family:var(--ui)}.db-follow:hover b{color:var(--blue)}.db-follow-date{font-size:9px;color:var(--blue)}.db-follow-date.db-overdue{color:var(--amber)}.db-follow b{font-size:11px;font-weight:550;line-height:1.6;overflow-wrap:anywhere}.db-follow>span:not(.db-follow-date){font-size:10px;color:var(--mute);line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.db-follow small{font-size:9px;color:var(--mute)}
.db-empty-small{padding:14px 0 22px;text-align:center}.db-clear-icon{width:33px;height:33px;border-radius:50%;background:var(--bluetint);color:var(--blue);display:grid;place-items:center;margin:0 auto 10px}.db-clear-icon svg{height:16px;width:16px}.db-empty-small b{display:block;font-size:11px;font-weight:550}.db-empty-small p{font-size:10px;line-height:1.7;color:var(--mute);max-width:210px;margin:6px auto 0}.db-panel-link{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 19px;border-top:1px solid var(--line2);font-size:10px;color:var(--blue);font-weight:500}.db-panel-link svg{height:13px;width:13px}
.db-team,.db-pipeline{padding:0 19px 7px}.db-team>a{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line2);padding:12px 0;color:var(--ink)}.db-avatar{display:grid;place-items:center;background:var(--bluetint);color:var(--blue);border-radius:50%;height:28px;width:28px;flex:none;font-size:9px}.db-team b{font-size:10px;font-weight:500;flex:1}.db-team strong{font-size:13px;font-weight:550;text-align:right}.db-team small{font-size:8px;color:var(--mute);font-weight:400;display:block}.db-pipeline>a{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid var(--line2);font-size:11px;color:var(--ink2)}.db-pipeline>a>span{display:flex;align-items:center;gap:8px}.db-pipeline strong{font-size:13px;font-weight:550;color:var(--ink)}.db-pipeline i{height:6px;width:6px;border-radius:50%;background:var(--blue)}.db-pipeline i.db-stage-working{background:var(--green)}.db-pipeline i.db-stage-hot{background:var(--hot)}.db-pipeline i.db-stage-quiet{background:var(--mute)}.db-muted{font-size:11px;color:var(--mute);line-height:1.7}
.db-data-link{display:flex;align-items:center;gap:11px;padding:7px 3px;color:var(--ink2)}.db-data-link>span:nth-child(2){flex:1;min-width:0}.db-data-link b{display:block;font-size:10px;font-weight:500}.db-data-link small{display:block;font-size:9px;color:var(--mute);margin-top:4px}.db-data-link>svg{width:13px;height:13px;color:var(--mute)}.db-bottomnote{display:flex;align-items:center;gap:7px;font-size:9px;color:var(--mute);margin-top:20px;line-height:1.6}.db-bottomnote svg{width:13px;height:13px;flex:none}
/* Connections page shares the same rhythm and surfaces. */
.s7heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:4px 0 26px}.s7heading h2{font-size:28px;line-height:1.35;letter-spacing:-.8px;margin:8px 0}.s7heading p{font-size:12px;line-height:1.7;color:var(--mute);margin:0}.s7connections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.s7panel{border:1px solid var(--line);border-radius:10px;background:var(--card);overflow:hidden;min-width:0}.s7connection{padding:27px}.s7connection h3{font-size:18px;margin:10px 0}.s7connection p{font-size:12px;line-height:1.8;color:var(--mute);margin:0}.s7connection>a{display:inline-block;font-size:11px;color:var(--blue);margin-top:15px}.s7sourcebar{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:18px 0;margin-top:22px;color:var(--mute);font-size:10px;line-height:1.7}.s7sourcebar>span{display:flex;align-items:center;gap:8px}.s7sourcebar svg{width:15px;height:15px;flex:none}.s7sourcebar a{white-space:nowrap;color:var(--blue)}
/* Sign-in, welcome and initial paint. */
.loginwrap{background:var(--page);position:relative;overflow:hidden}.loginwrap:before{content:"";position:absolute;width:750px;height:750px;border:1px solid var(--line);border-radius:50%;left:calc(50% - 375px);top:calc(50% - 280px);pointer-events:none}.loginwrap:after{content:"";position:absolute;width:980px;height:980px;border:1px solid var(--line);border-radius:50%;left:calc(50% - 490px);top:calc(50% - 395px);pointer-events:none}.logincard{position:relative;z-index:1;border:1px solid var(--line);border-radius:14px;max-width:420px;padding:36px}.loginbrand{background:transparent;padding:0;margin:4px 0 30px;justify-content:center;border:0}.loginbrand .s7lockup{width:260px}.loginlede{text-align:center;margin:0 0 26px;font-size:13px}.loginbtn{border-radius:7px}.lf input{border-radius:7px;min-height:44px}.loginfoot{font-size:10px;line-height:1.7}.bootmark{font-family:var(--ui);font-weight:500;letter-spacing:-2px;text-transform:lowercase;color:var(--ink)}
@media(min-width:1600px){.db-workgrid{grid-template-columns:minmax(0,1fr) 320px}.db-account-main strong{font-size:12px}.db-account-reason>span:last-child{font-size:11px}.db-metric{padding:23px}.db-metric>div>span{font-size:11px}.db-metric small{font-size:10px}}
@media(max-width:1220px) and (min-width:821px){.app{grid-template-columns:214px minmax(0,1fr)}.side{padding-left:12px;padding-right:12px}.s7lockup{width:188px}.wrap{padding:24px 22px}.top{padding:0 22px}.db-workgrid{grid-template-columns:minmax(0,1fr) 245px;gap:16px}.db-metric{padding:18px 12px;gap:8px}.db-metric-icon{display:none}.db-heading h2{font-size:26px}.db-company-icon{display:none}.db-list-labels,.db-account{gap:10px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 38px 12px}.db-panel-head{padding:18px 16px 15px}.db-queue-tools{padding-left:12px;padding-right:12px}.db-queue .db-panel-head>a{display:none}.db-account{padding:16px}.db-list-labels{padding:10px 16px}.db-tag{font-size:8px}}
@media(max-width:1000px) and (min-width:821px){.db-workgrid{grid-template-columns:minmax(0,1fr)}.db-agenda{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.db-data-link{grid-column:1/-1}.db-heading-right>span{font-size:10px}.db-heading h2{font-size:25px}.db-heading p{font-size:11px}.db-heading-right .s7button{font-size:10px}.db-metric small{font-size:8px}.db-metric>svg{display:none}}
@media(max-width:820px){.app{grid-template-columns:1fr}.side{display:none}.top{height:58px;min-height:58px;padding:0 20px;gap:12px}.top h1{font-size:15px}.top .srch{min-width:36px;width:36px;height:36px;padding:0;justify-content:center}.top .acctbtn{display:grid;place-items:center;width:34px;height:34px;border:0;background:none;padding:0;border-radius:50%;flex:none}.top .acctbtn .ini,.top .acctbtn .av{width:30px;height:30px;font-size:11px}.wrap{padding:23px 20px 100px}.db-heading{margin:0 0 22px}.db-heading h2{font-size:27px}.db-heading-right>span{font-size:10px}.db-workgrid{grid-template-columns:minmax(0,1fr) 250px;gap:15px}.db-metric{padding:17px 13px}.db-metric-icon{display:none}.db-metric>svg{display:none}.db-metric strong{font-size:26px}.db-metrics{margin-bottom:20px}.db-company-icon{display:none}.db-account{padding:15px}.db-list-labels{padding:10px 15px}.db-list-labels,.db-account{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 30px 12px;gap:10px}.db-queue-tools{padding:0 12px 13px}.db-panel-head{padding:18px 16px 14px}.db-panel-head>a{display:none}.tabbar{background:var(--card);border-color:var(--line);padding-bottom:env(safe-area-inset-bottom)}.tabbar a,.tabbar button{color:var(--mute);font-family:var(--ui)}.tabbar a.on,.tabbar button.on{color:var(--blue);background:var(--bluetint)}.tabbar a.on:before{background:var(--accent-2)}.tabbar .tbadge{background:var(--blue);color:#fff}.w6dbox{border-radius:0}.s7heading h2{font-size:25px}}
@media(max-width:650px){.db-heading{display:block}.db-heading h2{font-size:27px}.db-heading-right{flex-direction:row;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.db-heading-right>span{max-width:130px;line-height:1.6}.db-heading-right .s7button{min-height:40px}.db-metrics{grid-template-columns:repeat(2,minmax(0,1fr));border-radius:9px}.db-metric{padding:16px}.db-metric:nth-child(3){border-left:0}.db-metric:nth-child(n+3){border-top:1px solid var(--line)}.db-metric strong{font-size:25px}.db-metric small{font-size:9px}.db-workgrid{display:flex;flex-direction:column;gap:20px}.db-queue,.db-agenda{width:100%}.db-agenda{display:flex}.db-list-labels{display:none}.db-queue-tools{padding:0 15px 14px;gap:12px;border-bottom:1px solid var(--line)}.db-tabs{gap:3px}.db-tabs button{padding:8px 6px;min-height:36px;font-size:10px}.db-filter-search{border:1px solid var(--line);border-radius:6px;max-width:none;width:100%;padding:3px 9px;background:var(--surf2)}.db-filter-search input{font-size:11px;min-height:30px}.db-account{grid-template-columns:minmax(0,1fr) 36px 14px;gap:8px 13px;min-height:140px;padding:18px 16px}.db-account-main{grid-column:1;grid-row:1}.db-company-icon{display:grid;width:30px;height:32px}.db-account-main strong{font-size:12px}.db-account-main small{font-size:10px}.db-account-reason{grid-column:1/3;grid-row:2;padding-left:41px}.db-account-reason>span:last-child{font-size:11px}.db-tag{font-size:9px}.db-account-fleet{grid-column:2;grid-row:1}.db-row-open{grid-column:3;grid-row:1}.db-account-list{max-height:600px}.db-list-footer{padding:13px 16px;font-size:9px;gap:9px}.db-bottomnote{align-items:flex-start;font-size:10px}.db-bottomnote svg{margin-top:2px}.db-agenda .db-panel h3{font-size:14px}.db-follow b{font-size:12px}.db-follow>span:not(.db-follow-date){font-size:11px}.db-follow-date{font-size:10px}.db-team b,.db-pipeline>a{font-size:12px}.db-empty-small p{font-size:11px}.s7connections{grid-template-columns:1fr}.s7heading{display:block}.s7heading .s7button{margin-top:16px}.s7heading h2{font-size:26px}.s7sourcebar{flex-wrap:wrap;gap:10px}.s7connection{padding:23px}.db-data-link{padding:5px 10px}.db-data-link b{font-size:11px}.db-data-link small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.db-account,.db-metric{transition:none}}

/* Readability refinements at working size. */
.db-home a,.s7home a{text-decoration:none}.db-home a:hover,.s7home a:hover{text-decoration:none}
.side{padding-top:20px}.side .brand{margin-bottom:14px}.side .grp{margin-top:17px}.side nav a{height:36px;font-size:12px}.side .stat{display:none}.side .grp:has(+.themesw){display:none}.side .who{margin-top:13px}.side .themesw{margin-top:16px}
.db-panel h3{font-size:15px}.db-account-main strong{font-size:12px}.db-account-reason>span:last-child{font-size:11px}.db-tag{font-size:9px}.db-metric>div>span{font-size:11px}.db-metric small{font-size:10px}.db-panel-head p{font-size:11px}.db-tabs button{font-size:11px}.db-account-main small{font-size:11px}.db-list-labels{font-size:10px}.db-agenda .db-panel h3{font-size:14px}.db-follow b{font-size:12px}.db-team b{font-size:11px}
@media(max-width:1220px) and (min-width:821px){.db-tabs button{font-size:10px}.db-metric small{font-size:9px}.db-metric>div>span{font-size:10px}}
@media(max-width:650px){.db-tabs button{font-size:10px}.db-panel-head p{font-size:11px}.db-account-main strong{font-size:12px}.db-metric small{font-size:9px}}

.side .themelbl{display:none}

@media(min-width:821px){.wrap:has(.w6ws){padding-top:22px;padding-bottom:24px}}

@media(min-width:821px){.wrap:has(.w6tmgr){padding-top:18px;padding-bottom:8px}}

/* ------------------------------------------------ 2026-09-21 review pass --
   Three fixes to the daily workspace, all of them structural rather than paint.

   1. THE FLEET COLUMN DISAPPEARS when no account in the shown list has a truck
      count (web/src/views/workspace.js omits the cells; these rules take the
      grid track away with them, so the remaining two columns use the width).
   2. A LIST WITH NOTHING IN IT IS A SENTENCE, not a table: the column headings
      and the count footer carry `hidden`, and those defaults have `display`
      set, so the attribute needs saying out loud.
   3. ON A PHONE the order is the order of the work, greeting and the one big
      button, the accounts themselves, then the four numbers as a compact 2x2
      strip, then the panels. `display:contents` lifts the two work-grid
      children into `.db-home`'s column so they can be ordered against the
      strip that sits between them in the markup. */
.db-nofleet .db-list-labels,.db-nofleet .db-account{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr) 14px}
@media(max-width:1220px){.db-nofleet .db-list-labels,.db-nofleet .db-account{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 12px}}
.db-list-labels[hidden],.db-list-footer[hidden]{display:none}
.db-queue-empty{padding:38px 25px}.db-queue-empty h4{font-size:13px;font-weight:550;margin:0}.db-queue-empty .s7button{margin-top:15px}
@media(max-width:650px){
 .db-home{display:flex;flex-direction:column;gap:18px}
 .db-workgrid{display:contents}
 .db-heading{order:1;margin:0}
 .db-queue{order:2}
 .db-metrics{order:3;margin:0}
 .db-agenda{order:4;gap:18px}
 .db-bottomnote{order:5;margin:0}
 .db-metric{padding:11px 13px;gap:0;align-items:center}
 .db-metric>div>span{font-size:10px;line-height:1.5}
 .db-metric strong{font-size:20px;line-height:1.35;margin:1px 0 0}
 .db-metric small{display:none}
 .db-nofleet .db-account{grid-template-columns:minmax(0,1fr) 14px}
 .db-nofleet .db-account-reason{grid-column:1/3}
 .db-nofleet .db-row-open{grid-column:2}
 .db-queue-empty{padding:30px 20px}
}
/* Sources page: each card is a fact, not a paragraph, so a short card no longer
   stretches to match the tall one beside it. */
.s7connections{align-items:start}
/* A quiet button stays quiet in the dark theme too: `html[data-theme=dark]
   .s7button` out-specifies `.s7button.s7secondary`, so the secondary variant
   has to say it again at the same weight. */
html[data-theme=dark] .s7button.s7secondary{background:var(--card);border-color:var(--line);color:var(--ink)}
html[data-theme=dark] .s7button.s7secondary:hover{background:var(--surf2);border-color:var(--rule2);color:var(--ink)}

/* One 78px desk nav holding
   the places, search and the data-through chip; the second header bar stays for the phone
   only. Phone shell text at 12px or more; the phone avatar is a round
   light-blue chip like the desk's. */
@media (min-width: 701px) { .main > header.top { display: none; } }
.side .sw-navsrch { display: flex; align-items: center; gap: 8px; height: 38px; min-width: 300px; padding: 0 12px; background: var(--surf2); border: 1px solid var(--line); border-radius: 8px; color: var(--mute); font: 500 13px var(--ui); cursor: pointer; flex: none; }
.side .sw-navsrch svg { width: 16px; height: 16px; }
.side .sw-navsrch kbd { margin-left: auto; font: 500 11px var(--ui); border: 1px solid var(--line); border-radius: 4px; padding: 1px 5px; color: var(--mute); background: var(--card); }
.side .sw-navdt { font-size: 12px; color: var(--mute); white-space: nowrap; flex: none; }
@media (max-width: 1200px) { .side .sw-navsrch { min-width: 0; } .side .sw-navsrch .srchtxt, .side .sw-navsrch kbd, .side .sw-navdt { display: none; } }
@media (max-width: 700px) {
  .top .dtwrap { display: none; }
  .tabbar a span:not(.tbadge), .tabbar button span { font-size: 12px; }
  .top .acctbtn .av, .top .acctbtn .ini { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--bluetint) !important; color: var(--blue); font: 600 12px var(--ui); line-height: 1; }
}

/* Portfolio, territory, pipeline and fleet references */

.app {
  display: block
}
.side {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 18px;
  height: 78px;
  min-height: 78px;
  padding: 0 30px;
  border-right: 0;
  border-bottom: 1px solid var(--line);
  overflow: visible;
  z-index: 35
}
.side .brand {
  width: 166px;
  min-height: 0;
  margin: 0 25px 0 0;
  padding: 0;
  flex: none
}
.side .s7lockup {
  width: 166px
}
.side nav.sw-primary-nav {
  display: flex;
  flex-direction: row;
  gap: 5px;
  align-items: center;
  height: 100%
}
.side nav.sw-primary-nav a {
  height: 78px;
  border-radius: 0;
  position: relative;
  padding: 0 13px;
  font-size: 13px;
  gap: 6px;
  white-space: nowrap
}
.side nav.sw-primary-nav a>svg {
  display: none
}
.side nav.sw-primary-nav a.on {
  background: none
}
.side nav.sw-primary-nav a.on:after {
  content: '';
  position: absolute;
  bottom: 0;
  height: 3px;
  left: 13px;
  right: 13px;
  background: var(--accent-2);
  border-radius: 2px
}
.side nav a .c {
  font-size: 10px;
  padding: 1px 4px
}
.side .grow {
  flex: 1
}
.sw-nav-more,.sw-profile {
  position: relative;
  flex: none
}
.sw-nav-more summary,.sw-profile summary {
  display: flex;
  align-items: center;
  cursor: pointer;
  list-style: none;
  gap: 8px;
  color: var(--ink2);
  font-size: 12px;
  min-height: 44px
}
.sw-nav-more summary::-webkit-details-marker,.sw-profile summary::-webkit-details-marker {
  display: none
}
.sw-nav-more summary>svg,.sw-profile summary>svg {
  width: 14px;
  height: 14px
}
.sw-nav-more>nav,.sw-profile-menu {
  position: absolute;
  right: 0;
  top: calc(100% + 10px);
  min-width: 220px;
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 9px;
  padding: 10px;
  z-index: 60
}
.side .sw-nav-more nav {
  gap: 4px
}
.sw-profile summary .av {
  background: var(--bluetint)!important;
  color: var(--blue);
  width: 36px;
  height: 36px;
  font-size: 12px;
  border: 0
}
.sw-profile summary>span {
  display: grid;
  gap: 4px;
  min-width: 110px
}
.sw-profile summary b {
  font-size: 12px;
  font-weight: 600
}
.sw-profile summary small {
  font-size: 10px;
  color: var(--mute)
}
.sw-profile-menu .who {
  margin: 0;
  padding: 8px;
  border: 0
}
.sw-profile-menu .themesw {
  margin-top: 8px
}
.sw-profile-menu .themelbl {
  display: block;
  color: var(--mute);
  padding: 10px 8px 0;
  font-size: 10px
}
.top {
  height: 48px;
  min-height: 48px;
  position: relative;
  top: auto;
  border-bottom: 1px solid var(--line2);
  padding: 0 34px;
  background: var(--card)
}
.top .tophd {
  display: flex;
  align-items: baseline;
  gap: 12px
}
.top h1 {
  font-size: 12px
}
.top .sub {
  font-size: 10px;
  margin: 0;
  color: var(--mute)
}
.top .srch {
  height: 30px;
  min-width: 300px;
  border: 0;
  background: var(--surf2)
}
.top .srchtxt {
  font-size: 11px
}
.wrap {
  width: 100%;
  max-width: 1740px;
  padding: 24px 34px 28px
}
.sw-workspace {
  display: block;
  color: var(--ink)
}
.sw-workspace [hidden] {
  display: none!important
}
.sw-kicker {
  display: block;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 1.5px;
  line-height: 1.6;
  color: var(--mute)
}
.sw-hero {
  min-height: 208px;
  position: relative;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #e6eef5 url('/assets/workspace/florida-daycab.png') right 53%/cover no-repeat;
  overflow: hidden
}
.sw-hero:before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,#f4f8fc 0%,#f4f8fcf5 28%,#f4f8fc9e 48%,#f4f8fc00 69%)
}
.sw-hero-copy {
  position: relative;
  z-index: 1;
  padding: 28px 30px;
  max-width: 640px
}
.sw-hero .sw-kicker {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #50667c;
  font-size: 9px;
  letter-spacing: 1.25px
}
.sw-hero .sw-kicker i {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #718aa2
}
.sw-hero h2,.sw-view-heading h2,.sw-pipeline-heading h2 {
  font: 600 34px/1.16 var(--ui);
  letter-spacing: -1.15px;
  margin: 11px 0 8px
}
.sw-hero h2 {
  color: #183a55
}
.sw-hero p {
  font-size: 14px;
  color: #50667c;
  margin: 0 0 20px
}
.sw-hero .s7button {
  min-height: 36px;
  padding: 8px 13px;
  font-size: 11px
}
.sw-view-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0 25px
}
.sw-view-heading p,.sw-pipeline-heading p {
  font-size: 14px;
  color: var(--mute);
  margin: 0
}
.sw-view-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border-bottom: 1px solid var(--line);
  margin: 6px 0 20px
}
.sw-view-nav>div {
  display: flex;
  gap: 25px
}
.sw-view-nav a {
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
  min-height: 57px;
  font-size: 12px;
  font-weight: 550;
  color: var(--mute);
  text-decoration: none
}
.sw-view-nav a svg {
  width: 16px;
  height: 16px
}
.sw-view-nav a[aria-current] {
  color: var(--blue)
}
.sw-view-nav a[aria-current]:after {
  content: '';
  height: 3px;
  background: var(--accent-2);
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  border-radius: 2px
}
.sw-view-nav>span {
  font-size: 10px;
  color: var(--mute)
}
.sw-stats {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 9px;
  margin-bottom: 22px
}
.sw-stat {
  padding: 17px 24px;
  display: flex;
  align-items: center;
  gap: 17px;
  text-decoration: none;
  color: var(--ink);
  min-width: 0
}
.sw-stat+.sw-stat {
  border-left: 1px solid var(--line)
}
.sw-stat>strong {
  font-size: 30px;
  line-height: 1;
  letter-spacing: -1px;
  font-weight: 550;
  color: var(--blue)
}
.sw-stat>span {
  display: grid;
  gap: 4px
}
.sw-stat b {
  font-size: 12px;
  font-weight: 550
}
.sw-stat small {
  font-size: 10px;
  color: var(--mute)
}
.sw-stat>svg {
  margin-left: auto;
  width: 13px;
  height: 13px;
  color: var(--mute)
}
.sw-stat:hover {
  background: var(--surf2)
}
.sw-main-grid {
  display: grid;
  grid-template-columns: minmax(0,1.48fr) minmax(340px,1fr);
  gap: 18px;
  align-items: start
}
.sw-panel {
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--card);
  min-width: 0;
  overflow: hidden
}
.sw-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 21px 15px;
  gap: 12px
}
.sw-panel-head h3 {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -.25px;
  margin: 0
}
.sw-panel-head p {
  font-size: 10px;
  line-height: 1.6;
  color: var(--mute);
  margin: 7px 0 0
}
.sw-panel-head>a {
  display: flex;
  gap: 5px;
  align-items: center;
  font-size: 10px;
  white-space: nowrap
}
.sw-panel-head>svg,.sw-panel-head>a>svg {
  width: 16px;
  height: 16px;
  color: var(--blue)
}
.sw-count {
  margin-left: 5px;
  font-size: 10px;
  font-weight: 500;
  background: var(--surf2);
  color: var(--mute);
  border-radius: 4px;
  padding: 2px 5px
}
.sw-tools {
  padding: 0 16px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap
}
.sw-tools .db-tabs {
  gap: 2px
}
.sw-tools .db-tabs button {
  font-size: 10px;
  padding: 6px 7px;
  min-height: 31px
}
.sw-tools .db-filter-search {
  background: var(--surf2);
  padding: 0 8px;
  border: 1px solid var(--line);
  border-radius: 5px;
  max-width: 155px
}
.sw-tools .db-filter-search input {
  font-size: 10px;
  height: 30px
}
.sw-list-head,.db-account.sw-account {
  display: grid;
  grid-template-columns: minmax(0,1.05fr) minmax(0,1.15fr) 43px 10px;
  gap: 13px;
  align-items: center;
  padding: 13px 20px
}
.sw-list-head {
  padding-top: 10px;
  padding-bottom: 10px;
  background: var(--surf2);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  font-size: 9px;
  color: var(--mute)
}
.sw-list-head>span:nth-child(3) {
  text-align: center
}
.sw-account-list {
  max-height: 635px;
  overflow: auto;
  overscroll-behavior: contain
}
.sw-account-wrap {
  border-bottom: 1px solid var(--line2)
}
.sw-account-wrap:last-child {
  border-bottom: 0
}
.db-account.sw-account {
  width: 100%;
  border: 0;
  border-radius: 0;
  min-height: 85px;
  background: none;
  text-align: left;
  color: var(--ink);
  font: inherit;
  cursor: pointer;
  position: relative
}
.sw-account-wrap.is-selected {
  background: var(--bluetint)
}
.sw-account-wrap.is-selected>.sw-account:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 3px;
  background: var(--accent-2)
}
.db-account.sw-account:hover {
  background: var(--surf2)
}
.sw-account .db-account-main {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0
}
.sw-account .db-account-main>span:last-child {
  min-width: 0
}
.sw-account .db-account-main strong {
  font-size: 11px;
  line-height: 1.5;
  font-weight: 600;
  white-space: normal;
  overflow-wrap: anywhere;
  display: block;
  color: var(--ink)
}
.sw-account .db-account-main small {
  display: block;
  margin-top: 3px;
  font-size: 9px;
  color: var(--mute)
}
.sw-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 31px;
  height: 31px;
  border-radius: 50%;
  background: var(--bluetint);
  color: var(--blue);
  font-size: 10px;
  font-weight: 650;
  border: 1px solid color-mix(in srgb,var(--blue) 12%,transparent)
}
.is-selected .sw-avatar {
  background: var(--card)
}
.sw-avatar>svg {
  width: 16px;
  height: 16px
}
.sw-account-reason {
  display: grid;
  gap: 5px;
  min-width: 0
}
.sw-account-reason>span:last-child {
  font-size: 10px;
  line-height: 1.55;
  color: var(--ink2);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden
}
.sw-tag {
  display: inline-flex;
  justify-self: start;
  align-items: center;
  gap: 6px;
  color: var(--blue);
  font-size: 9px;
  font-weight: 550;
  line-height: 1.4
}
.sw-tag:before {
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--accent-2);
  flex: none
}
.sw-tag-amber {
  color: var(--amber)
}
.sw-tag-amber:before {
  background: var(--amber)
}
.sw-account-fleet {
  text-align: center
}
.sw-account-fleet b {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: var(--ink)
}
.sw-account-fleet small {
  font-size: 8px;
  color: var(--mute)
}
.sw-select-arrow {
  color: var(--mute);
  display: flex
}
.sw-select-arrow>svg {
  width: 13px;
  height: 13px
}
.sw-list-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid var(--line);
  padding: 15px 20px;
  font-size: 10px;
  color: var(--mute);
  gap: 8px
}
.sw-list-foot>a {
  display: flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap
}
.sw-list-foot svg {
  width: 13px;
  height: 13px
}
.sw-brief {
  position: sticky;
  top: 20px
}
.sw-brief .sw-panel-head {
  padding-bottom: 17px
}
.sw-brief-title {
  display: flex;
  gap: 13px;
  padding: 0 21px 20px;
  align-items: center
}
.sw-avatar-lg {
  width: 46px;
  height: 46px;
  font-size: 14px
}
.sw-brief-title h3 {
  font-size: 18px;
  line-height: 1.3;
  letter-spacing: -.4px;
  margin: 0
}
.sw-brief-title p {
  font-size: 11px;
  color: var(--mute);
  margin: 6px 0
}
.sw-status {
  font-size: 9px;
  color: var(--mute);
  display: inline-flex;
  align-items: center;
  gap: 5px
}
.sw-status i {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--positive)
}
.sw-brief-sections {
  padding: 0 21px
}
.sw-brief-sections>section {
  padding: 16px 0;
  border-top: 1px solid var(--line)
}
.sw-brief-sections h4 {
  font-size: 12px;
  margin: 6px 0;
  font-weight: 600
}
.sw-brief-sections p {
  font-size: 11px;
  line-height: 1.7;
  margin: 6px 0;
  color: var(--ink2)
}
.sw-source-note {
  display: block;
  font-size: 9px;
  color: var(--mute);
  line-height: 1.6;
  margin-top: 7px
}
.sw-why {
  position: relative
}
.sw-fleet-heading {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 12px
}
.sw-truck {
  width: 78px;
  height: 39px;
  color: var(--blue);
  flex: none
}
.sw-fleet-heading>span {
  display: grid;
  gap: 4px
}
.sw-fleet-heading b {
  font-size: 11px;
  font-weight: 600
}
.sw-fleet-heading small {
  font-size: 9px;
  color: var(--mute)
}
.sw-facts {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 12px
}
.sw-facts>div {
  display: grid;
  gap: 4px
}
.sw-facts small {
  font-size: 9px;
  color: var(--mute)
}
.sw-facts b {
  font-size: 11px;
  font-weight: 550
}
.sw-age-bar {
  display: flex;
  height: 6px;
  gap: 3px;
  border-radius: 3px;
  overflow: hidden;
  margin: 15px 0 7px
}
.sw-age-0 {
  background: #a7cffe
}
.sw-age-1 {
  background: #4395e9
}
.sw-age-2 {
  background: #24567e
}
.sw-age-legend {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  font-size: 9px;
  color: var(--mute)
}
.sw-age-legend b {
  color: var(--ink2);
  font-weight: 550
}
.sw-contact>div {
  display: flex;
  gap: 10px;
  margin: 12px 0 10px;
  align-items: center
}
.sw-contact>div>span:last-child {
  display: grid;
  gap: 4px
}
.sw-contact b {
  font-size: 12px;
  font-weight: 600
}
.sw-contact small {
  font-size: 10px;
  color: var(--mute)
}
.sw-phone {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 13px;
  font-weight: 600
}
.sw-phone>svg {
  width: 15px;
  height: 15px
}
.sw-brief-actions {
  padding: 16px 21px;
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 8px;
  border-top: 1px solid var(--line)
}
.sw-brief-actions .s7button {
  padding: 9px 10px;
  min-height: 37px;
  font-size: 10px
}
.sw-brief-loading {
  min-height: 300px;
  display: grid;
  place-items: center;
  font-size: 12px;
  color: var(--mute);
  background: var(--surf2)
}
.sw-last-touch p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden
}
.sw-empty {
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: center;
  text-align: center;
  padding: 35px 20px;
  color: var(--mute)
}
.sw-empty h4 {
  font-size: 12px;
  font-weight: 500;
  margin: 0
}
.sw-bottom-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 18px;
  margin-top: 22px
}
.sw-bottom-grid .sw-panel {
  display: flex;
  flex-direction: column
}
.sw-bottom-grid .sw-panel-head h3 {
  margin-top: 6px;
  font-size: 14px
}
.sw-bottom-grid .sw-kicker {
  font-size: 8px;
  letter-spacing: 1.1px
}
.sw-panel-link {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  font-size: 10px;
  padding: 13px 20px;
  margin-top: auto;
  border-top: 1px solid var(--line)
}
.sw-panel-link svg {
  width: 13px;
  height: 13px
}
.sw-follow {
  display: flex;
  gap: 12px;
  width: 100%;
  text-align: left;
  border: 0;
  border-top: 1px solid var(--line2);
  padding: 13px 20px;
  color: var(--ink);
  background: none;
  cursor: pointer
}
.sw-follow-date {
  font-size: 9px;
  min-width: 46px;
  color: var(--blue);
  padding-top: 2px
}
.sw-follow .is-late {
  color: var(--amber)
}
.sw-follow>span:nth-child(2) {
  display: grid;
  gap: 5px;
  flex: 1
}
.sw-follow b {
  font-size: 11px;
  font-weight: 550
}
.sw-follow small {
  font-size: 10px;
  line-height: 1.5;
  color: var(--mute)
}
.sw-follow>svg {
  width: 14px;
  height: 14px;
  flex: none
}
.sw-clear {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 18px 20px 30px
}
.sw-clear>span {
  width: 33px;
  height: 33px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--bluetint);
  color: var(--blue);
  flex: none
}
.sw-clear>span svg {
  width: 16px;
  height: 16px
}
.sw-clear b {
  font-size: 12px;
  font-weight: 550
}
.sw-clear p {
  font-size: 10px;
  color: var(--mute);
  line-height: 1.8;
  max-width: 220px;
  margin: 7px 0 0
}
.sw-coverage {
  padding: 0 20px 13px
}
.sw-coverage>a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 0;
  border-top: 1px solid var(--line2);
  text-decoration: none;
  color: var(--ink)
}
.sw-coverage .sw-avatar {
  width: 25px;
  height: 25px;
  font-size: 8px
}
.sw-coverage b {
  font-size: 10px;
  font-weight: 500;
  flex: 1
}
.sw-coverage>a>span:last-child {
  font-size: 11px;
  color: var(--blue)
}
.sw-coverage small {
  font-size: 9px;
  color: var(--mute)
}
.sw-stage {
  width: 6px;
  height: 6px;
  background: var(--accent-2);
  border-radius: 50%
}
.sw-stage-working {
  background: var(--positive)
}
.sw-stage-hot {
  background: var(--amber)
}
.sw-stage-quiet {
  background: var(--mute)
}
.sw-territory-preview {
  position: relative;
  min-height: 243px;
  background: var(--card);
  overflow: hidden
}
.sw-territory-preview>div:first-child {
  position: relative;
  padding: 22px 20px;
  z-index: 2;
  max-width: 64%;
  pointer-events: none
}
.sw-territory-preview h3 {
  font-size: 17px;
  line-height: 1.4;
  letter-spacing: -.3px;
  margin: 9px 0
}
.sw-territory-preview p {
  font-size: 10px;
  line-height: 1.7;
  color: var(--mute);
  max-width: 170px
}
.sw-territory-preview a {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 10px;
  margin-top: 28px;
  pointer-events: auto
}
.sw-territory-preview a svg {
  width: 13px;
  height: 13px
}
.sw-mini-map {
  position: absolute;
  right: -15%;
  top: 0;
  bottom: 0;
  width: 79%;
  opacity: .85
}
.sw-mini-map:after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,var(--card),transparent 50%)
}
.sw-mini-map .sw-map {
  height: 100%;
  background: transparent
}
.sw-map-mini svg {
  height: 100%;
  min-height: 240px
}
.sw-map-mini .sw-map-note,.sw-map-mini .sw-water-label,.sw-map-mini .sw-state-label,.sw-map-mini .sw-city-name {
  display: none
}
.sw-evidence-note {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--mute);
  font-size: 9px;
  line-height: 1.8;
  margin-top: 23px
}
.sw-evidence-note>svg {
  width: 14px;
  height: 14px;
  flex: none
}
.sw-evidence-note>a {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap
}
.sw-evidence-note>a>svg {
  width: 12px;
  height: 12px
}
/* Portfolio gives the full priority selection a grouped, comparable layout. */
.sw-workspace[data-view=portfolio] .sw-main-grid {
  grid-template-columns: minmax(0,1fr)
}
.sw-workspace[data-view=portfolio] .sw-list-head,.sw-workspace[data-view=portfolio] .sw-account {
  grid-template-columns: minmax(0,1.1fr) minmax(0,1.5fr) 90px minmax(130px,.8fr) 15px
}
.sw-workspace[data-view=portfolio] .sw-account {
  min-height: 77px
}
.sw-workspace[data-view=portfolio] .sw-account .db-account-main strong {
  font-size: 12px
}
.sw-workspace[data-view=portfolio] .sw-account-reason>span:last-child {
  font-size: 11px
}
.sw-relationship {
  display: grid;
  gap: 7px
}
.sw-relationship small {
  font-size: 10px;
  color: var(--mute)
}
.sw-relationship b {
  font-size: 11px;
  font-weight: 550;
  color: var(--blue)
}
.sw-workspace[data-view=portfolio] .sw-brief {
  position: static;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: start
}
.sw-workspace[data-view=portfolio] .sw-brief .sw-panel-head {
  grid-column: 1/-1
}
.sw-workspace[data-view=portfolio] .sw-brief-title {
  grid-column: 1;
  padding-top: 10px
}
.sw-workspace[data-view=portfolio] .sw-brief-sections {
  display: contents
}
.sw-workspace[data-view=portfolio] .sw-brief-sections>section {
  border-top: 0;
  border-left: 1px solid var(--line);
  margin: 0 20px 20px;
  padding: 5px 20px
}
.sw-workspace[data-view=portfolio] .sw-brief-actions {
  grid-column: 1/-1;
  display: flex;
  justify-content: flex-end
}
.sw-workspace[data-view=portfolio] .sw-last-touch {
  display: none
}
.sw-workspace[data-view=portfolio] .sw-brief-loading {
  grid-column: 1/-1
}
.sw-reason-summary {
  margin-top: 25px;
  padding: 0 1px
}
.sw-reason-summary>div {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 25px;
  margin-top: 12px
}
.sw-reason-summary>div>span {
  display: flex;
  gap: 9px;
  align-items: center;
  flex-wrap: wrap;
  color: var(--mute);
  font-size: 10px
}
.sw-reason-summary i {
  display: block;
  width: 100%;
  height: 4px;
  background: linear-gradient(to right,var(--accent-2) var(--share),var(--line) var(--share));
  border-radius: 3px
}
.sw-reason-summary b {
  font-size: 15px;
  color: var(--ink)
}
/* Territory map, generated from public geographic coordinates. */
.sw-workspace[data-view=territory] .sw-main-grid {
  grid-template-columns: 355px minmax(0,1fr);
  gap: 0;
  border: 1px solid var(--line);
  border-radius: 10px;
  overflow: hidden;
  align-items: stretch;
  background: var(--card)
}
.sw-workspace[data-view=territory] .sw-priorities {
  border: 0;
  border-right: 1px solid var(--line);
  border-radius: 0
}
.sw-workspace[data-view=territory] .sw-panel-head {
  padding: 19px 18px 13px
}
.sw-workspace[data-view=territory] .sw-tools {
  padding: 0 13px 13px
}
.sw-workspace[data-view=territory] .sw-account-list {
  max-height: 660px
}
.sw-workspace[data-view=territory] .sw-account {
  grid-template-columns: 1fr 45px;
  padding: 17px 18px 9px;
  gap: 10px;
  min-height: 125px
}
.sw-workspace[data-view=territory] .sw-account .db-account-main {
  grid-column: 1/-1
}
.sw-workspace[data-view=territory] .sw-account .db-account-main strong {
  font-size: 12px
}
.sw-workspace[data-view=territory] .sw-account-reason {
  grid-column: 1
}
.sw-workspace[data-view=territory] .sw-select-arrow {
  display: none
}
.sw-inline-link {
  display: flex;
  align-items: center;
  gap: 6px;
  border: 0;
  color: var(--blue);
  background: none;
  font: 500 10px var(--ui);
  cursor: pointer;
  padding: 4px 18px 17px
}
.sw-inline-link svg {
  width: 12px;
  height: 12px
}
.sw-map-panel {
  position: relative;
  min-width: 0;
  display: flex;
  flex-direction: column;
  background: var(--surf2)
}
.sw-map-caption {
  position: absolute;
  top: 23px;
  left: 25px;
  z-index: 2;
  display: grid;
  gap: 8px;
  max-width: 360px;
  pointer-events: none
}
.sw-map-caption b {
  font-size: 15px;
  font-weight: 550;
  line-height: 1.4
}
.sw-map-caption>span:last-child {
  font-size: 10px;
  color: var(--mute)
}
.sw-map {
  position: relative;
  background: #e7f1f5;
  overflow: hidden;
  color: #366d97
}
.sw-map svg {
  width: 100%;
  display: block;
  max-height: 675px
}
.sw-map-land path {
  fill: #f8fbf9;
  stroke: #afccd2;
  stroke-width: 1;
  stroke-linejoin: round
}
.sw-map-grid path {
  stroke: #cbdfe6;
  stroke-width: .5;
  fill: none
}
.sw-water-label {
  font: italic 15px var(--ui);
  letter-spacing: 2px;
  fill: #7dabbc
}
.sw-state-label {
  font: 500 14px var(--ui);
  letter-spacing: 5px;
  fill: #8badb4
}
.sw-pin-halo {
  fill: #168bff;
  fill-opacity: .12;
  stroke: none
}
.sw-pin-dot {
  fill: #238be7;
  stroke: white;
  stroke-width: 2.5
}
.sw-pin-count {
  fill: white;
  font: 600 10px var(--ui)
}
.sw-map-pin {
  cursor: pointer
}
.sw-map-pin:hover .sw-pin-dot,.sw-map-pin.is-selected .sw-pin-dot {
  fill: #193e62;
  stroke-width: 3
}
.sw-map-pin.is-selected .sw-pin-halo {
  fill-opacity: .25
}
.sw-map-pin:focus {
  outline: none
}
.sw-map-pin:focus .sw-pin-halo {
  stroke: #193e62;
  stroke-width: 2
}
.sw-city-name {
  font: 550 10px var(--ui);
  fill: #385774;
  paint-order: stroke;
  stroke: #f8fbf9;
  stroke-width: 4px;
  stroke-linejoin: round
}
.sw-map-note {
  position: absolute;
  left: 20px;
  bottom: 32px;
  font-size: 9px;
  color: #476984;
  background: #f8fbf9e6;
  padding: 6px 9px;
  border-radius: 4px
}
.sw-map-attribution {
  position: absolute;
  bottom: 10px;
  left: 20px;
  font-size: 8px;
  color: #58768a
}
.sw-city-legend {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  padding: 17px 20px;
  border-top: 1px solid var(--line);
  background: var(--card);
  margin-top: auto
}
.sw-city-legend>span {
  font-size: 9px;
  color: var(--mute);
  margin-right: 8px
}
.sw-city-legend button,.sw-city-filters button {
  background: var(--surf2);
  border: 1px solid var(--line);
  padding: 7px 9px;
  font: 500 10px var(--ui);
  color: var(--ink);
  border-radius: 5px;
  cursor: pointer;
  display: flex;
  gap: 9px
}
.sw-city-legend button[aria-pressed=true] {
  border-color: var(--blue);
  background: var(--bluetint);
  color: var(--blue)
}
.sw-city-legend b {
  font-weight: 500;
  color: var(--blue)
}
.sw-city-legend small {
  width: 100%;
  font-size: 9px;
  color: var(--mute);
  margin-top: 5px
}
.sw-city-filters {
  padding: 0 18px 13px
}
/* The existing pipeline keeps its statuses, ranking, ownership and actions. */
.sw-pipeline-heading {
  padding: 6px 0 25px
}
.sw-pipeline-heading h2 {
  font-size: 29px
}
.sw-pipeline-account {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 13px
}
.w4pc .sw-pipeline-account>b {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;
  white-space: normal;
  display: block
}
.w4pc {
  padding: 16px 14px;
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 8px!important;
  margin-bottom: 10px!important;
  min-height: 128px
}
.w4pcline2 {
  display: flex;
  flex-wrap: wrap!important;
  gap: 8px!important;
  white-space: normal!important
}
.w4pcmeta {
  flex-basis: 100%;
  font-size: 10px;
  display: flex;
  align-items: center;
  gap: 6px
}
.w4pcmeta>svg {
  width: 13px;
  height: 13px;
  flex: none
}
.w4pcago {
  font-size: 10px!important;
  white-space: normal!important;
  flex-basis: 100%;
  margin: 0!important;
  color: var(--mute)!important
}
.sw-pipeline-open {
  font-size: 10px;
  color: var(--blue);
  display: flex;
  gap: 6px;
  align-items: center;
  margin-top: 4px
}
.sw-pipeline-open>svg {
  width: 12px;
  height: 12px
}
.w4pcband {
  margin-left: auto!important
}
.w4col {
  border-radius: 9px;
  background: var(--surf2);
  border: 1px solid var(--line);
  padding: 13px 10px!important;
  border-top: 3px solid var(--accent-2)
}
.w4col[data-stage=working] {
  border-top-color: var(--positive)
}
.w4col[data-stage=hot] {
  border-top-color: var(--amber)
}
.w4col[data-stage=quiet] {
  border-top-color: var(--mute)
}
.w4board {
  gap: 13px!important;
  min-height: 420px;
  height: calc(100dvh - 370px)
}
.w4col .colh b {
  font-size: 13px
}
.w4col .colsub {
  font-size: 10px;
  line-height: 1.6;
  margin-bottom: 17px!important
}
html[data-theme=dark] .sw-hero:before {
  background: linear-gradient(90deg,#172b3f 0%,#172b3ff5 28%,#172b3fb3 48%,#172b3f00 80%)
}
html[data-theme=dark] .sw-hero h2 {
  color: #edf6ff
}
html[data-theme=dark] .sw-hero p,html[data-theme=dark] .sw-hero .sw-kicker {
  color: #b6cde2
}
html[data-theme=dark] .sw-map {
  background: #172d40
}
html[data-theme=dark] .sw-map-land path {
  fill: #253f4d;
  stroke: #436170
}
html[data-theme=dark] .sw-map-grid path {
  stroke: #28465a
}
html[data-theme=dark] .sw-city-name {
  fill: #d2e9fa;
  stroke: #253f4d
}
html[data-theme=dark] .sw-map-note {
  background: #172d40dd;
  color: #b8d0e5
}
html[data-theme=dark] .sw-map-attribution {
  color: #a0b8c8
}
html[data-theme=dark] .sw-pin-dot {
  stroke: #172d40
}
html[data-theme=dark] .sw-pin-count {
  fill: #fff
}
@media(min-width:1600px) {
  .sw-hero {
    min-height: 238px
  }
  .sw-hero-copy {
    padding: 37px 35px
  }
  .sw-account .db-account-main strong {
    font-size: 12px
  }
  .sw-account-reason>span:last-child {
    font-size: 11px
  }
  .sw-main-grid {
    grid-template-columns: minmax(0,1.65fr) minmax(370px,1fr)
  }
}
@media(max-width:1200px) {
  .side {
    padding: 0 23px;
    gap: 12px
  }
  .side .brand {
    margin-right: 6px;
    width: 145px
  }
  .side .s7lockup {
    width: 145px
  }
  .side nav.sw-primary-nav a {
    font-size: 11px;
    padding: 0 9px
  }
  .side nav a .c {
    display: none
  }
  .sw-profile summary>span {
    min-width: 0
  }
  .sw-profile summary small {
    display: none
  }
  .wrap {
    padding: 22px 25px
  }
  .top {
    padding: 0 25px
  }
  .sw-main-grid {
    grid-template-columns: minmax(0,1.2fr) minmax(310px,1fr)
  }
  .sw-list-head,.db-account.sw-account {
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) 34px 8px;
    gap: 9px;
    padding-left: 15px;
    padding-right: 15px
  }
  .sw-account .db-account-main {
    gap: 7px
  }
  .sw-account .db-account-main>.sw-avatar {
    display: none
  }
  .sw-hero {
    min-height: 195px
  }
  .sw-hero h2 {
    font-size: 31px
  }
  .sw-stat {
    padding: 17px;
    gap: 12px
  }
  .sw-stat>strong {
    font-size: 26px
  }
  .sw-stat>svg {
    display: none
  }
  .sw-bottom-grid {
    gap: 14px
  }
  .sw-panel-head {
    padding: 18px 17px 14px
  }
  .sw-bottom-grid .sw-panel-head {
    align-items: flex-start
  }
  .sw-workspace[data-view=territory] .sw-main-grid {
    grid-template-columns: 320px minmax(0,1fr)
  }
  .sw-workspace[data-view=territory] .sw-account .db-account-main>.sw-avatar {
    display: flex
  }
}
@media(max-width:950px) {
  .side nav.sw-primary-nav a {
    padding: 0 7px
  }
  .side .brand {
    width: 128px
  }
  .side .s7lockup {
    width: 128px
  }
  .sw-profile summary>span {
    display: none
  }
  .sw-profile summary>svg {
    display: none
  }
  .sw-primary-nav a .c {
    display: none
  }
  .sw-nav-more summary {
    font-size: 11px
  }
  .sw-main-grid {
    grid-template-columns: minmax(0,1fr)
  }
  .sw-brief {
    position: static
  }
  .sw-brief-sections {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 24px
  }
  .sw-brief-title h3 {
    font-size: 21px
  }
  .sw-brief-actions {
    display: flex;
    justify-content: flex-end
  }
  .sw-bottom-grid {
    grid-template-columns: 1fr 1fr
  }
  .sw-bottom-grid>section:last-child {
    grid-column: 1/-1
  }
  .sw-coverage {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 25px
  }
  .sw-view-nav>span {
    display: none
  }
  .sw-hero .sw-kicker {
    max-width: 325px;
    flex-wrap: wrap;
    row-gap: 4px
  }
  .sw-hero h2 {
    font-size: 30px
  }
  .sw-hero:before {
    background: linear-gradient(90deg,#f4f8fc 0%,#f4f8fcf5 30%,#f4f8fc80 63%,transparent)
  }
  .sw-account .db-account-main>.sw-avatar {
    display: flex
  }
  .sw-stat small {
    font-size: 9px;
    line-height: 1.5
  }
  .sw-stat b {
    font-size: 11px
  }
  .sw-stat {
    padding: 16px 13px;
    gap: 10px
  }
  .sw-workspace[data-view=portfolio] .sw-account,.sw-workspace[data-view=portfolio] .sw-list-head {
    grid-template-columns: minmax(0,1fr) minmax(0,1.2fr) 45px minmax(100px,.65fr) 10px
  }
  .sw-workspace[data-view=portfolio] .sw-account .db-account-main>.sw-avatar {
    display: none
  }
  .sw-workspace[data-view=portfolio] .sw-brief {
    grid-template-columns: 1fr 1fr
  }
  .sw-workspace[data-view=portfolio] .sw-brief-sections>section {
    margin: 0 15px 20px;
    padding: 5px 15px
  }
  .sw-workspace[data-view=territory] .sw-main-grid {
    grid-template-columns: 280px minmax(0,1fr)
  }
  .sw-map-caption {
    position: static;
    padding: 20px
  }
  .sw-map-note {
    left: 10px;
    bottom: 28px
  }
  .sw-map-attribution {
    left: 10px;
    font-size: 7px
  }
}
@media(max-width:700px) {
  .side {
    display: none
  }
  .top {
    height: 56px;
    min-height: 56px;
    padding: 0 17px
  }
  .top .sub {
    display: none
  }
  .top .srch {
    min-width: 0;
    background: none;
    padding: 0;
    width: 32px;
    height: 32px
  }
  .top .srch .srchtxt,.top .srch kbd {
    display: none
  }
  .top .dtwrap {
    font-size: 8px
  }
  .wrap {
    padding: 16px 14px 90px
  }
  .sw-hero {
    min-height: 210px;
    background-size: auto 100%;
    background-position: 69% center;
    border-radius: 9px
  }
  .sw-hero:before {
    background: linear-gradient(90deg,#f4f8fcf7 0%,#f4f8fcd9 44%,#f4f8fc50 100%)
  }
  .sw-hero-copy {
    padding: 23px 20px
  }
  .sw-hero .sw-kicker {
    display: block;
    max-width: 235px;
    font-size: 7px;
    line-height: 2.1
  }
  .sw-hero .sw-kicker i {
    display: none
  }
  .sw-hero h2 {
    font-size: 28px;
    max-width: 255px;
    margin: 10px 0
  }
  .sw-hero p {
    font-size: 11px;
    margin-bottom: 18px
  }
  .sw-hero .s7button {
    min-height: 36px;
    font-size: 10px
  }
  .sw-view-nav {
    margin: 3px 0 17px;
    overflow-x: auto
  }
  .sw-view-nav>div {
    gap: 24px;
    min-width: max-content
  }
  .sw-view-nav a {
    font-size: 10px;
    gap: 5px;
    min-height: 52px
  }
  .sw-view-nav a svg {
    width: 14px;
    height: 14px
  }
  .sw-stats {
    margin-bottom: 17px;
    border: 0;
    background: none;
    border-radius: 0;
    gap: 10px
  }
  .sw-stat {
    padding: 0;
    display: block;
    border: 0!important;
    background: none!important
  }
  .sw-stat>strong {
    font-size: 25px;
    display: block;
    margin-bottom: 6px
  }
  .sw-stat>span {
    gap: 4px
  }
  .sw-stat b {
    font-size: 9px
  }
  .sw-stat small {
    font-size: 8px;
    max-width: 95px
  }
  .sw-main-grid {
    gap: 16px
  }
  .sw-panel-head {
    padding: 17px 15px 13px
  }
  .sw-panel-head h3 {
    font-size: 14px
  }
  .sw-panel-head p {
    font-size: 9px
  }
  .sw-panel-head>a {
    font-size: 9px
  }
  .sw-tools {
    padding: 0 10px 12px;
    gap: 9px
  }
  .sw-tools .db-tabs {
    gap: 1px
  }
  .sw-tools .db-tabs button {
    font-size: 9px;
    padding: 5px 6px;
    min-height: 32px
  }
  .sw-tools .db-filter-search {
    max-width: none;
    width: 100%
  }
  .sw-list-head {
    display: none!important
  }
  .db-account.sw-account,.sw-workspace[data-view=portfolio] .sw-account {
    grid-template-columns: minmax(0,1fr) 35px;
    gap: 8px;
    padding: 15px;
    min-height: 121px
  }
  .sw-account .db-account-main,.sw-workspace[data-view=portfolio] .sw-account .db-account-main {
    grid-column: 1;
    grid-row: 1;
    gap: 9px
  }
  .sw-account .db-account-main>.sw-avatar,.sw-workspace[data-view=portfolio] .sw-account .db-account-main>.sw-avatar {
    display: flex
  }
  .sw-account .db-account-main strong,.sw-workspace[data-view=portfolio] .sw-account .db-account-main strong {
    font-size: 11px
  }
  .sw-account-reason {
    grid-column: 1/-1;
    grid-row: 2;
    padding-left: 40px
  }
  .sw-account-reason>span:last-child {
    font-size: 10px!important
  }
  .sw-account-fleet {
    grid-column: 2;
    grid-row: 1
  }
  .sw-select-arrow {
    display: none
  }
  .sw-account-list {
    max-height: 600px
  }
  .sw-list-foot {
    padding: 13px 15px;
    font-size: 9px
  }
  .sw-brief-title {
    padding: 0 17px 18px
  }
  .sw-brief-title h3 {
    font-size: 18px
  }
  .sw-brief-sections {
    display: block;
    padding: 0 17px
  }
  .sw-brief-actions {
    padding: 15px 17px;
    display: grid;
    grid-template-columns: 1fr 1fr
  }
  .sw-brief-actions .s7button {
    font-size: 9px
  }
  .sw-brief {
    border-top: 3px solid var(--accent-2)
  }
  .sw-bottom-grid {
    grid-template-columns: 1fr;
    gap: 16px;
    margin-top: 16px
  }
  .sw-bottom-grid>section:last-child {
    grid-column: auto
  }
  .sw-coverage {
    display: block
  }
  .sw-territory-preview {
    min-height: 210px
  }
  .sw-mini-map {
    right: 0;
    width: 65%
  }
  .sw-territory-preview>div:first-child {
    max-width: 60%
  }
  .sw-evidence-note {
    align-items: flex-start;
    font-size: 8px;
    flex-wrap: wrap;
    gap: 6px
  }
  .sw-evidence-note>svg {
    display: none
  }
  .sw-evidence-note>a {
    margin-left: 0;
    font-size: 9px;
    width: 100%;
    margin-top: 4px
  }
  .sw-view-heading {
    padding: 7px 0 15px;
    display: block
  }
  .sw-view-heading h2 {
    font-size: 26px
  }
  .sw-view-heading p {
    font-size: 12px;
    line-height: 1.6
  }
  .sw-view-heading>.s7button {
    margin-top: 15px;
    min-height: 32px;
    font-size: 10px
  }
  .sw-workspace[data-view=portfolio] .sw-relationship {
    grid-column: 1/-1;
    grid-row: 3;
    padding-left: 40px;
    display: flex;
    gap: 10px;
    align-items: center
  }
  .sw-relationship b,.sw-relationship small {
    font-size: 9px
  }
  .sw-workspace[data-view=portfolio] .sw-brief {
    display: block
  }
  .sw-workspace[data-view=portfolio] .sw-brief-sections {
    display: block
  }
  .sw-workspace[data-view=portfolio] .sw-brief-sections>section {
    border-left: 0;
    border-top: 1px solid var(--line);
    padding: 15px 0;
    margin: 0
  }
  .sw-workspace[data-view=portfolio] .sw-brief-actions {
    display: grid
  }
  .sw-reason-summary>div {
    grid-template-columns: 1fr 1fr;
    gap: 15px
  }
  .sw-workspace[data-view=territory] .sw-main-grid {
    display: flex;
    flex-direction: column-reverse
  }
  .sw-workspace[data-view=territory] .sw-priorities {
    border: 0;
    border-top: 1px solid var(--line)
  }
  .sw-map-panel {
    min-height: 0
  }
  .sw-map-caption {
    padding: 17px 18px 6px;
    gap: 5px
  }
  .sw-map-caption b {
    font-size: 12px
  }
  .sw-map-caption>span:last-child {
    font-size: 9px
  }
  .sw-map svg {
    max-height: 360px
  }
  .sw-city-legend {
    padding: 12px 15px
  }
  .sw-city-legend>span {
    width: 100%;
    margin-bottom: 3px
  }
  .sw-map-note {
    bottom: 24px;
    font-size: 8px
  }
  .sw-map-attribution {
    bottom: 6px;
    left: 10px
  }
  .sw-workspace[data-view=territory] .sw-account {
    min-height: 120px;
    padding-bottom: 10px
  }
  .sw-workspace[data-view=territory] .sw-account .db-account-main {
    grid-column: 1
  }
  .sw-workspace[data-view=territory] .sw-account-reason {
    grid-column: 1/-1
  }
  .sw-pipeline-heading {
    padding: 4px 0 20px
  }
  .sw-pipeline-heading h2 {
    font-size: 25px;
    line-height: 1.2
  }
  .sw-pipeline-heading p {
    font-size: 11px;
    line-height: 1.7
  }
  .w4board {
    height: 560px;
    min-height: 0
  }
  .sw-profile-menu {
    position: static
  }
}
@media(prefers-reduced-motion:reduce) {
  .sw-workspace * {
    scroll-behavior: auto!important
  }
}
/* Avatar markup is a span too; only the adjacent identity copy gets a grid. */
.sw-profile summary>.av {
  display: flex;
  min-width: 36px;
  border-radius: 50%;
  flex: none
}
.sw-profile summary>span:not(.av) {
  min-width: 110px
}
.side nav.sw-primary-nav a.on {
  color: var(--blue)!important
}
@media(min-width:701px) {
  .tabbar {
    display: none
  }
}
@media(max-width:950px) {
  .sw-profile summary>.av {
    display: flex
  }
  .sw-profile summary>span:not(.av) {
    display: none
  }
}
@media(min-width:1600px) {
  .sw-hero {
    min-height: 200px
  }
  .sw-hero-copy {
    padding: 27px 35px
  }
}
/* Readable account text and a compact image header keep the work in view. */
.sw-workspace a:not(.s7button) {
  color: var(--blue)
}
.sw-workspace .sw-view-nav a:not([aria-current]) {
  color: var(--mute)
}
.sw-workspace .sw-stat {
  color: var(--ink)
}
.sw-profile summary>.av {
  align-items: center;
  justify-content: center;
  line-height: 1
}
.sw-hero {
  min-height: 178px;
  background-size: auto 120%;
  background-position: right center
}
.sw-hero-copy {
  padding: 22px 28px
}
.sw-hero h2 {
  font-size: 31px;
  margin: 8px 0
}
.sw-hero p {
  margin-bottom: 16px;
  font-size: 13px
}
.sw-hero .sw-kicker {
  font-size: 9px
}
.sw-view-nav a {
  min-height: 51px
}
.sw-stat {
  padding-top: 15px;
  padding-bottom: 15px
}
.sw-account .db-account-main strong {
  font-size: 13px
}
.sw-account .db-account-main small {
  font-size: 11px
}
.sw-account-reason>span:last-child {
  font-size: 11px
}
.sw-tag {
  font-size: 10px
}
.sw-account-fleet small {
  font-size: 9px
}
.sw-list-head {
  font-size: 10px
}
.sw-panel-head p {
  font-size: 11px
}
.sw-panel-head>a {
  font-size: 11px
}
.sw-tools .db-tabs button {
  font-size: 11px
}
.sw-tools .db-filter-search input {
  font-size: 11px
}
.sw-brief-sections p {
  font-size: 12px
}
.sw-brief-sections h4 {
  font-size: 13px
}
.sw-brief-title p {
  font-size: 12px
}
.sw-status {
  font-size: 10px
}
.sw-brief-actions .s7button {
  font-size: 11px
}
.sw-fleet-heading>svg:not(.sw-truck) {
  height: 27px;
  width: 27px;
  color: var(--blue)
}
.sw-list-foot {
  font-size: 11px
}
.sw-clear p,.sw-follow small,.sw-territory-preview p {
  font-size: 11px
}
.sw-coverage b {
  font-size: 11px
}
.sw-workspace[data-view=portfolio] .sw-account .db-account-main strong {
  font-size: 13px
}
.sw-no-fleet .sw-fleet-column,.sw-no-fleet .sw-account-fleet {
  display: none
}
.sw-no-fleet .sw-list-head,.sw-no-fleet .sw-account {
  grid-template-columns: minmax(0,1.05fr) minmax(0,1.15fr) 10px
}
.sw-no-fleet[data-view=portfolio] .sw-list-head,.sw-no-fleet[data-view=portfolio] .sw-account {
  grid-template-columns: minmax(0,1.1fr) minmax(0,1.5fr) minmax(130px,.8fr) 15px
}
@media(min-width:1600px) {
  .sw-hero {
    min-height: 178px
  }
  .sw-hero-copy {
    padding: 22px 28px
  }
}
@media(max-width:950px) {
  .sw-account .db-account-main strong {
    font-size: 12px
  }
  .sw-tools .db-tabs button {
    font-size: 10px
  }
}
@media(max-width:700px) {
  .sw-hero {
    min-height: 195px;
    background-size: auto 100%;
    background-position: 68% center
  }
  .sw-hero-copy {
    padding: 20px
  }
  .sw-hero h2 {
    font-size: 28px
  }
  .sw-hero p {
    font-size: 11px
  }
  .sw-hero .sw-kicker {
    font-size: 7px
  }
  .sw-panel-head p {
    font-size: 10px
  }
  .sw-tools .db-tabs button {
    font-size: 9px
  }
  .sw-account .db-account-main small {
    font-size: 10px
  }
  .sw-account .db-account-main strong {
    font-size: 11px
  }
  .sw-workspace[data-view=portfolio] .sw-account .db-account-main strong {
    font-size: 11px
  }
  .sw-list-foot {
    font-size: 9px
  }
  .sw-brief-actions .s7button {
    font-size: 9px
  }
  .sw-no-fleet .sw-account,.sw-no-fleet[data-view=portfolio] .sw-account {
    grid-template-columns: minmax(0,1fr) 35px
  }
}
@media(min-width:821px) {
  body[data-signal-route=reasons] .w6list {
    max-height: calc(100dvh - 340px);
    min-height: 420px;
    overflow-y: auto;
    overscroll-behavior: contain
  }
  body[data-signal-route=feed] .feedwrap.w6entries {
    max-height: calc(100dvh - 340px);
    min-height: 420px;
    overflow-y: auto;
    overscroll-behavior: contain
  }
}
/* Portfolio expands context immediately beneath the selected account. */
.sw-inlinebrief {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr;
  gap: 0;
  background: var(--card);
  padding: 22px 20px 24px;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line)
}
.sw-inlinebrief>section {
  padding: 0 22px;
  min-width: 0
}
.sw-inlinebrief>section:first-child {
  padding-left: 4px
}
.sw-inlinebrief>section+section {
  border-left: 1px solid var(--line)
}
.sw-inlinebrief p {
  font-size: 12px;
  line-height: 1.7;
  margin: 8px 0;
  color: var(--ink2)
}
.sw-inline-contact>div {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 12px 0
}
.sw-inline-contact>div>span:last-child {
  display: grid;
  gap: 4px
}
.sw-inline-contact b {
  font-size: 12px
}
.sw-inline-contact small {
  font-size: 10px;
  color: var(--mute)
}
.sw-inlinebrief h4 {
  font-size: 13px;
  font-weight: 600;
  margin: 12px 0 16px
}
.sw-inline-actions {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap
}
.sw-inline-actions .s7button {
  font-size: 11px;
  min-height: 36px
}
.sw-inline-actions>a {
  font-size: 10px
}
.sw-inlinebrief>.sw-brief-loading {
  grid-column: 1/-1;
  min-height: 140px
}
.sw-inlinebrief>.sw-empty {
  grid-column: 1/-1
}
.sw-workspace[data-view=portfolio] .sw-account-list {
  max-height: 760px
}
.sw-workspace[data-view=territory] .sw-account-list {
  max-height: 530px
}
@media(max-width:950px) {
  .sw-inlinebrief {
    grid-template-columns: 1fr 1fr;
    gap: 18px
  }
  .sw-inlinebrief>section:last-child {
    grid-column: 1/-1;
    padding: 16px 4px 0;
    border-left: 0;
    border-top: 1px solid var(--line)
  }
  .sw-inlinebrief>section:last-child h4 {
    display: none
  }
  .sw-inline-actions {
    margin-top: 10px
  }
}
@media(max-width:700px) {
  .sw-inlinebrief {
    display: block;
    padding: 17px
  }
  .sw-inlinebrief>section,.sw-inlinebrief>section:first-child {
    padding: 0
  }
  .sw-inlinebrief>section+section {
    border-left: 0;
    border-top: 1px solid var(--line);
    padding: 15px 0 0;
    margin-top: 15px
  }
  .sw-inlinebrief p {
    font-size: 11px
  }
  .sw-inlinebrief .sw-phone {
    font-size: 12px
  }
  .sw-workspace[data-view=portfolio] .sw-account-list {
    max-height: 850px
  }
}
.sw-map-leader {
  stroke: #739aab;
  stroke-width: .7;
  fill: none;
  pointer-events: none
}
.sw-city-name {
  pointer-events: none
}
@media(min-width:821px) {
  body[data-signal-route=today] .wrap {
    padding-top: 12px;
    padding-bottom: 12px
  }
}
@media(max-width:700px) {
  .sw-hero {
    min-height: 160px
  }
  .sw-hero-copy {
    padding: 17px 20px
  }
  .sw-hero h2 {
    font-size: 25px;
    margin: 7px 0
  }
  .sw-hero p {
    margin-bottom: 12px
  }
  .sw-hero .s7button {
    min-height: 32px;
    padding: 7px 10px
  }
  .sw-stat {
    padding: 0
  }
  .sw-hero .sw-kicker {
    font-size: 6.8px
  }
}
@media(min-width:821px) {
  .w6tmgr .w6list {
    max-height: calc(100dvh - 175px);
    min-height: 340px;
    overflow-y: auto;
    overscroll-behavior: contain
  }
}
/* VIN-matched model references in the account fleet, with full VINs retained. */
.fleet-image-note {
  font-size: 11px;
  color: var(--mute);
  line-height: 1.55;
  margin: 2px 0 14px
}
.buys.fleet-visuals {
  min-width: 0;
  table-layout: fixed
}
.fleet-visuals th:first-child {
  width: 66%
}
.fleet-visuals th:nth-child(2) {
  width: 13%
}
.buys.fleet-visuals td {
  padding: 12px 8px 12px 0;
  vertical-align: middle
}
.fleet-vehicle {
  display: flex;
  align-items: center;
  gap: 15px;
  min-width: 0
}
.fleet-photo {
  display: block;
  flex: 0 0 112px;
  background: #fff;
  border: 1px solid var(--line2);
  border-radius: 7px;
  overflow: hidden
}
.fleet-photo img {
  display: block;
  object-fit: contain;
  width: 112px;
  height: 72px
}
.fleet-identity {
  display: grid;
  gap: 4px;
  min-width: 0
}
.fleet-identity strong {
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  color: var(--ink)
}
.fleet-vin {
  font-family: var(--mono,monospace);
  font-size: 10px;
  overflow-wrap: anywhere;
  color: var(--mute)
}
.fleet-identity small,.fleet-image-source {
  font-size: 10px;
  color: var(--mute);
  line-height: 1.5
}
.fleet-image-source {
  color: var(--blue);
  text-decoration: underline;
  text-underline-offset: 3px
}
@media(max-width:600px) {
  .fleet-visuals thead {
    display: none
  }
  .fleet-visuals tbody {
    display: block
  }
  .fleet-visuals tr {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-bottom: 1px solid var(--line2);
    padding: 13px 0;
    gap: 9px
  }
  .buys.fleet-visuals td {
    padding: 0;
    border: 0
  }
  .fleet-visuals tr>td:first-child {
    grid-column: 1/-1
  }
  .fleet-vehicle {
    gap: 12px
  }
  .fleet-photo {
    flex-basis: 88px
  }
  .fleet-photo img {
    width: 88px;
    height: 62px
  }
  .fleet-identity strong {
    font-size: 12px
  }
  .fleet-vin {
    font-size: 9px
  }
  .fleet-visuals td[data-label]:before {
    content: attr(data-label) " · ";
    color: var(--mute);
    font-size: 10px
  }
  .fleet-visuals tr:last-child {
    border-bottom: 0
  }
}
/* Consistent illustrated models, with make logos filling the rest of the fleet. */
.fleet-illustration {
  border-color: transparent;
  background: var(--card)
}
.fleet-illustration img {
  object-fit: contain
}
.fleet-model-caption {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 20px;
  color: var(--mute);
  font-size: 10px
}
.fleet-brand-mini {
  object-fit: contain;
  background: #fff;
  border-radius: 3px;
  padding: 2px;
  width: 58px;
  height: 19px
}
.fleet-brand-tile {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 72px;
  background: #fff;
  border-color: var(--line2)
}
.fleet-brand-tile img {
  object-fit: contain;
  width: 88px;
  height: 42px;
  padding: 5px
}
.fleet-brand-dark {
  background: #152937
}
.fleet-brand-name {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 72px;
  color: var(--mute);
  background: var(--page);
  font-size: 10px;
  font-weight: 700;
  overflow-wrap: anywhere;
  text-align: center;
  padding: 8px;
  box-sizing: border-box
}
@media(max-width:600px) {
  .fleet-brand-tile,.fleet-brand-name {
    min-height: 62px
  }
  .fleet-brand-tile img {
    width: 74px;
    height: 38px
  }
  .fleet-model-caption {
    gap: 6px;
    font-size: 9px
  }
  .fleet-brand-mini {
    width: 44px;
    height: 16px
  }
  .fleet-visuals td.fleet-unit-class[data-label]:before {
    content: ""
  }
}
.fleet-brand-mini-dark {
  background: #152937
}
/* The current page's nav count, in dark mode. tokens.css sets
   `html[data-theme="dark"] .side nav a.on .c{color:rgba(4,18,28,.75)}`, correct for the
   old navy rail, where the active item sat on a luminous accent block. This rail paints
   the active item with an underline and no block, so that near-black number landed on
   var(--card) and could not be read at all (measured rgba(4,18,28,.75) on rgb(23,38,55)).
   The badge now matches the inactive one, which is the treatment workspace.css already
   gives every other count. Same specificity as the tokens rule, later file. */
html[data-theme="dark"] .side nav a.on .c {
  color: var(--blue)
}
/* A manager can show Today's salesperson layout with their own accounts. Keep
   the selector in the shared header so the current presentation is explicit. */
.sw-today-view {
  display: none;
  align-items: center;
  gap: 8px;
  color: var(--mute);
  font: 650 12px/1.2 var(--ui);
  white-space: nowrap
}
body[data-signal-route=today] .side .sw-today-view {
  display: inline-flex
}
.sw-today-view select {
  height: 32px;
  width: 250px;
  max-width: 250px;
  padding: 0 24px 0 9px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--card);
  color: var(--ink);
  font: 650 12px var(--ui);
  cursor: pointer
}
.sw-today-view select:focus-visible {
  outline: 2px solid var(--blue);
  outline-offset: 2px
}
body[data-signal-route=today] .side .sw-navsrch {
  min-width: 38px;
  width: 38px;
  padding: 0;
  justify-content: center
}
body[data-signal-route=today] .side .sw-navsrch .srchtxt,body[data-signal-route=today] .side .sw-navsrch kbd {
  display: none
}
@media(max-width:1390px) {
  .side .sw-today-view>span {
    display: none
  }
  .side .sw-today-view select {
    width: 220px;
    max-width: 220px
  }
}
@media(max-width:820px) {
  body[data-signal-route=today] .side .sw-today-view {
    display: none
  }
  body[data-signal-route=today] .top .sw-today-view {
    display: inline-flex
  }
  body[data-signal-route=today] .top:has(.sw-today-view) {
    height: 102px;
    min-height: 102px;
    align-items: flex-start;
    padding-top: 10px
  }
  .top .sw-today-view {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 8px;
    justify-content: space-between
  }
  .top .sw-today-view select {
    width: min(250px,65vw)
  }
}
@media(min-width:701px) and (max-width:820px) {
  body[data-signal-route=today] .main>header.top {
    display: flex
  }
}