/* Storage Kings workspace: warm surfaces, readable data, and direct navigation. */
:root {
  --bg: #101215;
  --panel: #191c21;
  --panel-raised: #22262c;
  --fg: #f4f1e9;
  --muted: #b0b2b8;
  --dim: #989ca5;
  --gold: #d4b37a;
  --gold-bright: #ebcfa1;
  --gold-dim: rgba(212,179,122,.09);
  --hairline: rgba(222,219,211,.10);
  --hairline-bright: rgba(222,219,211,.20);
}
body { background: radial-gradient(ellipse at 78% 0,rgba(212,179,122,.035),transparent 48rem),var(--bg); padding:100px 42px 48px 274px; }
main,.communications { max-width:1480px; }
.portal-nav { background:#14161a; width:230px; padding:32px 14px; border-right-color:var(--hairline); }
.portal-nav::before { content:'OPERATIONS'; color:var(--dim); padding-bottom:22px; }
.portal-nav .portal-brand { background:#14161a; height:68px; border-bottom-color:var(--hairline); padding-left:26px; font-size:13px; letter-spacing:.09em; }
.portal-nav .portal-brand small { font-size:8px; letter-spacing:.18em; color:var(--dim); }
.portal-nav>div { gap:8px; }
.portal-nav>div>a { min-height:48px; font-size:12px; border-radius:8px; padding:13px 14px; }
.portal-nav>div>a[aria-current=page] { background:linear-gradient(90deg,rgba(212,179,122,.14),rgba(212,179,122,.035)); border-color:rgba(212,179,122,.16); color:var(--gold-bright); }
.portal-nav>div>a:hover { background:var(--panel-raised); }
.portal-nav button { top:18px; border-radius:7px; }
.nav-short { display:none; }
.topbar-shell { margin:0 auto 24px; opacity:.9; }
.topbar .brand { font-size:10px; letter-spacing:.14em; }
.topbar .brand-tag { font-size:10px; }
.topbar .back { display:none; }
.hero-grid { display:block; }
.overview-heading { display:flex; justify-content:space-between; align-items:center; gap:24px; margin:2px 0 28px; }
.overview-heading .eyebrow { color:var(--gold); font-size:9px; letter-spacing:.16em; }
.overview-heading h1 { font-family:Georgia,'Times New Roman',serif; font-size:48px; font-weight:400; letter-spacing:-1.7px; line-height:1.15; margin:12px 0; }
.overview-heading h1>span { color:var(--gold); }
.overview-heading>div>p:last-child { color:var(--muted); font-size:13px; line-height:1.7; }
.overview-cta { color:var(--fg); border:1px solid var(--hairline-bright); padding:12px 16px; border-radius:8px; font-size:12px; text-decoration:none; white-space:nowrap; }
.overview-cta span { margin-left:20px; color:var(--gold); }
.overview-cta:hover { border-color:var(--gold); background:var(--gold-dim); }
.portfolio-block { padding:0; background:none; border:0; border-radius:0; }
.portfolio-block>.section-kicker { display:none; }
.portfolio-tiles { grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.portfolio-tiles .metric-shell { border:1px solid var(--hairline); border-radius:12px; background:var(--panel); overflow:hidden; }
.portfolio-tiles .tile { min-height:162px; padding:24px; border-radius:0; background:linear-gradient(145deg,rgba(255,255,255,.018),transparent); }
.portfolio-tiles .tile.accent { background:linear-gradient(130deg,rgba(212,179,122,.10),transparent); }
.tile .label { font-family:inherit; font-size:11px; letter-spacing:0; text-transform:none; color:var(--muted); }
.tile .value { font-family:'Plus Jakarta Sans',sans-serif; font-size:34px; font-weight:500; letter-spacing:-1.3px; font-variant-numeric:tabular-nums; margin:18px 0 10px; }
.tile .sub { font-size:11px; line-height:1.65; color:var(--muted); }
.command-bar { border:0; border-bottom:1px solid var(--hairline); border-radius:0; background:none; }
.command-core { background:none; padding:4px 0 20px; border-radius:0; }
.source-health strong { font-size:11px; font-weight:500; }
.source-health span:not(.status-dot) { font-size:10px; color:var(--dim); }
.status-dot { box-shadow:none; width:6px; height:6px; }
.section-nav { display:flex; align-items:center; flex-wrap:wrap; gap:6px; }
.section-nav a { display:block; padding:9px 13px; color:var(--muted); border:1px solid var(--hairline); border-radius:7px; font-size:11px; text-decoration:none; }
.section-nav a:hover { color:var(--gold-bright); border-color:var(--gold); }
.action-rail { background:none; border:0; box-shadow:none; border-radius:0; gap:10px; }
.action-rail a { border:1px solid var(--hairline); border-radius:10px; background:var(--panel); min-height:94px; padding:18px 14px; grid-template-columns:1fr; gap:6px; }
.action-rail a>span { display:none; }
.action-rail a strong { font-size:11px; font-weight:600; }
.action-rail a small { font-size:10px; line-height:1.5; }
.action-rail a:hover { border-color:rgba(212,179,122,.35); background:var(--panel-raised); }
.panel-shell,.comm-panel { border-radius:14px; border-color:var(--hairline); box-shadow:0 7px 22px rgba(0,0,0,.07); }
.section-core { padding:28px; }
.section-head { gap:20px; align-items:center; margin-bottom:24px; }
.section-head h2 { margin-top:8px; font-size:23px; letter-spacing:-.6px; font-weight:500; }
.eyebrow,.section-kicker { font-size:9px; letter-spacing:.14em; }
.alert-card,.correction-row,.closeout-card,.score-grid article,.audit-list article { border-radius:10px; box-shadow:none; border:1px solid var(--hairline); background:rgba(255,255,255,.015); }
.alert-card { padding:18px 20px; }
.alert-card.high { border-left:3px solid var(--sev-high); }
.alert-card.medium { border-left:3px solid var(--gold); }
.alert-card strong { font-size:13px; }
.alert-card p { color:var(--muted); font-size:11px; line-height:1.65; }
.alert-card button,.section-link,.command-button { border-radius:7px; font:500 11px 'Plus Jakarta Sans',sans-serif; letter-spacing:0; background:var(--panel-raised); border:1px solid var(--hairline); box-shadow:none; }
.metric-shell { border-radius:11px; }
.tile { border-radius:11px; padding:22px; }
.table-bezel { border:1px solid var(--hairline); border-radius:10px; background:var(--bg); }
.table-bezel .panel { background:transparent; border-radius:10px; }
th { background:rgba(255,255,255,.025); padding:14px 16px; font:500 10px 'Plus Jakarta Sans',sans-serif; text-transform:none; letter-spacing:0; }
td { padding:15px 16px; font-size:12px; }
tbody tr:hover { background:rgba(212,179,122,.035); }
.row-ref { font-size:10px; line-height:1.6; }
.filter-chip { font-size:10px; font-weight:500; background:var(--panel-raised); color:var(--muted); border:1px solid var(--hairline); border-radius:7px; box-shadow:none; }
.filter-chip.active { border-color:rgba(212,179,122,.4); background:var(--gold-dim); color:var(--gold-bright); }
.comm-header { margin:0 0 24px; padding-bottom:24px; border-bottom:1px solid var(--hairline); }
.comm-header h1,.field-head h1 { font-size:34px; font-weight:500; letter-spacing:-1.2px; }
.comm-header .eyebrow { color:var(--gold); }
.comm-status { color:var(--dim); font-size:11px; margin:12px 0 22px; }
.comm-panel { padding:26px; }
.comm-panel h2 { font-size:16px; font-weight:600; }
.comm-panel form label,.search-label,.filter-label { font-size:12px; color:var(--muted); }
.comm-panel input,.comm-panel textarea,.comm-panel select { background:#13161a; border-color:var(--hairline-bright); font-size:13px; }
.primary { background:var(--gold); color:#191611; border-radius:8px; box-shadow:inset 0 1px 0 rgba(255,255,255,.18); }
.comm-button { border-radius:8px; }
.intake-stats { gap:14px; margin-bottom:24px; }
.intake-stats>div { padding:22px 26px; background:linear-gradient(145deg,rgba(255,255,255,.02),transparent),var(--panel); border-radius:12px; }
.intake-stats strong { font-weight:500; margin-top:12px; }
.intake-list { margin-top:20px; }
.intake-item { padding:18px 16px; border-radius:9px; }
.intake-item.active { border-color:rgba(212,179,122,.35); background:var(--gold-dim); }
.intake-detail { padding:32px; }
.intake-detail-head h2 { font-size:26px; font-weight:500; }
.intake-summary { font-size:14px; line-height:1.9; }
.soft-badge { font-size:10px; letter-spacing:.02em; background:rgba(255,255,255,.02); }
.empty-state { min-height:310px; gap:14px; }
.empty-state h2 { font-size:20px; font-weight:500; }
.empty-icon { border-color:rgba(212,179,122,.25); background:var(--gold-dim); }
.field-head { margin-bottom:12px; padding:0 0 24px; border-bottom:1px solid var(--hairline); }
.field-head .note { line-height:1.7; }
.route-toolbar { top:84px; padding:10px; border-radius:10px; }
.visit-cockpit { background:#191c21; border:1px solid var(--hairline-bright); border-radius:10px; box-shadow:0 8px 30px rgba(0,0,0,.22); }
.login-page { background:radial-gradient(ellipse at 30% 10%,rgba(212,179,122,.09),transparent 55%),var(--bg); padding:30px; }
.login-card { border-radius:18px; padding:46px; border-color:var(--hairline-bright); box-shadow:0 30px 100px rgba(0,0,0,.28); }
.login-card .portal-brand { display:flex; gap:12px; align-items:center; font-size:14px; letter-spacing:.10em; }
.login-card h1 { font-family:Georgia,'Times New Roman',serif; font-size:42px; font-weight:400; letter-spacing:-1px; }
.login-card p { font-size:13px; line-height:1.8; }
.login-card input { min-height:48px; }
#auth-loading { gap:18px; font-size:12px; }
#auth-loading::before { content:''; width:28px; height:28px; border:1px solid var(--hairline-bright); border-top-color:var(--gold); border-radius:50%; animation:workspace-loading 1s linear infinite; }
@keyframes workspace-loading { to { transform:rotate(360deg); } }
@media(max-width:1200px) {
  body { padding-left:248px; padding-right:24px; }
  .portal-nav { width:224px; }
  .portfolio-tiles .tile { padding:18px; }
  .portfolio-tiles .value { font-size:28px; }
  .action-rail { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:800px) {
  html { scroll-padding-top:92px; }
  body { padding:92px 18px calc(100px + env(safe-area-inset-bottom)); }
  .portal-nav { inset:auto 0 0; width:auto; padding:8px 8px calc(8px + env(safe-area-inset-bottom)); background:#14161a; border-top:1px solid var(--hairline-bright); border-bottom:0; }
  .portal-nav::before { display:none; }
  .portal-nav>div { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:3px; overflow:visible; white-space:normal; }
  .portal-nav>div>a { flex-direction:column; gap:6px; padding:9px 2px; min-height:56px; justify-content:center; border-radius:8px; border:1px solid transparent; }
  .portal-nav>div>a svg { width:19px; height:19px; }
  .nav-label { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
  .nav-short { display:block; font-size:9px; line-height:1; white-space:nowrap; }
  .portal-nav .portal-brand { height:66px; padding:0 18px; font-size:11px; }
  .portal-nav .portal-brand img { width:26px; height:26px; }
  .portal-nav button { top:18px; right:18px; font-size:10px; }
  .topbar-shell { display:none; }
  .overview-heading { display:block; margin:0 0 22px; }
  .overview-heading h1 { font-size:37px; letter-spacing:-1.5px; margin:10px 0; }
  .overview-heading>div>p:last-child { font-size:12px; }
  .overview-cta { display:none; }
  .portfolio-tiles { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .portfolio-tiles .tile { min-height:140px; padding:18px 15px; }
  .portfolio-tiles .label { font-size:10px; }
  .portfolio-tiles .value { font-size:28px; margin:14px 0 8px; }
  .portfolio-tiles .sub { font-size:10px; }
  .command-core { padding:0 0 18px; gap:12px; }
  .source-health strong { font-size:10px; }
  .section-nav { flex-wrap:nowrap; overflow-x:auto; padding-bottom:6px; gap:7px; }
  .section-nav a { flex:none; padding:9px 11px; font-size:10px; }
  .action-rail { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
  .action-rail a { min-height:84px; padding:16px; }
  .action-rail a:last-child { grid-column:1/-1; }
  .section-core,.comm-panel { padding:22px 18px; }
  .section-head { gap:14px; flex-wrap:wrap; }
  .section-head h2 { font-size:22px; }
  .section-note { font-size:10px; }
  .alert-card { padding:16px; gap:12px; flex-wrap:wrap; }
  .alert-card button { margin-left:auto; }
  .comm-header { padding-bottom:20px; }
  .comm-header h1,.field-head h1 { font-size:30px; }
  .comm-header>button { margin-top:20px; }
  .intake-stats { gap:8px; }
  .intake-stats>div { padding:17px 12px; }
  .intake-stats strong { font-size:27px; }
  .intake-detail { scroll-margin-top:90px; }
  .intake-detail-head h2 { font-size:23px; }
  .empty-state { min-height:250px; padding:28px 12px; }
  .route-toolbar { top:78px; }
  .visit-cockpit { bottom:calc(86px + env(safe-area-inset-bottom)); margin:0 0 12px; }
  .login-page { padding:24px 18px; }
  .login-card { padding:32px 26px; }
  .login-card h1 { font-size:36px; }
}
@media(prefers-reduced-motion:reduce) { #auth-loading::before { animation:none; border-top-color:var(--hairline-bright); } }
/* Operational data should appear immediately, without scroll-triggered reveals. */
.reveal-card { opacity:1; transform:none; transition:none; }
.topbar-left { display:none; }
.topbar { justify-content:flex-end; }
.followup-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 24px;padding:5px;width:fit-content;border:1px solid #34383f;border-radius:12px;background:#14171b}.followup-tabs a{display:block;padding:12px 18px;color:#aeb2b8;text-decoration:none;font-size:12px;min-height:44px;border-radius:8px}.followup-tabs a[aria-current=page]{background:#28261f;color:#e3c797}.followup-tabs a:hover{color:#f4f1e9}
.waitlist-consent{margin:26px 0;padding:20px;border:1px solid var(--hairline);border-radius:12px;background:var(--panel-raised)}.waitlist-consent p{overflow-wrap:anywhere}.waitlist-consent p+p{margin-top:10px}#load-more{margin-top:18px}

.lead-sync{margin:0 0 22px;border:1px solid var(--hairline);border-radius:12px;padding:14px 18px;color:var(--muted);font-size:12px}.lead-sync summary{cursor:pointer;min-height:24px}.lead-sync p{margin:12px 0 0}.lead-facts{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.lead-facts dt{font-size:11px;color:#aeb2b8;margin-bottom:6px}.lead-facts dd{margin:0;overflow-wrap:anywhere}.lead-alert{border-left:3px solid #d9b775;padding:12px 16px;background:#28261f;border-radius:4px;font-size:12px;line-height:1.7}.intake-detail a,.intake-item strong,.intake-summary{overflow-wrap:anywhere}@media(max-width:800px){.portal-nav>div{grid-template-columns:repeat(7,minmax(0,1fr))}.portal-nav>div>a{min-width:0;padding-left:2px;padding-right:2px}.nav-short{font-size:8px}.lead-facts{grid-template-columns:1fr}}
