/* ScamChain Nexus — information architecture and page composition */
:root{--sc-ink:#172b42;--sc-muted:#536a82;--sc-line:#dbe5ef;--sc-teal:#087f83;--sc-teal-pale:#e8f7f5;--sc-blue:#315fcb}
.shell{grid-template-columns:264px minmax(0,1fr)!important;gap:0!important;background:#f3f6fa!important}
.sidebar{height:100vh;position:sticky;top:0;display:flex;flex-direction:column;padding:22px 15px 15px!important;background:#fff!important;border-right:1px solid #dce5ef!important;box-shadow:5px 0 24px #172b4207!important;overflow-y:auto;overflow-x:hidden}
.brand{padding:0 8px 19px!important;margin-bottom:13px;border-bottom:1px solid #e6edf4;gap:11px}
.brand-mark{width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,#2864dd,#7049e9)!important;color:#fff!important;box-shadow:0 7px 16px #315fcb25!important}
.brand b{font-size:13px;letter-spacing:.12em;color:#172b42!important}.brand small{font-size:9px;letter-spacing:.16em;color:#71849b!important}
.nav-caption{font-size:9px!important;letter-spacing:.13em!important;font-weight:850!important;color:#7c8fa5!important;padding:0 9px 8px!important}
.nav{display:flex;flex-direction:column;gap:3px;min-width:0}
.nav-group-label{display:flex;align-items:center;min-height:25px;margin:12px 2px 2px!important;padding:5px 8px!important;border:0!important;border-left:3px solid #0d9998!important;border-radius:0 6px 6px 0!important;background:#f0f7f8!important;color:#40556c!important;font-size:9px!important;font-weight:900!important;letter-spacing:.09em!important;line-height:1.2!important;white-space:nowrap!important}
.nav-start-label{margin-top:0!important}
.nav button{display:flex;align-items:center;gap:9px;min-height:37px;padding:8px 10px!important;border:1px solid transparent!important;border-radius:9px!important;background:transparent!important;color:#405872!important;font-size:12px!important;font-weight:600;line-height:1.25;white-space:nowrap;transition:all .16s ease}
.nav button span{width:18px!important;flex:0 0 18px!important;color:#4774c9!important;font-size:15px!important;text-align:center}
.nav button:not(.nav-featured):hover{background:#f4f8fc!important;border-color:#e3ebf3!important;color:#1d3d58!important}
.nav button.active:not(.nav-featured){background:#e8f6f4!important;border-color:#c2e5e0!important;color:#075e63!important;box-shadow:inset 3px 0 #087f83!important;font-weight:850!important}
.nav button.active:not(.nav-featured) span{color:#087f83!important}
.nav button.nav-featured{display:grid!important;grid-template-columns:20px minmax(0,1fr);column-gap:8px;row-gap:2px;width:100%;min-width:0;min-height:57px;padding:9px 10px!important;border:1px solid #b8dedb!important;border-radius:11px!important;background:linear-gradient(115deg,#e5f7f3,#f2f6ff)!important;color:#173c50!important;font-size:12px!important;font-weight:850!important;box-shadow:0 4px 12px #214f5c0a!important;white-space:normal}
.nav button.nav-featured>span{grid-row:span 2;width:20px!important;color:#087f83!important;font-size:18px!important}
.nav button.nav-featured small{grid-column:2;min-width:0;color:#5c7387!important;font-size:10px!important;font-weight:600!important;line-height:1.3!important}
.nav button.nav-featured:hover,.nav button.nav-featured.active{background:linear-gradient(115deg,#dff4f0,#eaf1ff)!important;border-color:#79c7c1!important}
.nav button.nav-tour-button{font-weight:700!important}.nav button.nav-tour-button>span{color:#6b57cb!important}
.nav button.nav-tour-button:not(.active){color:#455d77!important}
.nav button.nav-tour-button.active{background:#f0edff!important;border-color:#d8d0ff!important;box-shadow:inset 3px 0 #6b57cb!important;color:#4538a4!important}
.sidebar-bottom{flex-shrink:0;margin-top:auto;padding:14px 2px 0!important;border-top:1px solid #e6edf4}
.status-line{display:flex;align-items:center;gap:8px;color:#25425c!important;font-size:11px!important;font-weight:800!important;line-height:1.45}
.status-line i{flex:0 0 7px;width:7px;height:7px;margin:0;background:#14956a!important;box-shadow:0 0 0 4px #e3f6ed!important}
.sidebar-bottom>p{font-size:10px!important;line-height:1.65!important;color:#6a7f95!important;margin:8px 0 12px!important}
.privacy-note{padding:10px!important;gap:8px!important;border:1px solid #dce7f0!important;border-radius:11px!important;background:#f7fafc!important}
.privacy-note>span{color:#087f83!important;font-size:15px}.privacy-note b{color:#25425c!important;font-size:10px!important;line-height:1.4}.privacy-note small{color:#647b91!important;font-size:9px!important;line-height:1.55!important}
.main{max-width:none!important;min-width:0;padding:25px clamp(22px,3.2vw,52px) 42px!important;background:#f3f6fa!important}
.topbar{padding:0 0 20px;margin-bottom:25px!important;border-bottom:1px solid #dfe7f0;align-items:center!important}
.topbar .eyebrow{font-size:10px;letter-spacing:.14em;color:#71849a!important;font-weight:850}
.topbar h1{font-size:clamp(30px,3vw,40px)!important;line-height:1.08!important;letter-spacing:-.045em!important;color:#172b42!important;margin:8px 0!important}
.topbar h1 span{color:#087f83!important}.topbar p{font-size:13px!important;line-height:1.7!important;color:#5a7087!important;max-width:680px}
.top-meta{gap:7px!important}.top-meta select{border-radius:9px!important;padding:8px 10px!important;font-size:11px!important}
.status-pill,.case-pill{border-radius:999px!important;padding:7px 10px!important;font-size:9px!important;letter-spacing:.06em!important}
.view.active{animation:sc-enter .22s ease}@keyframes sc-enter{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}
/* The overview is now a command center: mission → next action → case status → workflow → detail. */
#overview{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
#overview>.hero-grid{grid-row:1}
#overview>.metric-grid{grid-row:2}
#overview>.section-heading{grid-row:3}
#overview>.pipeline{grid-row:4}
#overview>.bottom-grid{grid-row:5}
#overview>.victim-help-panel{grid-row:6;margin-top:23px}
.section-heading{margin:8px 0 16px!important;align-items:end!important}
.section-heading h2{color:#172b42!important;font-size:clamp(23px,2.2vw,29px)!important;letter-spacing:-.04em!important}
.section-heading .eyebrow{color:#087f83!important}
.hero-grid{gap:18px!important;align-items:stretch!important}
.hero-copy,.hero-visual{border-radius:18px!important;box-shadow:0 7px 22px #183c5a08!important}
.hero-copy{border-color:#d8e4ef!important;padding:clamp(22px,2.5vw,34px)!important}
.hero-copy .eyebrow{color:#087f83!important;font-size:10px!important;letter-spacing:.12em!important}
.hero-copy h2{font-size:clamp(27px,2.7vw,38px)!important;line-height:1.12!important;letter-spacing:-.05em!important;color:#172b42!important}
.hero-copy p{font-size:13px!important;line-height:1.8!important;color:#4d637b!important;max-width:650px}
.hero-copy .actions{display:flex;flex-wrap:wrap;gap:9px!important;margin-top:20px!important}
.hero-copy .actions .btn{min-height:40px;border-radius:10px!important}
.hero-tags{margin-top:18px!important;gap:7px!important}.hero-tags span{border-radius:6px!important}
.hero-visual{border-color:#d8e4ef!important;min-width:0}
.metric-grid{gap:12px!important;margin:17px 0 26px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
.metric{border:1px solid #e0e8f0!important;border-radius:13px!important;box-shadow:0 4px 15px #172b4206!important;padding:17px!important}
.metric small{letter-spacing:.09em!important;color:#75869a!important}.metric strong{font-size:28px!important;color:#172b42!important}.metric span{color:#60758b!important}
.pipeline{gap:12px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
.pipeline article{border:1px solid #dfe8f0!important;border-radius:14px!important;padding:18px!important;min-height:154px!important;background:#fff!important;box-shadow:0 4px 15px #172b4206!important}
.pipeline article h3{font-size:14px!important;color:#1d354d!important}.pipeline article p{font-size:11px!important;line-height:1.65!important;color:#61758b!important}
.pipeline .step{display:inline-flex;align-items:center;justify-content:center;min-width:27px;height:24px;border-radius:7px;background:#e7f5f4;color:#087f83!important}
.pipeline .step-icon{margin-top:11px!important;color:#6558c9!important}
.bottom-grid{gap:14px!important;margin-top:22px!important}.panel{border-radius:15px!important;box-shadow:0 4px 16px #172b4206!important;border-color:#dfe7f0!important}
.victim-help-panel{border-radius:16px!important;background:#fff!important;border-color:#d7e6ed!important}
.victim-help-panel h3{color:#172b42!important}.victim-help-panel p{color:#5a7087!important}
.footer{margin-top:30px!important}.back-to-overview{border-radius:9px!important;margin-bottom:12px!important}
@media(max-width:1100px){.shell{grid-template-columns:235px minmax(0,1fr)!important}.sidebar{padding:18px 11px 12px!important}.main{padding:22px 21px 32px!important}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.pipeline{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:800px){
 .shell{grid-template-columns:minmax(0,1fr)!important}
 .sidebar{position:relative!important;width:100%;height:auto;max-height:none;padding:12px 14px 7px!important;overflow:visible;border-right:0!important;border-bottom:1px solid #dce5ef!important}
 .brand{padding:0 4px 11px!important;margin-bottom:9px}
 .nav-caption{display:none}.nav{flex-direction:row;gap:6px;overflow-x:auto;overflow-y:hidden;padding:3px 0 7px;scrollbar-width:thin}
 .nav-group-label{display:none!important}.nav button{flex:0 0 auto;width:auto;min-height:36px;padding:8px 10px!important}
 .nav button.nav-featured{display:flex!important;width:auto;min-height:36px;padding:8px 10px!important;white-space:nowrap}
 .nav button.nav-featured small{display:none}.nav button.nav-featured>span{width:auto!important;flex:0 0 auto!important;font-size:15px!important}
 .sidebar-bottom{display:none}.main{padding:17px 14px 27px!important}
 .topbar{padding-bottom:15px;margin-bottom:18px!important}.topbar h1{font-size:29px!important}.topbar p{font-size:12px!important}
 .top-meta{justify-content:flex-start;margin-top:11px}.hero-grid{grid-template-columns:minmax(0,1fr)!important}
 #overview>.hero-grid{grid-row:1}#overview>.metric-grid{grid-row:2}#overview>.section-heading{grid-row:3}#overview>.pipeline{grid-row:4}#overview>.bottom-grid{grid-row:5}#overview>.victim-help-panel{grid-row:6}
 .metric-grid{gap:8px!important}.metric{padding:13px!important}.metric strong{font-size:25px!important}
 .pipeline{grid-template-columns:repeat(2,minmax(0,1fr))!important}.victim-help-panel{margin-top:18px!important}
}
@media(max-width:440px){.topbar h1{font-size:26px!important}.hero-copy{padding:20px!important}.hero-copy h2{font-size:27px!important}.pipeline{grid-template-columns:minmax(0,1fr)!important}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}