/* ================================================================
   MagePulse v0.27.0 — Intelligence OS / Pre-Avee
   Visual direction: same product family as Forge, analytics-first.
   ================================================================ */
:root{
  --mp27-bg:#080B14;
  --mp27-surface:#0F1420;
  --mp27-elevated:#161C2B;
  --mp27-hover:#1D2537;
  --mp27-line:#232C40;
  --mp27-line-soft:#1A2130;
  --mp27-text:#F2EFE6;
  --mp27-dim:#9AA4B8;
  --mp27-faint:#657086;
  --mp27-gold:#C9A227;
  --mp27-gold-lit:#E8CC70;
  --mp27-purple:#8B6CEB;
  --mp27-purple-lit:#A98CFF;
  --mp27-green:#5EA987;
  --mp27-red:#C96E72;
  --mp27-blue:#6F91C7;
  --mp27-shadow:0 18px 55px rgba(0,0,0,.34);
  --mp27-shadow-soft:0 9px 30px rgba(0,0,0,.22);
  --mp-head:'Fraunces',Georgia,serif;
  --mp-sub:'Inter',system-ui,sans-serif;
  --mp-body:'Inter',system-ui,sans-serif;
  --mp-bg:var(--mp27-bg);
  --mp-ink:var(--mp27-bg);
  --mp-panel:var(--mp27-surface);
  --mp-panel2:var(--mp27-elevated);
  --mp-panel3:var(--mp27-hover);
  --mp-line:rgba(105,123,158,.24);
  --mp-line-strong:rgba(130,149,184,.34);
  --mp-text:var(--mp27-text);
  --mp-muted:var(--mp27-dim);
  --mp-dim:var(--mp27-faint);
  --mp-blue:var(--mp27-blue);
  --mp-violet:var(--mp27-purple);
  --mp-amber:var(--mp27-gold);
  --mp-good:var(--mp27-green);
  --mp-bad:var(--mp27-red);
  --mp-warn:var(--mp27-gold);
  --purple:var(--mp27-purple);
  --purple-dark:#624AB1;
  --purple-light:var(--mp27-purple-lit);
  --gold:var(--mp27-gold);
  --grad:linear-gradient(135deg,#E8CC70 0%,#C9A227 42%,#9A7B15 100%);
}

html,body{font-family:var(--mp-body)!important;background:var(--mp27-bg)!important;color:var(--mp27-text)!important}
body{font-weight:400!important;background:
  radial-gradient(850px 520px at 88% -12%,rgba(139,108,235,.09),transparent 68%),
  radial-gradient(720px 460px at 8% 108%,rgba(201,162,39,.045),transparent 72%),
  var(--mp27-bg)!important}
h1,h2,h3,.page-title,.display,.brand-name,#sideBrandName,.mp230-hero h1,.mp230-welcome h1,.mp230-decision h2,.mp270-command h2{font-family:var(--mp-head)!important;letter-spacing:-.018em!important;text-transform:none!important}
h4,.panel-h h3,.cc-name,.studio-job-title,.studio-script-title h4{font-family:var(--mp-body)!important}

/* --- shell / sidebar --- */
.shell{grid-template-columns:244px minmax(0,1fr)!important}
.sidebar{background:linear-gradient(180deg,#0F1420 0%,#0C111B 100%)!important;border-right:1px solid var(--mp27-line)!important;padding:20px 14px!important;box-shadow:18px 0 56px rgba(0,0,0,.24)!important}
.side-brand{padding:3px 9px 20px!important;border-bottom:1px solid var(--mp27-line-soft)!important;margin-bottom:10px}
.side-logo{width:42px!important;height:42px!important;border-radius:12px!important}
.side-logo img{transform:scale(1.16)!important;filter:drop-shadow(0 0 12px rgba(139,108,235,.20)) drop-shadow(0 8px 15px rgba(0,0,0,.36))!important}
#sideBrandName{font-size:17px!important;font-weight:700!important;color:var(--mp27-text)!important;letter-spacing:-.01em!important}
.nav{gap:2px!important;margin-top:2px!important}
.nav-group-label{padding:15px 10px 6px;font-size:9.5px;letter-spacing:.13em;text-transform:uppercase;color:#58647A;font-weight:700;user-select:none}
.nav a{min-height:40px!important;padding:8px 10px!important;border-radius:8px!important;border:1px solid transparent!important;color:var(--mp27-dim)!important;font-size:12.5px!important;font-weight:550!important;gap:9px!important}
.nav a:hover{background:var(--mp27-hover)!important;border-color:transparent!important;color:var(--mp27-text)!important}
.nav a.on{background:rgba(201,162,39,.095)!important;border-color:rgba(201,162,39,.10)!important;color:var(--mp27-gold-lit)!important;box-shadow:none!important}
.nav a.on:before{content:""!important;position:absolute!important;left:-1px!important;top:9px!important;bottom:9px!important;width:2px!important;border-radius:3px!important;background:var(--mp27-gold)!important;box-shadow:0 0 10px rgba(201,162,39,.28)!important}
.nav .ic{display:block!important;width:15px!important;height:15px!important;color:inherit!important;opacity:.78}
.mp-nav-icon{display:none!important}
.system-status{margin:16px 5px 0!important;padding:11px 12px!important;border-radius:9px!important;background:#0B1019!important;border:1px solid var(--mp27-line-soft)!important;box-shadow:none!important}
.system-status-name{font-size:10.5px!important}.system-status-copy{font-size:10px!important;color:var(--mp27-faint)!important}.system-status-build{font-size:9px!important;color:#505B70!important}
.system-status-dot{background:var(--mp27-green)!important;box-shadow:0 0 0 3px rgba(94,169,135,.09),0 0 10px rgba(94,169,135,.27)!important}
.side-foot{border-top:1px solid var(--mp27-line-soft)!important}
.userbox{padding:8px 7px!important}.avatar{background:linear-gradient(135deg,#292E3C,#171C28)!important;color:var(--mp27-gold-lit)!important;border:1px solid var(--mp27-line)!important}

/* --- main top controls --- */
.main{padding:27px 32px 64px!important;max-width:1700px;margin:0 auto;width:100%}
.topbar{margin-bottom:20px!important;padding-bottom:16px;border-bottom:1px solid rgba(80,97,128,.16)}
.page-eyebrow{font-size:9.5px!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:var(--mp27-gold)!important;font-weight:700!important}
.page-title{font-size:27px!important;font-weight:650!important;color:var(--mp27-text)!important}
.page-sub{font-size:12.5px!important;color:var(--mp27-dim)!important;font-weight:400!important}
.controls{gap:7px!important}.controls select,.date-range-wrap input{min-height:36px!important;background:#0C111B!important;border-color:var(--mp27-line)!important;border-radius:8px!important;color:var(--mp27-text)!important;font-size:11.5px!important}
.range-summary{background:#0C111B!important;border-color:var(--mp27-line)!important;color:var(--mp27-dim)!important;border-radius:8px!important}

/* --- common surfaces --- */
.panel,.client-card,.kpi,.studio-job,.studio-summary-card,.studio-brand-item,.studio-script-step{background:var(--mp27-surface)!important;border:1px solid var(--mp27-line)!important;border-radius:11px!important;box-shadow:var(--mp27-shadow-soft)!important}
.panel:hover,.client-card:hover,.kpi:hover{border-color:#2B3650!important}
.btn{border-radius:8px!important;font-size:12px!important;font-weight:600!important}
.btn-primary{background:var(--mp27-gold)!important;border-color:var(--mp27-gold)!important;color:#12100A!important;text-shadow:none!important;box-shadow:0 8px 20px rgba(201,162,39,.12)!important}
.btn-primary:hover{background:var(--mp27-gold-lit)!important;border-color:var(--mp27-gold-lit)!important;filter:none!important}
.btn-ghost{background:var(--mp27-elevated)!important;border:1px solid var(--mp27-line)!important;color:var(--mp27-text)!important;box-shadow:none!important}
.btn-ghost:hover{background:var(--mp27-hover)!important;border-color:rgba(201,162,39,.38)!important}
input,select,textarea{background:#0B1018!important;border-color:var(--mp27-line)!important;border-radius:8px!important;color:var(--mp27-text)!important;font-weight:400!important}
input:focus,select:focus,textarea:focus{border-color:rgba(201,162,39,.7)!important;box-shadow:0 0 0 3px rgba(201,162,39,.08)!important}
label{color:var(--mp27-dim)!important}

/* --- auth --- */
#auth{background:
  radial-gradient(780px 470px at 25% -8%,rgba(139,108,235,.11),transparent 70%),
  radial-gradient(660px 430px at 100% 110%,rgba(201,162,39,.05),transparent 70%),
  var(--mp27-bg)!important}
.auth-card{background:linear-gradient(155deg,#111725,#0D121D)!important;border:1px solid var(--mp27-line)!important;border-radius:18px!important;box-shadow:0 30px 90px rgba(0,0,0,.45)!important}
.brand-logo img{filter:drop-shadow(0 0 13px rgba(139,108,235,.22))!important}
.brand-sub{color:var(--mp27-faint)!important}

/* --- dashboard command surface --- */
#view-dashboard:before{background:
  radial-gradient(720px 420px at 16% 6%,rgba(139,108,235,.055),transparent 68%),
  radial-gradient(590px 360px at 87% 18%,rgba(201,162,39,.025),transparent 72%),
  linear-gradient(180deg,#080B14 0%,#080B14 100%)!important}
#view-dashboard .mp230-shell{font-family:var(--mp-body)!important;color:var(--mp27-text)!important}
.mp230-shell{gap:14px!important}
.mp230-hero{padding:4px 2px 5px!important;background:none!important;border:none!important;box-shadow:none!important}
.mp230-hero h1{font-size:31px!important;color:var(--mp27-text)!important;font-weight:650!important}
.mp230-sub{color:var(--mp27-dim)!important;font-size:11.5px!important}
.mp230-source-days{background:#0D131E!important;border:1px solid var(--mp27-line)!important;color:var(--mp27-dim)!important}
.mp230-eyebrow{color:var(--mp27-gold)!important;font-size:9px!important;letter-spacing:.12em!important;font-weight:700!important}

/* New intelligence command panel */
.mp270-command{position:relative;overflow:hidden;border:1px solid #26314A;border-radius:18px;background:
  radial-gradient(570px 260px at 9% 0%,rgba(139,108,235,.10),transparent 67%),
  radial-gradient(420px 220px at 96% 4%,rgba(201,162,39,.055),transparent 70%),
  linear-gradient(145deg,#111725 0%,#0D131E 56%,#0C111B 100%);box-shadow:var(--mp27-shadow);padding:22px;margin-bottom:2px}
.mp270-command:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,black,transparent 76%)}
.mp270-command>*{position:relative;z-index:1}
.mp270-command-grid{display:grid;grid-template-columns:minmax(0,1fr) 185px;gap:24px;align-items:center}
.mp270-command-copy h2{font-size:25px!important;line-height:1.15;margin:7px 0 9px;color:var(--mp27-text)!important;font-weight:650!important}
.mp270-command-copy>p{max-width:920px;color:#AAB4C6;font-size:12.5px;line-height:1.68;margin:0}
.mp270-command-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.mp270-command-meta span{display:inline-flex;gap:5px;align-items:center;padding:5px 8px;border:1px solid rgba(111,130,165,.16);border-radius:7px;background:rgba(8,11,20,.45);color:#778398;font-size:9.5px;text-transform:uppercase;letter-spacing:.05em}.mp270-command-meta b{color:#C8D0DC;font-weight:650;text-transform:none;letter-spacing:0}
.mp270-command-score{display:flex;align-items:center;justify-content:flex-end;gap:11px}.mp270-score-ring{--tone:#8B6CEB;--score:0;width:98px;height:98px;border-radius:50%;padding:6px;background:conic-gradient(var(--tone) calc(var(--score)*1%),rgba(255,255,255,.07) 0);box-shadow:0 0 28px color-mix(in srgb,var(--tone) 14%,transparent)}
.mp270-score-ring.excellent{--tone:#5EA987}.mp270-score-ring.strong{--tone:#8AAA91}.mp270-score-ring.mixed{--tone:#C9A227}.mp270-score-ring.attention{--tone:#C96E72}.mp270-score-ring.building{--tone:#6D7690}
.mp270-score-ring>div{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:#0D131E;border:1px solid rgba(255,255,255,.045)}.mp270-score-ring strong{font-family:var(--mp-head);font-size:28px;line-height:1;color:var(--mp27-text)}.mp270-score-ring span{font-size:8px;text-transform:uppercase;letter-spacing:.07em;color:#78849A;margin-top:5px}
.mp270-score-caption{min-width:72px}.mp270-score-caption strong{display:block;font-size:11.5px;color:#DCE1E9}.mp270-score-caption span{display:block;font-size:9.5px;color:#738096;margin-top:3px}
.mp270-signal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;margin-top:19px;padding-top:15px;border-top:1px solid rgba(117,134,167,.14)}
.mp270-signal{min-width:0;padding:12px 13px;border:1px solid rgba(108,126,158,.14);border-radius:10px;background:rgba(8,12,20,.40)}
.mp270-signal-label{display:block;color:#68758A;font-size:8.5px;text-transform:uppercase;letter-spacing:.095em;font-weight:700;margin-bottom:6px}.mp270-signal strong{display:block;color:#E2E5EA;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp270-signal small{display:block;color:#7F8BA0;font-size:9.5px;line-height:1.45;margin-top:4px;min-height:27px}
.mp270-signal.ahead strong{color:#89B29A}.mp270-signal.behind strong{color:#D69094}.mp270-signal.on_pace strong{color:#D6BD7C}
.mp270-mini-bar{height:3px;background:#202839;border-radius:3px;position:relative;margin-top:9px;overflow:visible}.mp270-mini-bar i{position:absolute;left:0;top:0;bottom:0;border-radius:3px;background:linear-gradient(90deg,#7E8FB0,#C9A227)}.mp270-mini-bar b{position:absolute;width:1px;height:7px;top:-2px;background:#F2EFE6;opacity:.62}
.mp270-command-lower{display:grid;grid-template-columns:1.08fr .92fr;gap:8px;margin-top:8px}.mp270-command-lower>div{padding:13px;border:1px solid rgba(108,126,158,.13);border-radius:10px;background:rgba(8,12,20,.32)}
.mp270-block-title{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.mp270-block-title span{font-size:10px;color:#D9DEE6;font-weight:650}.mp270-block-title small{font-size:8.5px;color:#68748A;text-transform:uppercase;letter-spacing:.055em}
.mp270-attention-list{display:grid;gap:6px}.mp270-attention{display:grid;grid-template-columns:6px 1fr;gap:9px;align-items:start}.mp270-attention>span{width:5px;height:5px;margin-top:5px;border-radius:50%;background:#C9A227;box-shadow:0 0 8px rgba(201,162,39,.28)}.mp270-attention.high>span{background:#C96E72;box-shadow:0 0 8px rgba(201,110,114,.28)}.mp270-attention strong{display:block;font-size:10.5px;color:#D2D8E1}.mp270-attention small{display:block;font-size:9.2px;color:#748095;margin-top:2px;line-height:1.4}.mp270-clear{display:flex;gap:9px;align-items:center}.mp270-clear-dot{width:7px;height:7px;border-radius:50%;background:#5EA987;box-shadow:0 0 10px rgba(94,169,135,.3)}.mp270-clear strong,.mp270-next-action strong{display:block;font-size:10.5px;color:#D3D9E2}.mp270-clear small{display:block;font-size:9.2px;color:#748095;margin-top:2px}.mp270-next-action p{margin:4px 0 0;color:#7E8A9F;font-size:9.6px;line-height:1.48}
.mp270-command-wait{min-height:135px;display:flex;align-items:center}.mp270-command-wait h2{font-size:21px!important;margin:6px 0}.mp270-command-wait p{color:#8490A4;font-size:11px}

/* Existing analytical surfaces restyled into the same design language */
.mp230-health-panel,.mp230-panel,.mp230-decision,.mp230-shift{background:var(--mp27-surface)!important;border:1px solid var(--mp27-line)!important;border-radius:11px!important;box-shadow:var(--mp27-shadow-soft)!important}
.mp230-health-panel{padding:16px!important}.mp230-health-row{background:#0B1019!important;border-color:var(--mp27-line-soft)!important;border-radius:8px!important}.mp230-health-row strong{color:#D7DDE5!important}.mp230-health-row span{color:#6F7B90!important}
.mp230-kpis{gap:8px!important}.mp230-kpi{background:var(--mp27-surface)!important;border:1px solid var(--mp27-line)!important;border-radius:10px!important;padding:14px 15px!important;box-shadow:none!important}.mp230-kpi:after{height:1px!important;opacity:.55!important}.mp230-kpi-label{font-size:8.5px!important;color:#68748A!important;letter-spacing:.09em!important}.mp230-kpi-value{font-family:var(--mp-head)!important;font-size:27px!important;color:#ECEBE6!important}.mp230-delta{font-size:9.5px!important}.mp230-delta.up{color:#86A991!important}.mp230-delta.down{color:#D1878F!important}
.mp230-shift{padding:13px 16px!important}.mp230-shift strong{font-size:12px!important;color:#D6DCE4!important}.mp230-shift span{font-size:9.5px!important;color:#707C91!important}
.mp230-grid{gap:10px!important}.mp230-panel{padding:16px!important}.mp230-section-head h3{font-family:var(--mp-head)!important;font-size:16px!important;color:#E9E8E3!important;font-weight:600!important}.mp230-health-note{font-size:9.5px!important;color:#717D91!important;line-height:1.5!important}
.mp230-insight{background:#0B1019!important;border:1px solid var(--mp27-line-soft)!important;border-radius:9px!important;box-shadow:none!important}.mp230-insight h4{font-size:11.5px!important;color:#D8DEE6!important}.mp240-explain>span,.mp242-pattern-copy>span{color:#7D899D!important}.mp240-explain p,.mp242-pattern-copy p{color:#A9B3C1!important;font-weight:400!important}
.mp230-decision{background:
  radial-gradient(470px 240px at 94% 0%,rgba(201,162,39,.045),transparent 70%),
  var(--mp27-surface)!important;padding:18px!important}.mp230-decision h2{font-size:22px!important;color:#E9E8E3!important}.mp230-decision p{color:#939EAF!important}.mp230-studio-btn,.mp244-forecast-btn{background:var(--mp27-gold)!important;color:#12100A!important;border:1px solid var(--mp27-gold)!important;border-radius:8px!important;box-shadow:none!important}.mp230-studio-btn:hover,.mp244-forecast-btn:hover{background:var(--mp27-gold-lit)!important;filter:none!important}
.mp230-plan,.mp230-experiment-grid>div,.mp230-experiment{background:#0B1019!important;border-color:var(--mp27-line-soft)!important;border-radius:9px!important}.mp230-plan>b{font-family:var(--mp-head)!important;color:#E3E3DE!important}.mp230-experiment h3{font-family:var(--mp-head)!important;color:#E7E5DE!important}
.mp230-table th{color:#657187!important;border-color:var(--mp27-line)!important}.mp230-table td{color:#AEB8C6!important;border-color:var(--mp27-line-soft)!important}
.mp244-forecast-result,.mp244-forecast-state{background:#0B1019!important;border-color:var(--mp27-line-soft)!important}.mp244-forecast-range b{font-family:var(--mp-head)!important;color:#EAE9E3!important}

/* Other views */
.kpi::before{height:1px!important;background:var(--mp27-gold)!important;opacity:.55!important}.kpi .val{font-family:var(--mp-head)!important}.section-divider{color:var(--mp27-gold)!important}.pill-tag{background:#161C2B!important;color:#A4AEC0!important}.modal{background:var(--mp27-surface)!important;border-color:var(--mp27-line)!important;box-shadow:var(--mp27-shadow)!important}

/* small refinements */
::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:#090D15}::-webkit-scrollbar-thumb{background:#263149;border-radius:9px;border:2px solid #090D15}::-webkit-scrollbar-thumb:hover{background:#33415F}
::selection{background:rgba(201,162,39,.28);color:#fff}

@media(max-width:1180px){.mp270-signal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mp270-command-grid{grid-template-columns:1fr 165px}.mp270-command-lower{grid-template-columns:1fr}}
@media(max-width:1000px){.shell{grid-template-columns:1fr!important}.sidebar{position:relative!important;height:auto!important;box-shadow:none!important}.nav-group-label{display:none}.main{padding:20px!important}.mp270-command{padding:18px}.mp270-command-grid{grid-template-columns:1fr}.mp270-command-score{justify-content:flex-start}.mp270-signal-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.mp270-signal-grid{grid-template-columns:1fr}.mp270-command-copy h2{font-size:22px!important}.mp270-command-meta{display:grid;grid-template-columns:1fr}.mp270-command-meta span{justify-content:space-between}.mp270-command-score{flex-wrap:wrap}.main{padding:15px!important}}

/* Portfolio command center — default view before a client is selected */
.mp270-portfolio{display:grid;gap:12px}
.mp270-portfolio-hero{display:flex;justify-content:space-between;align-items:center;gap:26px;position:relative;overflow:hidden;padding:25px 27px;border:1px solid #26314A;border-radius:18px;background:
  radial-gradient(590px 280px at 8% 0%,rgba(139,108,235,.10),transparent 68%),
  radial-gradient(400px 220px at 96% 8%,rgba(201,162,39,.055),transparent 72%),
  linear-gradient(145deg,#111725 0%,#0D131E 58%,#0C111B 100%);box-shadow:var(--mp27-shadow)}
.mp270-portfolio-hero:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(90deg,#000,transparent 84%)}
.mp270-portfolio-hero>*{position:relative;z-index:1}.mp270-portfolio-hero h1{font-family:var(--mp-head)!important;font-size:31px!important;line-height:1.12;margin:6px 0 8px;color:var(--mp27-text)!important}.mp270-portfolio-hero p{max-width:850px;color:#9BA7B9;font-size:12.5px;line-height:1.65;margin:0}.mp270-portfolio-range{margin-top:12px;color:#6E7B90;font-size:9.5px;letter-spacing:.045em;text-transform:uppercase}
.mp270-portfolio-count{min-width:128px;text-align:right}.mp270-portfolio-count strong{display:block;font-family:var(--mp-head);font-size:44px;line-height:1;color:#ECEAE3}.mp270-portfolio-count span{display:block;color:#758298;font-size:9px;letter-spacing:.07em;text-transform:uppercase;margin-top:6px}
.mp270-portfolio-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.mp270-portfolio-stats>div{padding:13px 15px;border:1px solid var(--mp27-line);border-radius:10px;background:var(--mp27-surface);box-shadow:var(--mp27-shadow-soft)}.mp270-portfolio-stats span{display:block;color:#68758A;font-size:8.5px;text-transform:uppercase;letter-spacing:.09em;font-weight:700}.mp270-portfolio-stats strong{display:block;font-family:var(--mp-head);font-size:24px;color:#E5E5DF;margin-top:3px}
.mp270-portfolio-table-wrap{padding:16px;border:1px solid var(--mp27-line);border-radius:12px;background:var(--mp27-surface);box-shadow:var(--mp27-shadow-soft)}.mp270-portfolio-table-head{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:0 2px 12px;border-bottom:1px solid var(--mp27-line-soft)}.mp270-portfolio-table-head h3{font-family:var(--mp-head)!important;font-size:18px!important;color:#E8E7E1!important;margin-top:3px}.mp270-portfolio-table-head small{max-width:460px;text-align:right;color:#6F7B90;font-size:9.5px;line-height:1.5}
.mp270-portfolio-list{display:grid}.mp270-portfolio-row{width:100%;display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(100px,.7fr) minmax(100px,.7fr) minmax(110px,.7fr) minmax(105px,.7fr) 22px;gap:12px;align-items:center;padding:12px 8px;border:0;border-bottom:1px solid var(--mp27-line-soft);background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}.mp270-portfolio-row:last-child{border-bottom:0}.mp270-portfolio-row:hover{background:#121925;border-color:#29344B;transform:translateX(2px)}
.mp270-client-name strong{display:block;color:#DCE1E8;font-size:11.5px}.mp270-client-name span{display:block;color:#68758A;font-size:9.3px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp270-row-metric span,.mp270-row-data span{display:block;color:#647187;font-size:8.3px;text-transform:uppercase;letter-spacing:.065em}.mp270-row-metric strong{display:block;font-size:11px;color:#B7C0CE;margin-top:3px}.mp270-row-metric strong.up{color:#85AC94}.mp270-row-metric strong.down{color:#D2858B}.mp270-row-metric strong.na{color:#69758A}.mp270-row-data small{display:block;color:#8994A7;font-size:9px;margin-top:3px}.mp270-row-health{text-align:right}.mp270-row-health strong{display:block;font-family:var(--mp-head);font-size:19px;color:#D9DDE2}.mp270-row-health span{display:block;font-size:8.4px;margin-top:2px;color:#748096}.mp270-row-health.excellent strong,.mp270-row-health.strong strong{color:#86AB94}.mp270-row-health.mixed strong{color:#D1B86E}.mp270-row-health.attention strong{color:#D4868C}.mp270-row-arrow{font-size:15px;color:#59667D;text-align:center}.mp270-portfolio-row:hover .mp270-row-arrow{color:var(--mp27-gold)}
.mp270-portfolio-foot{padding:2px 4px 0;color:#59667A;font-size:9px;line-height:1.5}

@media(max-width:1180px){.mp270-portfolio-row{grid-template-columns:minmax(190px,1.4fr) repeat(3,minmax(90px,.7fr)) minmax(90px,.7fr) 18px}.mp270-portfolio-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.mp270-portfolio-hero{align-items:flex-start}.mp270-portfolio-count{min-width:auto}.mp270-portfolio-row{grid-template-columns:1fr 72px 18px}.mp270-row-metric,.mp270-row-data{display:none}.mp270-portfolio-table-head small{display:none}}
@media(max-width:560px){.mp270-portfolio-hero{display:grid}.mp270-portfolio-count{text-align:left}.mp270-portfolio-stats{grid-template-columns:1fr 1fr}.mp270-portfolio-table-wrap{padding:12px}.mp270-portfolio-hero{padding:20px}.mp270-portfolio-hero h1{font-size:26px!important}}

/* Evidence context annotations — factual human context for performance interpretation */
.mp270-context-panel{padding:17px 18px;border:1px solid var(--mp27-line);border-radius:12px;background:var(--mp27-surface);box-shadow:var(--mp27-shadow-soft)}
.mp270-context-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.mp270-context-head h3{margin:3px 0 4px;font-family:var(--mp-head);font-size:17px;color:#E9E8E3}.mp270-context-head p{max-width:720px;margin:0;color:#758298;font-size:10px;line-height:1.6}
.mp270-context-add,.mp270-context-save{min-height:34px;padding:0 12px;border:1px solid var(--mp27-gold);border-radius:8px;background:var(--mp27-gold);color:#12100A;font:700 10px var(--mp-body);cursor:pointer}.mp270-context-add:hover,.mp270-context-save:hover{background:var(--mp27-gold-lit)}
.mp270-context-list{display:grid;margin-top:13px;border-top:1px solid var(--mp27-line-soft)}.mp270-context-row{display:grid;grid-template-columns:105px 1fr 28px;gap:13px;align-items:start;padding:12px 2px;border-bottom:1px solid var(--mp27-line-soft)}.mp270-context-row:last-child{border-bottom:0}.mp270-context-date strong{display:block;color:#AEB8C7;font-size:9.5px}.mp270-context-date span{display:block;margin-top:3px;color:#647187;font-size:8px;text-transform:uppercase;letter-spacing:.07em}.mp270-context-copy>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.mp270-context-copy strong{color:#DCE1E7;font-size:11px}.mp270-context-copy p{margin:5px 0 0;color:#8995A7;font-size:9.8px;line-height:1.55}.mp270-context-copy a{display:inline-block;margin-top:5px;color:#A890DD;font-size:8.8px;text-decoration:none}.mp270-context-copy a:hover{text-decoration:underline}.mp270-context-visibility{display:inline-flex;align-items:center;min-height:18px;padding:0 6px;border:1px solid #29354D;border-radius:12px;color:#6F7C91;background:#111722;font-size:7.8px;text-transform:uppercase;letter-spacing:.055em}.mp270-context-visibility.safe{border-color:rgba(111,164,132,.25);background:rgba(80,139,103,.08);color:#85AA94}.mp270-context-delete{width:26px;height:26px;border:1px solid transparent;border-radius:7px;background:transparent;color:#566379;font-size:16px;cursor:pointer}.mp270-context-delete:hover{border-color:rgba(195,91,99,.24);background:rgba(195,91,99,.07);color:#D1848A}.mp270-context-delete:disabled{opacity:.4;cursor:wait}
.mp270-context-empty{display:flex;gap:9px;align-items:baseline;margin-top:13px;padding:11px 12px;border:1px dashed #263149;border-radius:9px;background:#0B1019}.mp270-context-empty strong{color:#99A4B5;font-size:10px}.mp270-context-empty span{color:#657287;font-size:9px}.mp270-context-foot{padding-top:8px;color:#59667A;font-size:8.5px;line-height:1.5}
.mp270-context-veil{position:fixed;z-index:4000;inset:0;display:grid;place-items:center;padding:20px;background:rgba(3,6,12,.76);backdrop-filter:blur(8px)}.mp270-context-modal{width:min(680px,100%);max-height:90vh;overflow:auto;padding:20px;border:1px solid #29344B;border-radius:16px;background:linear-gradient(160deg,#111725,#0D131E 65%);box-shadow:0 34px 90px rgba(0,0,0,.58)}.mp270-context-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:14px;border-bottom:1px solid var(--mp27-line-soft)}.mp270-context-modal-head h3{margin-top:3px;font-family:var(--mp-head);font-size:21px;color:#ECEAE4}.mp270-context-close{width:30px;height:30px;border:1px solid #29344A;border-radius:8px;background:#141B28;color:#718096;font-size:18px;cursor:pointer}.mp270-context-close:hover{color:#fff;border-color:#45536B}.mp270-context-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:15px}.mp270-context-form-grid label{display:grid;gap:5px}.mp270-context-form-grid label.wide{grid-column:1/-1}.mp270-context-form-grid label>span{color:#727E92;font-size:8.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.mp270-context-form-grid input,.mp270-context-form-grid select,.mp270-context-form-grid textarea{width:100%;padding:9px 10px;border:1px solid #28334A;border-radius:8px;background:#090E16;color:#DCE1E8;font:10.5px var(--mp-body);outline:none}.mp270-context-form-grid textarea{resize:vertical;line-height:1.55}.mp270-context-form-grid input:focus,.mp270-context-form-grid select:focus,.mp270-context-form-grid textarea:focus{border-color:rgba(201,162,39,.6);box-shadow:0 0 0 3px rgba(201,162,39,.07)}.mp270-context-modal-note{margin-top:12px;padding:9px 10px;border-left:2px solid #725AB8;background:rgba(114,90,184,.06);color:#778399;font-size:8.8px;line-height:1.55}.mp270-context-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:15px}.mp270-context-cancel{min-height:34px;padding:0 12px;border:1px solid #2A354C;border-radius:8px;background:#121925;color:#909BAD;font:600 10px var(--mp-body);cursor:pointer}.mp270-context-cancel:hover{border-color:#45536B;color:#fff}.mp270-context-save:disabled{opacity:.55;cursor:wait}
@media(max-width:650px){.mp270-context-head{display:grid}.mp270-context-row{grid-template-columns:82px 1fr 26px}.mp270-context-form-grid{grid-template-columns:1fr}.mp270-context-form-grid label.wide{grid-column:auto}.mp270-context-empty{display:grid}}