/* SmartPay Intelligence — Expert Analytics Layer v1 */
:root{
  --spi-ink:#eef7ff;--spi-muted:#8da8ba;--spi-teal:#22dfcf;--spi-blue:#6495ff;
  --spi-surface:#0a1827;--spi-surface2:#0d2033;--spi-line:rgba(119,171,205,.16);
}
html,body{font-feature-settings:"tnum" 1,"ss01" 1;background:
 radial-gradient(circle at 82% -8%,rgba(41,126,192,.16),transparent 28%),
 radial-gradient(circle at 32% 0%,rgba(28,217,200,.055),transparent 25%),#06111d}
.page{max-width:1680px;margin:0 auto;padding:24px 28px 40px}
.topbar{height:72px;border-bottom-color:rgba(126,177,210,.12);background:rgba(5,16,27,.82)}
.sidebar{width:auto;background:linear-gradient(180deg,#06131f 0%,#071827 100%);border-right-color:rgba(126,177,210,.12)}
.shell{grid-template-columns:252px minmax(0,1fr)}
.nav-btn{font-size:11px;border:1px solid transparent;margin:2px 0;padding:10px 11px;border-radius:11px;transition:.16s ease}
.nav-btn:hover{transform:translateX(2px);background:#0c2133;border-color:rgba(82,149,190,.12)}
.nav-btn.active{box-shadow:inset 3px 0 0 var(--teal),0 8px 24px rgba(0,0,0,.12);background:linear-gradient(90deg,rgba(24,216,200,.10),rgba(75,141,255,.08));border-color:rgba(69,160,202,.20)}
.nav-group-title{font-size:8.5px;color:#58788e;margin-top:19px}
.client-side{font-size:10.5px;color:#7f9caf}
.page-head{margin-bottom:18px;align-items:center}.page-head h1{font-size:29px;letter-spacing:-1px}.page-head p{font-size:11.5px}
.card{border-color:var(--spi-line);background:linear-gradient(180deg,rgba(13,30,48,.92),rgba(8,22,36,.96));box-shadow:0 14px 40px rgba(0,0,0,.15);border-radius:18px;padding:17px}
.card:hover{border-color:rgba(102,171,214,.22)}
.klabel,.decision-label,.eyebrow{font-size:8.5px}.kvalue{font-size:27px;letter-spacing:-.7px}.ksub{font-size:9.5px}
.chart-title h2,.chart-title h3{font-size:15px;letter-spacing:-.2px}.legend-note{font-size:9px}
th,td{font-size:10px;padding:11px 12px}th{font-size:9px;letter-spacing:.02em;background:#0d2235}
.badge{font-size:8px;padding:5px 8px}.goal-sub,.report-kpi span{font-size:8.5px}.report-kpi b{font-size:18px}
.decision-card h3{font-size:15px}.decision-card p,.opportunity p,.insight p{font-size:9.5px}.alert-row h4{font-size:11px}.alert-row p{font-size:9px}
.search input{background:rgba(8,24,39,.8);border-color:rgba(86,155,197,.18)}
.pill{border-color:rgba(86,155,197,.18);background:rgba(8,25,40,.75)}

/* Executive analyst layer */
.spi-expert-brief{position:relative;overflow:hidden;margin-bottom:14px;padding:0;background:
 linear-gradient(135deg,rgba(17,47,68,.96),rgba(9,25,42,.98) 58%,rgba(9,36,47,.98));border:1px solid rgba(50,218,201,.22)}
.spi-expert-brief:before{content:"";position:absolute;inset:-1px auto auto -1px;width:54%;height:2px;background:linear-gradient(90deg,var(--teal),var(--blue),transparent)}
.spi-expert-brief:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-110px;top:-120px;background:radial-gradient(circle,rgba(34,223,207,.12),transparent 67%);pointer-events:none}
.spi-expert-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,.75fr);min-height:210px}
.spi-expert-main{padding:22px 24px}.spi-expert-side{padding:20px;border-left:1px solid rgba(103,166,203,.14);background:rgba(3,15,26,.18)}
.spi-expert-kicker{display:flex;align-items:center;gap:8px;color:#7eece2;font-size:8px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.spi-expert-kicker i{display:block;width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 12px var(--teal)}
.spi-expert-title{font-size:24px;line-height:1.13;letter-spacing:-.7px;margin:10px 0 8px;max-width:820px}.spi-expert-copy{font-size:11px;line-height:1.7;color:#9ab3c3;max-width:860px;margin:0}
.spi-expert-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}.spi-expert-chip{padding:6px 9px;border-radius:999px;border:1px solid rgba(100,163,205,.19);background:rgba(5,23,37,.56);font-size:8.5px;color:#a9c5d6}.spi-expert-chip b{color:#f2f8fc}
.spi-score-row{display:flex;align-items:center;gap:14px}.spi-score{--score:50;width:76px;height:76px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--teal) calc(var(--score)*1%),rgba(111,156,182,.13) 0);position:relative;flex:0 0 auto}.spi-score:after{content:"";position:absolute;inset:6px;border-radius:50%;background:#091b2b}.spi-score strong{z-index:1;font-size:22px}.spi-score-label b{font-size:12px;display:block}.spi-score-label span{display:block;color:#7898ac;font-size:8.5px;line-height:1.45;margin-top:4px}
.spi-mini-stack{display:grid;gap:7px;margin-top:14px}.spi-mini-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 9px;border:1px solid rgba(99,157,192,.13);background:rgba(5,19,31,.42);border-radius:10px}.spi-mini-row span{font-size:8.5px;color:#7f9bae}.spi-mini-row b{font-size:10px}.spi-positive{color:#66e7aa!important}.spi-negative{color:#ff8490!important}.spi-neutral{color:#9dc1d6!important}
.spi-analyst-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:12px;margin:0 0 14px}.spi-panel{padding:17px}.spi-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:13px}.spi-panel-head h3{font-size:15px;margin:3px 0 0}.spi-panel-head small{font-size:8px;color:#6f8ca0}.spi-section-kicker{font-size:7.5px;letter-spacing:.14em;text-transform:uppercase;color:#58d8ce;font-weight:900}
.spi-driver-list,.spi-action-list{display:grid;gap:8px}.spi-driver,.spi-action{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border-radius:11px;background:#081a2a;border:1px solid rgba(94,155,192,.12)}.spi-driver-icon,.spi-action-index{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#10283a;color:#6ce7dd;font-weight:900;font-size:10px}.spi-driver b,.spi-action b{display:block;font-size:10px}.spi-driver p,.spi-action p{margin:3px 0 0;color:#7f9caf;font-size:8.5px;line-height:1.42}.spi-driver-value{font-size:10px;font-weight:900;white-space:nowrap}.spi-action-priority{font-size:7px;padding:4px 6px;border-radius:999px;background:rgba(255,191,71,.10);color:#ffd173;border:1px solid rgba(255,191,71,.16)}
.spi-context-bar{display:flex;gap:8px;flex-wrap:wrap;margin:-5px 0 14px}.spi-context-item{display:flex;align-items:center;gap:6px;padding:6px 9px;border-radius:9px;background:rgba(8,25,40,.58);border:1px solid rgba(92,152,188,.12);font-size:8px;color:#7997aa}.spi-context-item b{color:#b8cfdd}
.spi-pulse{height:4px;border-radius:999px;background:#0a1c2c;overflow:hidden;margin-top:6px}.spi-pulse span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--teal),var(--blue))}
.spi-insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.spi-insight-card{min-height:150px;display:flex;flex-direction:column}.spi-insight-card .spi-insight-value{font-size:22px;font-weight:900;letter-spacing:-.5px;margin:9px 0 5px}.spi-insight-card p{font-size:9px;color:#8ba5b7;line-height:1.55;margin:0}.spi-insight-card small{margin-top:auto;padding-top:12px;font-size:7.5px;color:#658398}
.spi-forecast-confidence{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;padding:12px 13px;margin-bottom:12px;border-radius:12px;background:linear-gradient(90deg,rgba(75,141,255,.08),rgba(24,216,200,.05));border:1px solid rgba(91,159,202,.16)}.spi-confidence-dot{width:10px;height:10px;border-radius:50%;background:#ffbf47;box-shadow:0 0 12px rgba(255,191,71,.35)}.spi-forecast-confidence b{font-size:10px}.spi-forecast-confidence p{font-size:8.5px;color:#819daf;margin:2px 0 0}.spi-confidence-badge{font-size:8px;font-weight:900;border-radius:999px;padding:5px 8px;background:#102a3d;color:#9ed4ff}
.spi-alert-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.spi-alert-stat{padding:12px;border-radius:12px;border:1px solid rgba(100,160,195,.13);background:#081a2a}.spi-alert-stat b{font-size:18px;display:block}.spi-alert-stat span{font-size:8px;color:#7693a6}
.spi-report-brief{padding:16px;margin:12px 0;border-radius:13px;background:#081a2a;border-left:3px solid var(--teal);color:#9bb4c4;font-size:10px;line-height:1.7}.spi-report-brief strong{color:#edf7fb}
.spi-method{font-size:7.5px;color:#617e91;margin-top:9px}

@media(max-width:1120px){.spi-expert-grid,.spi-analyst-grid{grid-template-columns:1fr}.spi-expert-side{border-left:0;border-top:1px solid rgba(103,166,203,.14)}.spi-insight-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.shell{grid-template-columns:1fr}.page{padding:15px}.spi-expert-main{padding:18px}.spi-expert-title{font-size:20px}.spi-insight-grid,.spi-alert-summary{grid-template-columns:1fr 1fr}.spi-driver,.spi-action{grid-template-columns:30px 1fr}.spi-driver-value,.spi-action-priority{grid-column:2}.page-head h1{font-size:24px}}