:root{--navy:#0b2746;--navy-2:#123b63;--blue:#1769aa;--blue-soft:#eaf3fb;--cyan:#2a9dbe;--amber:#e69b22;--green:#16855b;--red:#c84848;--ink:#142333;--muted:#607083;--line:#dbe3eb;--surface:#fff;--canvas:#f3f6f9;--shadow:0 8px 28px rgba(18,47,76,.08);--radius:14px}
html{background:var(--canvas)}body{font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--canvas);line-height:1.45}header{height:72px;padding:11px clamp(14px,3vw,34px);background:linear-gradient(120deg,#092542,#123e68);box-shadow:0 3px 14px #071b2d35;position:relative;z-index:1200}header h1{font-size:clamp(17px,2vw,22px);font-weight:750;letter-spacing:-.02em}header small{display:block;margin-top:2px;color:#c6d8e9;font-size:12px}.header-actions{display:flex;align-items:center;gap:9px}.header-actions button{min-height:40px;color:#fff;background:#ffffff0c;border:1px solid #88a4bd;border-radius:10px;padding:8px 14px}.header-actions #export{color:var(--navy);background:#fff;border-color:#fff}.connection-badge{background:#dff7ea!important;color:#12653f!important;border:1px solid #b6e7ce}
main{height:calc(100vh - 72px)}aside{background:var(--canvas);border-color:var(--line)}.side-nav{padding:10px clamp(10px,2vw,22px);background:#0d2f51;gap:8px;box-shadow:0 4px 14px #071c3030}.nav-btn{min-height:44px;border:1px solid #ffffff20!important;border-radius:10px!important;color:#ccdae8!important;font-weight:650!important;transition:.18s ease}.nav-btn:hover{background:#ffffff10!important;color:#fff!important;border-color:#ffffff45!important}.nav-btn.active{color:var(--navy)!important;background:#fff!important;border-color:#fff!important;box-shadow:0 5px 14px #061c3038}.nav-icon{font-size:15px;margin-right:5px}
button{min-height:40px;border-radius:9px;border-color:#bdc9d5;color:var(--navy);transition:transform .12s ease,box-shadow .12s ease,background .12s ease}button:hover{box-shadow:0 4px 12px #0b27461c}button:active{transform:translateY(1px)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #53a7df55;outline-offset:2px}.primary{background:var(--amber);border-color:var(--amber);color:#241803}.save{background:var(--green);border-color:var(--green);color:#fff}.danger{background:#fff4f3!important;color:#b42318!important;border-color:#f2b8b5!important}
input,select,textarea{border:1px solid #b9c6d3!important;border-radius:9px!important;background:#fff!important;color:var(--ink);min-height:42px;padding:9px 11px!important}textarea{min-height:84px}label{color:#26394b}.panel{padding:clamp(16px,2.4vw,30px)}.box,.planning-card,.route-box,.team-box{border:1px solid var(--line)!important;border-radius:var(--radius)!important;background:var(--surface)!important;box-shadow:0 3px 14px #102c4510}
#appMain.workspace-full{height:calc(100vh - 72px)!important;background:var(--canvas)}#appMain.workspace-full aside{display:grid!important;grid-template-columns:232px minmax(0,1fr);grid-template-rows:minmax(0,1fr);align-items:start;overflow:hidden!important;background:var(--canvas)}#appMain.workspace-full .side-nav{grid-column:1;grid-row:1;position:sticky;top:0;height:100%;display:flex!important;flex-direction:column;padding:22px 14px;background:linear-gradient(180deg,#0d2f51,#092642);border-right:1px solid #d7e0e9;overflow-y:auto}#appMain.workspace-full .side-nav:before{content:"WORKSPACE";display:block;padding:2px 10px 12px;color:#7898b4;font-size:10px;font-weight:800;letter-spacing:.14em}#appMain.workspace-full .nav-btn{width:100%;min-height:46px;text-align:left;padding:11px 13px!important;white-space:normal}#appMain.workspace-full .nav-icon{display:inline-flex;width:22px;justify-content:center}#appMain.workspace-full .panel{grid-column:2;grid-row:1;width:min(1320px,100%)!important;height:100%;margin:0 auto;overflow-y:auto;padding:clamp(18px,3vw,38px) clamp(14px,3vw,36px) 60px!important}
.dashboard-panel{max-width:1320px}.dashboard-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.dashboard-heading h2{font-size:clamp(27px,4vw,40px);line-height:1.1;margin:5px 0 8px;letter-spacing:-.035em;color:var(--navy)}.dashboard-heading p{margin:0;color:var(--muted);font-size:15px}.eyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--blue);text-transform:uppercase}.dashboard-action{padding:10px 16px;background:var(--navy);border-color:var(--navy);color:#fff;white-space:nowrap}.dashboard-action span,.text-action span{margin-left:10px}
#appMain.workspace-full .dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.metric{position:relative;min-height:142px;padding:18px 18px 16px!important;border:1px solid var(--line)!important;border-radius:var(--radius)!important;background:var(--surface)!important;box-shadow:0 4px 18px #0b27460c}.metric-primary{background:linear-gradient(145deg,#0c3155,#185b88)!important;border-color:transparent!important}.metric-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:var(--blue-soft);color:var(--blue);font-weight:800}.metric-label{display:block;margin-top:13px;color:var(--muted);font-size:13px;font-weight:650}.metric b{margin-top:1px!important;font-size:30px!important;line-height:1;color:var(--navy)!important}.metric small{display:block;margin-top:7px;color:#8390a0}.metric-primary .metric-icon{background:#ffffff1c;color:#fff}.metric-primary .metric-label,.metric-primary small{color:#cce0ee}.metric-primary b{color:#fff!important}
.dashboard-two-column{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:18px;margin-bottom:18px}.dashboard-card{padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.dashboard-card h3{margin:4px 0 0;font-size:20px;color:var(--navy);letter-spacing:-.015em}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.section-note{align-self:center;color:var(--muted);font-size:12px;text-align:right}.focus-card{display:flex;flex-direction:column;background:linear-gradient(155deg,#0c2e50,#164f77);color:#fff;border:0}.focus-card .eyebrow{color:#80cee2}.focus-card h3{color:#fff;font-size:23px;margin:18px 0 8px}.focus-card p{color:#cfdeeb;margin:0;line-height:1.65}.focus-card .text-action{margin-top:auto;align-self:flex-start;padding:14px 0 0;background:transparent;border:0;color:#fff}.zone-performance{margin-bottom:18px}
#mvpDashboard h2{display:none}.mvp-summary{display:grid;grid-template-columns:190px 1fr;gap:24px;align-items:center}.progress-ring{--p:0;position:relative;width:144px;height:144px;margin:auto;border-radius:50%;background:conic-gradient(var(--cyan) calc(var(--p)*1%),#e6edf3 0);display:grid;place-items:center}.progress-ring:before{content:"";position:absolute;inset:13px;border-radius:50%;background:#fff}.progress-ring strong,.progress-ring span{position:relative;z-index:1}.progress-ring strong{font-size:30px;color:var(--navy);line-height:1}.progress-ring span{font-size:11px;color:var(--muted);margin-top:-40px}.mvp-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin:0!important}.mvp-card{min-height:82px;border:1px solid var(--line)!important;border-radius:11px!important;padding:12px!important;background:#f8fafc!important;color:var(--muted);font-size:12px}.mvp-card b{font-size:23px!important;color:var(--navy)!important;margin-top:5px}
.zone-readiness-table{width:100%;border-collapse:separate;border-spacing:0}.zone-readiness-table th{padding:0 12px 10px;text-align:left;color:#758394;font-size:11px;text-transform:uppercase;letter-spacing:.07em;border:0}.zone-readiness-table td{padding:13px 12px;border-top:1px solid #e5ebf0;vertical-align:middle}.zone-readiness-table tbody tr:hover{background:#f8fafc}.zone-name{font-weight:750;color:var(--navy)}.readiness-track{height:8px;border-radius:10px;background:#e7edf2;overflow:hidden;min-width:130px}.readiness-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--cyan))}.readiness-status{display:inline-flex;padding:4px 8px;border-radius:20px;background:#eef3f7;color:#607083;font-size:11px;font-weight:700}.readiness-status.active{background:#e3f5ee;color:#14754f}.dash-plan-help{margin:0 0 14px;color:var(--muted);font-size:13px}
.directory-card .zone-directory-wrap{margin:0;max-height:430px;overflow:auto;border:1px solid var(--line);border-radius:11px}.zone-directory{border:0!important}.zone-directory th,.zone-directory td{border:0!important;border-bottom:1px solid #e8edf2!important;padding:13px 14px!important}.zone-directory thead{position:sticky;top:0;z-index:1;background:#eef3f7!important}.zone-directory thead th{color:#526477;font-size:11px;text-transform:uppercase;letter-spacing:.07em}.zone-directory tbody th{width:84px;color:var(--navy)!important;font-size:15px}.zone-directory-places{gap:7px!important}.zone-directory-places span{background:#eef4f8!important;border:1px solid #e0e8ef;border-radius:20px!important;padding:5px 9px!important;font-size:12px;color:#35495d}
.pos-form,.visit-form{border-radius:16px!important}.photo-preview{background:#edf2f6}.modal-card{border-radius:18px!important}.status{border-left:4px solid var(--amber);background:#fff7df!important;color:#6f5114}.next-step{border-left-color:var(--blue);background:var(--blue-soft)}
@media(max-width:1100px){#appMain.workspace-full aside{grid-template-columns:198px minmax(0,1fr)}#appMain.workspace-full .dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-two-column{grid-template-columns:1fr}.focus-card{min-height:210px}.mvp-summary{grid-template-columns:150px 1fr}}
@media(max-width:980px){header{height:68px}main,#appMain.workspace-full{height:calc(100vh - 68px)!important}#appMain.workspace-full aside{grid-template-columns:78px minmax(0,1fr)}#appMain.workspace-full .side-nav{padding:18px 8px}#appMain.workspace-full .side-nav:before{content:"";padding:0}#appMain.workspace-full .nav-btn{text-align:center;padding:10px 4px!important;font-size:10px}#appMain.workspace-full .nav-icon{display:block;width:auto;margin:0 auto 4px;font-size:17px}#appMain.workspace-full .nav-label{display:block!important}.side-nav{overflow-x:auto}.nav-btn{white-space:nowrap}}
@media(max-width:800px){header{height:auto;min-height:68px;align-items:flex-start;padding:10px 12px}header small{max-width:180px}.header-actions{gap:5px;flex-wrap:wrap;justify-content:flex-end}.header-actions button{min-height:36px;padding:6px 9px;font-size:12px}.connection-badge{padding:5px 7px!important}main,#appMain.workspace-full{height:calc(100vh - 68px)!important}#appMain.workspace-full aside{display:flex!important;flex-direction:column;overflow-y:auto!important}#appMain.workspace-full .side-nav{position:sticky;top:0;width:100%;height:auto;min-height:58px;display:flex!important;flex-direction:row;padding:8px!important;gap:6px!important;overflow-x:auto;overflow-y:hidden;border-right:0}#appMain.workspace-full .nav-btn{flex:0 0 auto!important;width:auto;text-align:center;min-height:40px;padding:8px 11px!important;font-size:12px}#appMain.workspace-full .nav-icon{display:inline;width:auto;margin:0 5px 0 0;font-size:14px}#appMain.workspace-full .nav-label{display:inline!important}#appMain.workspace-full .panel{width:100%!important;height:auto;overflow:visible}.side-nav{display:flex!important;padding:8px!important;gap:6px!important;scrollbar-width:none}.nav-btn{flex:0 0 auto!important;min-height:40px;padding:8px 11px!important}.dashboard-heading{align-items:flex-start;flex-direction:column;margin-bottom:18px}.dashboard-heading h2{font-size:29px}.dashboard-action{width:100%}#appMain.workspace-full .dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric{min-height:127px;padding:14px!important}.metric b{font-size:27px!important}.dashboard-card{padding:16px}.mvp-summary{grid-template-columns:1fr}.progress-ring{width:128px;height:128px}.mvp-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.section-heading{flex-direction:column;gap:6px}.section-note{text-align:left;align-self:flex-start}.zone-readiness-table th:nth-child(3),.zone-readiness-table td:nth-child(3){display:none}.zone-readiness-table td,.zone-readiness-table th{padding-left:8px;padding-right:8px}.directory-card .zone-directory-wrap{max-height:none}.zone-directory thead{display:none}.zone-directory,.zone-directory tbody,.zone-directory tr,.zone-directory th,.zone-directory td{display:block;width:100%!important}.zone-directory tr{padding:12px;border-bottom:1px solid var(--line)}.zone-directory th,.zone-directory td{padding:3px 0!important;border:0!important}.zone-directory-places{margin-top:8px}#map{height:48vh!important}main:not(.workspace-full) aside{min-height:52vh}.panel{padding:14px}.tools>button{flex:1 1 auto}.planning-grid,.route-controls,.team-form{grid-template-columns:1fr!important}}
@media(max-width:410px){#appMain.workspace-full .dashboard-grid{grid-template-columns:1fr 1fr}.metric small{font-size:10px}.mvp-grid{grid-template-columns:1fr 1fr!important}.header-actions #export{display:none}.zone-readiness-table th:nth-child(4),.zone-readiness-table td:nth-child(4){display:none}}

#appMain.workspace-full .dashboard-card.focus-card{display:flex!important;grid-column:auto;grid-row:auto;width:auto;height:auto;overflow:visible;background:linear-gradient(155deg,#0c2e50,#164f77)!important}

@media(max-width:800px){header>div:first-child{min-width:0;max-width:60%}header h1{font-size:15px;line-height:1.2;overflow-wrap:anywhere}header small{font-size:10px;line-height:1.25}.header-actions{max-width:40%}.header-actions .logout{font-size:11px;padding:5px 7px}.connection-badge{font-size:10px!important}}
/* Collapsible operations rail */
#appMain.workspace-full .side-nav:before{content:"SD  SANDE OPS";display:flex;align-items:center;min-height:42px;padding:0 10px 18px;color:#dceaf5;font-size:12px;font-weight:800;letter-spacing:.08em;white-space:pre}
#appMain.workspace-full .side-nav:after{content:"Presales workspace";order:98;margin-top:auto;padding:16px 12px 4px;border-top:1px solid #ffffff18;color:#7796b1;font-size:10px;letter-spacing:.06em}
#appMain.workspace-full .collapse-btn{display:flex!important;position:absolute;z-index:4;top:26px;right:-14px;width:30px;height:30px;min-height:30px;padding:0!important;align-items:center;justify-content:center!important;border:3px solid var(--canvas)!important;border-radius:50%!important;background:#7857ff!important;color:#fff!important;box-shadow:0 4px 12px #071a2c45}
#appMain.workspace-full .collapse-btn .collapse-label{display:none}
#appMain.workspace-full .side-nav{position:sticky;overflow:visible!important}
#appMain.workspace-full.sidebar-collapsed aside{grid-template-columns:78px minmax(0,1fr)!important}
#appMain.workspace-full.sidebar-collapsed .side-nav{padding-left:8px;padding-right:8px}
#appMain.workspace-full.sidebar-collapsed .side-nav:before{content:"SD";justify-content:center;padding-left:0;padding-right:0;font-size:13px}
#appMain.workspace-full.sidebar-collapsed .side-nav:after{content:"";padding:0;border:0}
#appMain.workspace-full.sidebar-collapsed .nav-btn{padding:11px 4px!important;text-align:center}
#appMain.workspace-full.sidebar-collapsed .nav-label{display:none!important}
#appMain.workspace-full.sidebar-collapsed .nav-icon{display:block;width:auto;margin:0;font-size:18px}
#appMain.workspace-full.sidebar-collapsed aside>.panel:not([hidden]){display:block!important}
#appMain.workspace-full aside>.panel[hidden]{display:none!important}
@media(max-width:800px){#appMain.workspace-full .collapse-btn{display:none!important}#appMain.workspace-full .side-nav:before,#appMain.workspace-full .side-nav:after{display:none}}

@media(max-width:800px){#appMain.workspace-full.sidebar-collapsed .nav-label{display:inline!important}#appMain.workspace-full.sidebar-collapsed .nav-icon{display:inline;width:auto;margin:0 5px 0 0;font-size:14px}#appMain.workspace-full.sidebar-collapsed .nav-btn{width:auto;padding:8px 11px!important;text-align:center}#appMain.workspace-full.sidebar-collapsed .side-nav{padding:8px!important}}
/* Stable application shell: navigation never changes between modules */
@media(min-width:801px){
  #appMain{display:grid!important;grid-template-columns:232px minmax(0,1fr) minmax(340px,430px)!important;grid-template-rows:minmax(0,1fr);height:calc(100vh - 72px);overflow:hidden}
  #appMain>.side-nav{grid-column:1;grid-row:1;position:relative!important;top:auto;height:100%;display:flex!important;flex-direction:column;padding:22px 14px;background:linear-gradient(180deg,#0d2f51,#092642);border-right:1px solid #d7e0e9;overflow:visible!important}
  #appMain>#map{display:block;grid-column:2;grid-row:1;width:100%;height:100%;min-width:0}
  #appMain>aside{display:block!important;grid-column:3;grid-row:1;width:auto;height:100%;overflow-y:auto;border:0;border-left:1px solid var(--line);background:var(--canvas)}
  #appMain>.detail-panel{grid-column:3;grid-row:1;z-index:900;height:100%;overflow-y:auto}
  #appMain.workspace-full{display:grid!important;grid-template-columns:232px minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)}
  #appMain.workspace-full>#map{display:none}
  #appMain.workspace-full>aside{grid-column:2;grid-row:1;display:block!important;width:100%;height:100%;overflow-y:auto}
  #appMain.workspace-full>aside>.panel{grid-column:auto;grid-row:auto;height:auto;overflow:visible}
  #appMain.sidebar-collapsed{grid-template-columns:78px minmax(0,1fr) minmax(340px,430px)!important}
  #appMain.workspace-full.sidebar-collapsed{grid-template-columns:78px minmax(0,1fr)!important}
  #appMain.sidebar-collapsed>aside{overflow-y:auto!important}
  #appMain.sidebar-collapsed>aside>.panel:not([hidden]){display:block!important}
  #appMain>aside>.panel[hidden]{display:none!important}
}
@media(max-width:800px){
  #appMain,#appMain.workspace-full{display:flex!important;flex-direction:column;height:calc(100vh - 68px)!important;overflow-y:auto}
  #appMain>.side-nav,#appMain.workspace-full>.side-nav{order:0;position:sticky!important;top:0;z-index:1100;width:100%;height:auto;min-height:58px;display:flex!important;flex-direction:row;padding:8px!important;gap:6px!important;overflow-x:auto!important;overflow-y:hidden!important;border:0}
  #appMain>#map{order:1;display:block;width:100%;height:48vh!important;min-height:310px;flex:0 0 auto}
  #appMain.workspace-full>#map{display:none}
  #appMain>aside,#appMain.workspace-full>aside{order:2;display:block!important;width:100%;height:auto;min-height:0;overflow:visible!important;border:0;background:var(--canvas)}
  #appMain>.detail-panel{position:fixed;inset:68px 0 0;z-index:1300;width:100%;max-width:none;overflow-y:auto}
  #appMain.sidebar-collapsed>aside>.panel:not([hidden]){display:block!important}
  #appMain>aside>.panel[hidden]{display:none!important}
}
@media(min-width:801px){
  #appMain>.side-nav:before{content:"SD  SANDE OPS";display:flex;align-items:center;min-height:42px;padding:0 10px 18px;color:#dceaf5;font-size:12px;font-weight:800;letter-spacing:.08em;white-space:pre}
  #appMain>.side-nav:after{content:"Presales workspace";order:98;margin-top:auto;padding:16px 12px 4px;border-top:1px solid #ffffff18;color:#7796b1;font-size:10px;letter-spacing:.06em}
  #appMain>.side-nav .collapse-btn{display:flex!important;position:absolute;z-index:4;top:26px;right:-14px;width:30px;height:30px;min-height:30px;padding:0!important;align-items:center;justify-content:center!important;border:3px solid var(--canvas)!important;border-radius:50%!important;background:#7857ff!important;color:#fff!important;box-shadow:0 4px 12px #071a2c45}
  #appMain>.side-nav .collapse-btn .collapse-label{display:none}
  #appMain.sidebar-collapsed>.side-nav:before{content:"SD";justify-content:center;padding-left:0;padding-right:0;font-size:13px}
  #appMain.sidebar-collapsed>.side-nav:after{content:"";padding:0;border:0}
  #appMain.sidebar-collapsed>.side-nav{padding-left:8px;padding-right:8px}
  #appMain.sidebar-collapsed>.side-nav .nav-btn{padding:11px 4px!important;text-align:center}
  #appMain.sidebar-collapsed>.side-nav .nav-label{display:none!important}
  #appMain.sidebar-collapsed>.side-nav .nav-icon{display:block;width:auto;margin:0;font-size:18px}
}
@media(max-width:800px){#appMain.workspace-full{overflow-y:auto!important;overflow-x:hidden!important}#appMain.workspace-full>aside{height:auto!important;overflow:visible!important;flex:0 0 auto}#appMain.workspace-full>aside>.panel:not([hidden]){height:auto!important;overflow:visible!important;padding-bottom:80px!important}}
@media(min-width:801px){#appMain.workspace-full>aside{overflow-y:auto!important;overscroll-behavior:contain}#appMain.workspace-full>aside>.panel:not([hidden]){min-height:max-content;padding-bottom:80px!important}}
/* Cash-Van Plan section navigation */
.planning-subnav{display:flex;flex-direction:column;gap:3px;margin:-2px 8px 8px 31px;padding:4px 0 7px;border-left:1px solid #ffffff20}
.planning-subnav[hidden]{display:none!important}.planning-subnav button{position:relative;min-height:31px;padding:6px 10px 6px 15px;border:0;border-radius:0 7px 7px 0;background:transparent;color:#9fb6ca;text-align:left;font-size:11px;font-weight:600;box-shadow:none}.planning-subnav button:hover{background:#ffffff0c;color:#fff;box-shadow:none}.planning-subnav button.active{background:#ffffff12;color:#fff}.planning-subnav button.active:before{content:"";position:absolute;left:-2px;top:6px;bottom:6px;width:3px;border-radius:3px;background:#7b61ff}
#appMain.sidebar-collapsed>.side-nav .planning-subnav{display:none!important}
.planning-overview{padding:4px 0 20px}.planning-overview-head{max-width:720px;margin:10px 0 22px}.planning-overview-head h3{margin:5px 0 8px;font-size:clamp(24px,3vw,34px);line-height:1.15;color:var(--navy)}.planning-overview-head p{margin:0;color:var(--muted);font-size:14px}.planning-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.planning-overview-grid>button{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto auto;gap:7px;min-height:190px;padding:20px;border:1px solid var(--line);border-radius:14px;background:#fff;text-align:left;color:var(--ink);box-shadow:0 5px 18px #0b27460d}.planning-overview-grid>button:hover{transform:translateY(-2px);border-color:#aac7de;box-shadow:0 10px 24px #0b274616}.planning-overview-grid b{grid-column:1/-1;font-size:18px;color:var(--navy)}.planning-overview-grid small{grid-column:1;color:var(--muted);font-size:12px;line-height:1.5}.overview-step{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--blue-soft);color:var(--blue);font-size:11px;font-weight:800}.overview-arrow{grid-column:2;grid-row:3;align-self:end;color:var(--blue);font-size:20px}.planning-overview-grid>button:first-child .overview-step{background:#e7f5ef;color:var(--green)}.planning-overview-grid>button:last-child .overview-step{background:#fff1d8;color:#a96600}
#routesPanel>.planning-card{margin:8px 0 24px!important;padding:clamp(16px,2.5vw,28px)!important}#routesPanel>h2{font-size:clamp(26px,3vw,36px);margin:0 0 12px;color:var(--navy)}
@media(max-width:900px){.planning-overview-grid{grid-template-columns:1fr}.planning-overview-grid>button{min-height:140px}}
@media(max-width:800px){#appMain.sidebar-collapsed>.side-nav .planning-subnav{display:flex!important}.planning-subnav{flex:0 0 auto;flex-direction:row;margin:0 4px;padding:0;border:0;gap:4px}.planning-subnav button{white-space:nowrap;border-radius:7px;padding:7px 9px}.planning-subnav button.active:before{left:7px;right:7px;top:auto;bottom:1px;width:auto;height:2px}.planning-overview-grid{grid-template-columns:1fr}.planning-overview-grid>button{min-height:132px}}

.capacity-table{width:100%;min-width:650px;border-collapse:separate;border-spacing:0}.capacity-table th,.capacity-table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left}.capacity-table thead th{position:sticky;top:0;background:#eef4f8;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.capacity-table tbody tr:hover{background:#f6f9fc}.capacity-table th:nth-child(3),.capacity-table td:nth-child(3){text-align:center}
.capacity-assumptions{margin:16px 0 20px;border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}.capacity-assumptions>summary{cursor:pointer;padding:14px 16px;background:#f6f9fc;color:var(--navy);font-weight:800}.capacity-assumptions form{padding:16px}.capacity-assumption-grid{display:grid;grid-template-columns:repeat(5,minmax(110px,1fr));gap:10px;margin:12px 0 18px}.capacity-assumption-grid label{margin:0!important;font-size:12px;color:var(--muted)}.capacity-assumption-grid input{margin-top:6px}.capacity-travel-table{width:100%;min-width:470px}.capacity-travel-table th,.capacity-travel-table td{padding:9px 12px;border-bottom:1px solid var(--line);text-align:left}.capacity-travel-table input{width:110px!important}.capacity-assumptions .save{margin-top:14px}@media(max-width:900px){.capacity-assumption-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.capacity-assumption-grid{grid-template-columns:1fr}}
.coverage-tracker{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.coverage-tracker h4{margin:0 0 4px;color:var(--navy);font-size:16px}.coverage-zone{margin-top:9px;border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}.coverage-zone>summary{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;cursor:pointer;background:#f7f9fc;color:var(--navy)}.coverage-zone>summary span{color:var(--muted);font-size:12px}.coverage-subzones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px}.coverage-subzone{display:grid!important;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin:0!important;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff;font-weight:600!important}.coverage-subzone.complete{background:#edf8f2;border-color:#b7dfca}.coverage-subzone input{width:18px!important;height:18px;margin:0}.coverage-subzone small{color:var(--muted);font-weight:500}@media(max-width:900px){.coverage-subzones{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.coverage-subzones{grid-template-columns:1fr}.coverage-zone>summary{align-items:flex-start;flex-direction:column}}
.mobile-menu-toggle,.mobile-nav-backdrop{display:none}
@media(max-width:800px){
  body.mobile-nav-open{overflow:hidden}
  .mobile-menu-toggle{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;padding:0;border:1px solid #ffffff35;border-radius:10px;background:#ffffff12;color:#fff;font-size:23px;line-height:1}
  header>div:first-of-type{min-width:0;flex:1}header h1{font-size:16px;line-height:1.15}header small{font-size:10px}
  #appMain>.side-nav,#appMain.workspace-full>.side-nav{position:fixed!important;inset:0 auto 0 0!important;z-index:4000!important;width:min(84vw,310px)!important;height:100dvh!important;min-height:100dvh!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:7px!important;padding:18px 14px 24px!important;overflow-x:hidden!important;overflow-y:auto!important;border-right:1px solid #31516d!important;border-radius:0 18px 18px 0;background:linear-gradient(180deg,#0d2f51,#071f36)!important;box-shadow:18px 0 50px #00152855;transform:translateX(-105%);transition:transform .22s ease}
  body.mobile-nav-open #appMain>.side-nav{transform:translateX(0)}
  #appMain>.side-nav:before,#appMain.workspace-full>.side-nav:before{content:'SANDE OPS'!important;display:block!important;min-height:auto!important;padding:6px 8px 12px!important;color:#fff!important;font-size:13px!important;font-weight:850!important;letter-spacing:.1em!important}
  #appMain>.side-nav:after,#appMain.workspace-full>.side-nav:after{content:'Presales workspace'!important;display:block!important;margin-top:auto!important;padding:15px 10px 2px!important;border-top:1px solid #ffffff18!important;color:#7796b1!important;font-size:10px!important}
  #appMain>.side-nav .collapse-btn,#appMain.workspace-full>.side-nav .collapse-btn{order:-1;position:static!important;display:flex!important;width:100%!important;height:42px!important;min-height:42px!important;justify-content:flex-start!important;padding:9px 11px!important;border:1px solid #ffffff20!important;border-radius:9px!important;background:#ffffff0d!important;color:#dbe7f5!important}
  #appMain>.side-nav .collapse-btn span{display:none!important}#appMain>.side-nav .collapse-btn:before{content:'✕  Close menu';font-size:13px;font-weight:750}
  #appMain>.side-nav .nav-btn,#appMain.workspace-full>.side-nav .nav-btn{flex:0 0 auto!important;width:100%!important;min-height:48px!important;padding:12px 13px!important;text-align:left!important;font-size:14px!important;white-space:normal!important}
  #appMain>.side-nav .nav-icon,#appMain.workspace-full>.side-nav .nav-icon{display:inline-flex!important;width:24px!important;margin:0 7px 0 0!important;justify-content:center!important;font-size:16px!important}
  #appMain>.side-nav .nav-label,#appMain.workspace-full>.side-nav .nav-label{display:inline!important}
  #appMain.sidebar-collapsed>.side-nav .planning-subnav,#appMain>.side-nav .planning-subnav{display:flex!important;flex:0 0 auto!important;flex-direction:column!important;width:auto!important;margin:0 7px 5px 32px!important;padding:2px 0 5px!important;border-left:1px solid #ffffff24!important;overflow:visible!important}
  #appMain>.side-nav .planning-subnav button{width:100%!important;min-height:36px!important;padding:8px 11px 8px 15px!important;border-radius:0 7px 7px 0!important;text-align:left!important;font-size:12px!important;color:#a9bfd1!important}
  #appMain>.side-nav .planning-subnav button.active{color:#fff!important;background:#ffffff12!important}
  .mobile-nav-backdrop{position:fixed;inset:0;z-index:3990;width:100%;height:100%;padding:0;border:0;border-radius:0;background:#04172699;opacity:0;pointer-events:none;transition:opacity .22s ease}
  body.mobile-nav-open .mobile-nav-backdrop{display:block;opacity:1;pointer-events:auto}
}
.intelligence-panel{max-width:none!important;width:100%!important;padding:20px 24px!important}.intel-head{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:14px}.intel-head h2{margin:4px 0}.intel-head p{margin:0;color:#667085}.intel-head label{font-weight:700}.intel-head select{display:block;margin-top:5px;padding:9px 28px 9px 10px;border:1px solid #c8d3df;border-radius:8px;background:#fff}.intel-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.intel-metrics article{padding:12px 14px;border:1px solid #dce5ee;border-radius:12px;background:#fff}.intel-metrics span{display:block;color:#667085;font-size:12px}.intel-metrics b{display:block;color:#17365d;font-size:21px;margin-top:3px}.intel-workspace{display:grid;grid-template-columns:minmax(0,1fr) 390px;height:calc(100vh - 245px);min-height:500px;border:1px solid #dce5ee;border-radius:14px;overflow:hidden;background:#fff}.intel-map-wrap{position:relative;min-width:0}.intel-map-wrap #intelligenceMap{height:100%;width:100%}.intel-review{overflow:auto;border-left:1px solid #dce5ee;padding:14px;background:#fff}.intel-review.closed{display:none}.intel-workspace:has(.intel-review.closed){grid-template-columns:1fr}.intel-review-head{display:flex;justify-content:space-between;align-items:start}.intel-review-head h3{margin:0}.intel-review-head p{font-size:12px;color:#667085;margin:4px 0 10px}.intel-status{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px}.intel-status span{padding:8px;border:1px solid #dce5ee;border-radius:9px;text-transform:capitalize;font-size:11px;color:#667085}.intel-status b{display:block;font-size:18px;color:#17365d}.intel-group{border:1px solid #dce5ee;border-radius:11px;overflow:hidden;margin-top:9px}.intel-group>summary{display:flex;justify-content:space-between;padding:11px;background:#f5f8fc;cursor:pointer;font-weight:750}.intel-group summary span{display:flex;align-items:center;gap:8px}.intel-group i,.intel-layer-menu i{width:10px;height:10px;border-radius:50%;display:inline-block}.intel-item{margin:8px;padding:10px;border:1px solid #e2e8f0;border-radius:10px;background:#fbfdff}.intel-item.selected{border-color:#315fc4;box-shadow:0 0 0 2px #dce7ff}.intel-name{padding:0;border:0;background:transparent;text-align:left;color:#172b4d}.intel-item>div{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.intel-item>div button{padding:6px 8px}.intel-item .confirm{color:#067647;border-color:#9bd8bc}.intel-item .remove{color:#b42318;border-color:#f5aaa4}.intel-badge{float:right;font-size:10px;padding:3px 7px;border-radius:999px;background:#fff0c2;color:#7a5200}.intel-badge.confirmed{background:#dcfae6;color:#067647}.intel-badge.removed{background:#fee4e2;color:#b42318}.intel-floating{position:absolute;z-index:800;right:12px;top:12px}.intel-layer-menu{display:none;position:absolute;z-index:800;right:12px;top:54px;padding:10px;background:#fff;border-radius:10px;box-shadow:0 8px 30px #102f5230}.intel-layer-menu.open{display:grid;gap:9px}.intel-layer-menu label{display:flex;align-items:center;gap:8px}.intel-dashboard-card{width:100%;margin:12px 0;padding:14px 16px;border:1px solid #cbdced;border-radius:12px;background:linear-gradient(90deg,#f2f7fd,#fff);display:flex;align-items:center;justify-content:space-between;text-align:left;color:#17365d}.intel-dashboard-card span>*{display:block}.intel-dashboard-card small{font-size:10px;letter-spacing:.08em}.intel-dashboard-card b{font-size:16px;margin:3px 0}.intel-dashboard-card em{font-style:normal;color:#667085;font-weight:400;font-size:12px}@media(max-width:900px){.intel-metrics{grid-template-columns:repeat(2,1fr)}.intel-workspace{grid-template-columns:1fr 340px}}@media(max-width:700px){.intelligence-panel{padding:14px!important}.intel-head{align-items:start}.intel-metrics{grid-template-columns:1fr 1fr}.intel-workspace{display:block;height:auto;min-height:0}.intel-map-wrap,#intelligenceMap{height:52vh!important}.intel-review{border-left:0;border-top:1px solid #dce5ee;max-height:none}.intel-review.closed{display:none}.intel-dashboard-card{align-items:start}.intel-dashboard-card strong{font-size:12px}}

/* Area intelligence presentation repair */
.intel-map-actions{position:absolute;z-index:800;right:12px;top:12px;display:flex;gap:7px}.intel-map-actions button{background:#fff;box-shadow:0 5px 18px #102f5230}.intel-map-actions #intelReviewButton{display:none}.intel-map-actions #intelReviewButton span{margin-left:5px;padding:2px 6px;border-radius:999px;background:#e9efff;color:#264fb2}.intel-map-notice{position:absolute;z-index:700;left:50%;top:50%;transform:translate(-50%,-50%);width:min(390px,calc(100% - 34px));padding:18px;border:1px solid #d5e0ea;border-radius:12px;background:#fffffff2;box-shadow:0 12px 35px #102f5230;text-align:center;color:#475467}.intel-empty{padding:18px;border:1px dashed #c9d5e2;border-radius:11px;background:#f8fafc}.intel-empty p{margin:6px 0 0;color:#667085;line-height:1.45}
@media(min-width:801px){#appMain>.side-nav,#appMain.workspace-full>.side-nav{min-height:0!important;overflow-x:visible!important;overflow-y:auto!important;scrollbar-width:thin}}
@media(max-width:700px){
 .intelligence-panel{padding:10px!important}.intel-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;margin-bottom:10px}.intel-head .eyebrow{font-size:9px}.intel-head h2{font-size:22px;margin:2px 0}.intel-head p{display:none}.intel-head label{font-size:11px}.intel-head select{margin-top:3px;padding:7px 24px 7px 9px}
 .intel-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:9px}.intel-metrics article{padding:8px 10px;border-radius:9px}.intel-metrics span{font-size:10px}.intel-metrics b{font-size:16px;margin-top:1px}
 .intel-workspace{display:flex!important;flex-direction:column;height:auto!important;min-height:0!important;overflow:visible!important;border-radius:12px}.intel-map-wrap{order:1;display:block!important;height:60vh!important;min-height:390px!important}.intel-map-wrap #intelligenceMap{display:block!important;width:100%!important;height:100%!important;min-height:390px!important}
 .intel-map-actions{right:9px;top:9px}.intel-map-actions #intelReviewButton{display:inline-flex;align-items:center}.intel-layer-menu{right:9px;top:51px;max-width:calc(100% - 18px)}
 .intel-review{order:2;width:100%!important;height:auto!important;max-height:none!important;overflow:visible!important;border-left:0!important;border-top:1px solid #dce5ee!important;padding:12px!important;background:#fff!important}.intel-review.closed{display:none!important}.intel-review-head{position:sticky;top:0;z-index:2;padding:4px 0 9px;background:#fff}.intel-group>summary{padding:12px}.intel-item{margin:7px 5px;padding:9px}
}

/* Keep the desktop sidebar collapse control fully visible */
@media(min-width:801px){#appMain>.side-nav .collapse-btn,#appMain.workspace-full>.side-nav .collapse-btn{top:14px!important;right:10px!important;width:32px!important;height:32px!important;border:1px solid #ffffff35!important;background:#7857ff!important;box-shadow:0 4px 12px #071a2c55!important}}

/* Area Intelligence uses the same map-first shell as Market Survey and Zone Builder */
.intelligence-panel{padding:16px!important}.intelligence-panel .intel-head{align-items:center;margin-bottom:10px}.intel-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px}.intel-tabs button{min-height:40px;background:#eef3f8;color:#52657a}.intel-tabs button.active{background:#17365d;color:#fff;border-color:#17365d}.intel-metrics{grid-template-columns:1fr 1fr;gap:7px;margin-bottom:10px}.intel-metrics article{padding:9px 10px;border-radius:9px}.intel-metrics b{font-size:17px}.intel-layer-bar{position:relative;display:flex;gap:6px;margin-bottom:10px}.intel-layer-bar>button{flex:1}.intel-layer-bar #intelReviewButton{display:inline-flex;align-items:center;justify-content:center}.intel-layer-bar #intelReviewButton span{margin-left:5px;padding:2px 6px;border-radius:999px;background:#e9efff;color:#264fb2}.intelligence-panel .intel-layer-menu{position:absolute;z-index:900;left:0;right:auto;top:44px}.intelligence-panel .intel-map-notice{position:static;transform:none;width:auto;margin:8px 0;padding:10px;box-shadow:none}.intelligence-panel .intel-review{border:1px solid #dce5ee;border-radius:11px;padding:10px;background:#fff;overflow:visible}.intelligence-panel .intel-review.closed{display:none}.intel-supervisor-card{margin:0!important;padding:12px!important}.intel-supervisor-card>h3{display:none}.intel-supervisor-card #planningReview{margin-top:10px}
@media(min-width:801px){#appMain:not(.workspace-full)>aside>.intelligence-panel{height:100%;overflow-y:auto;padding-bottom:60px!important}}
@media(max-width:800px){#appMain:not(.workspace-full)>aside>.intelligence-panel{padding:14px!important}.intelligence-panel .intel-head{display:grid;grid-template-columns:1fr auto}.intelligence-panel .intel-head h2{font-size:22px}.intelligence-panel .intel-metrics{grid-template-columns:1fr 1fr}.intel-tabs{position:sticky;top:0;z-index:10;background:var(--canvas);padding-top:4px}}