@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Orbitron:wght@500;600;700;800&family=Sora:wght@500;600;700&display=swap');
:root{
  --mp-head:'Orbitron',sans-serif;--mp-sub:'Sora',sans-serif;--mp-body:'Inter',sans-serif;
  --mp-bg:#07090d;--mp-ink:#0a0d12;--mp-panel:#11161d;--mp-panel2:#171e27;--mp-panel3:#1d2631;
  --mp-line:rgba(166,184,207,.15);--mp-line-strong:rgba(177,197,224,.25);
  --mp-text:#f3f6fa;--mp-muted:#8c98a8;--mp-dim:#657181;
  --mp-cyan:#59d8ff;--mp-blue:#5b8fff;--mp-teal:#53dfc2;--mp-violet:#a378ff;--mp-amber:#efbd62;--mp-silver:#cbd6e3;
  --mp-good:#54dca9;--mp-bad:#ff7188;--mp-warn:#efbd62;
  --purple:var(--mp-blue);--purple-dark:#315fbd;--purple-light:#94c8ff;--blue:var(--mp-blue);--blue-light:#8fc7ff;--gold:var(--mp-amber);
  --grad:linear-gradient(135deg,#d9e2ed 0%,#8da4bd 25%,#5b8fff 66%,#59d8ff 100%);
}
html,body{font-family:var(--mp-body)!important;background:var(--mp-bg)!important;color:var(--mp-text)!important}
h1,.page-title,.display{font-family:var(--mp-head)!important}h2,h3,h4,.brand-name,.panel-h h3{font-family:var(--mp-sub)!important}
body{background:
 radial-gradient(900px 520px at 82% -12%,rgba(69,124,199,.09),transparent 68%),
 radial-gradient(780px 520px at -8% 92%,rgba(73,216,197,.045),transparent 72%),
 linear-gradient(180deg,#080b10 0%,#06080c 100%)!important}
.sidebar{background:linear-gradient(180deg,#0d1117 0%,#090c11 58%,#07090d 100%)!important;border-right:1px solid rgba(163,183,207,.12)!important;box-shadow:20px 0 70px rgba(0,0,0,.32)!important}
.side-brand{border-bottom:1px solid rgba(173,192,216,.09)!important}.side-logo,.brand-logo{background:transparent!important;box-shadow:none!important;border-radius:12px!important;overflow:visible!important}.side-logo img,.brand-logo img{object-fit:contain!important;filter:drop-shadow(0 0 11px rgba(158,116,255,.28)) drop-shadow(0 10px 16px rgba(0,0,0,.52))!important;transform:scale(1.25)}
.brand-name,#sideBrandName{font-family:var(--mp-head)!important;letter-spacing:.06em!important;text-transform:uppercase}.brand-sub{color:#778494!important}
.nav{gap:6px!important}.nav a{position:relative;padding:8px 10px!important;min-height:46px;border-radius:13px!important;border:1px solid transparent!important;color:#8995a5!important;gap:10px!important;transition:.18s ease!important}
.nav a:hover{background:linear-gradient(90deg,rgba(91,143,255,.07),rgba(255,255,255,.015))!important;border-color:rgba(136,165,203,.12)!important;color:#eef5ff!important}
.nav a.on{background:linear-gradient(100deg,rgba(91,143,255,.12),rgba(83,223,194,.03),rgba(255,255,255,.012))!important;border-color:rgba(115,161,219,.18)!important;color:#fff!important;box-shadow:0 14px 32px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.035)!important}
.nav a.on:before{background:linear-gradient(180deg,var(--mp-cyan),var(--mp-blue))!important;box-shadow:0 0 17px rgba(89,216,255,.58)!important}
.nav .ic{display:none!important}
.mp-nav-icon{width:30px;height:30px;flex:0 0 30px;border-radius:10px;display:grid;place-items:center;position:relative;overflow:hidden;border:1px solid rgba(190,207,228,.15);background:linear-gradient(145deg,#1c2530,#0e131a 74%);box-shadow:0 8px 16px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.10),inset 0 -1px rgba(0,0,0,.38)}
.mp-nav-icon:before{content:"";position:absolute;inset:1px;border-radius:8px;background:linear-gradient(135deg,rgba(255,255,255,.09),transparent 45%);pointer-events:none}.mp-nav-icon svg{width:18px;height:18px;fill:none;stroke:var(--icon,#75dfff);stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--icon) 42%,transparent));position:relative}.mp-nav-icon svg .accent{stroke:var(--icon2,#a7c8ff)}
.mp-nav-icon[data-tone="cyan"]{--icon:#60ddff;--icon2:#8aaeff}.mp-nav-icon[data-tone="amber"]{--icon:#f0bd61;--icon2:#ffd895}.mp-nav-icon[data-tone="teal"]{--icon:#54dfc0;--icon2:#8af0dd}.mp-nav-icon[data-tone="blue"]{--icon:#6799ff;--icon2:#95c5ff}.mp-nav-icon[data-tone="violet"]{--icon:#a97dff;--icon2:#d2bbff}.mp-nav-icon[data-tone="silver"]{--icon:#c8d4df;--icon2:#7fa5c9}
.nav a:hover .mp-nav-icon,.nav a.on .mp-nav-icon{transform:translateY(-1px);border-color:color-mix(in srgb,var(--icon) 40%,transparent);box-shadow:0 10px 20px rgba(0,0,0,.32),0 0 15px color-mix(in srgb,var(--icon) 13%,transparent),inset 0 1px rgba(255,255,255,.14)}
.panel,.client-card,.kpi,.studio-job,.studio-summary-card,.studio-brand-item,.studio-script-step{background:linear-gradient(145deg,rgba(22,29,38,.97),rgba(11,15,21,.99))!important;border-color:var(--mp-line)!important;box-shadow:0 18px 50px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.032)!important}
.panel:hover,.client-card:hover,.kpi:hover{border-color:rgba(112,163,225,.24)!important}
.btn-primary{background:linear-gradient(135deg,#d4dee9 0%,#8ca7c2 23%,#5a8ef7 67%,#52cce9 100%)!important;color:#071019!important;text-shadow:0 1px rgba(255,255,255,.25);box-shadow:0 12px 28px rgba(50,112,193,.22),inset 0 1px rgba(255,255,255,.45)!important}.btn-primary:hover{filter:brightness(1.07)}
.btn-ghost{background:linear-gradient(180deg,#171e27,#11161d)!important;border-color:rgba(163,184,209,.16)!important}.btn-ghost:hover{border-color:rgba(91,143,255,.34)!important;background:#1a222d!important}
input,select,textarea{font-family:var(--mp-body)!important;background:#0d1218!important;border-color:rgba(160,181,206,.16)!important;color:#edf3f9!important}input:focus,select:focus,textarea:focus{border-color:#5b9ae5!important;box-shadow:0 0 0 3px rgba(75,149,226,.10)!important}
.page-eyebrow,.section-divider,.step-title{color:#62cde9!important}.system-status{background:linear-gradient(145deg,rgba(20,27,36,.88),rgba(9,12,17,.96))!important;border-color:rgba(157,180,208,.13)!important}.system-status-dot{background:var(--mp-good)!important;box-shadow:0 0 0 4px rgba(84,220,169,.08),0 0 17px rgba(84,220,169,.44)!important}
.toast{background:#171f29!important;border-color:#2b3948!important;box-shadow:0 20px 55px rgba(0,0,0,.45)!important}.toast:not(.err){border-left-color:var(--mp-good)!important}.toast.err{border-left-color:var(--mp-bad)!important}
.status-badge,.pill-tag,.studio-badge{box-shadow:inset 0 1px rgba(255,255,255,.035)}
@media(max-width:1000px){.sidebar{box-shadow:none!important}.mp-nav-icon{width:28px;height:28px;flex-basis:28px}}

/* MagePulse v0.24.2 graphite chrome spectrum theme */

/* ================================================================
   MagePulse v0.24.2 — calm contrast palette
   Graphite + steel blue + warm gold + restrained violet.
   Bright teal/cyan removed from reading surfaces.
   ================================================================ */
:root{
  --mp-cyan:#7897bd;
  --mp-blue:#6f82c7;
  --mp-teal:#8b9b8f;
  --mp-violet:#8e73c7;
  --mp-amber:#d6b467;
  --mp-silver:#c9d1da;
  --mp-good:#86aa92;
  --mp-bad:#d77f8d;
  --mp-warn:#d6b467;
  --purple:#6f82c7;
  --purple-dark:#4e5f9d;
  --purple-light:#9eaad4;
  --blue:#6f82c7;
  --blue-light:#9ab0cf;
  --gold:#d6b467;
  --grad:linear-gradient(135deg,#e0e5eb 0%,#a5b0bd 30%,#7589b7 67%,#637aa5 100%);
}
body{background:
 radial-gradient(900px 520px at 82% -12%,rgba(91,117,161,.075),transparent 68%),
 radial-gradient(760px 500px at -8% 92%,rgba(214,180,103,.035),transparent 72%),
 linear-gradient(180deg,#080a0e 0%,#06080b 100%)!important}
.nav a:hover{background:linear-gradient(90deg,rgba(111,130,199,.07),rgba(255,255,255,.014))!important}
.nav a.on{background:linear-gradient(100deg,rgba(111,130,199,.105),rgba(214,180,103,.018),rgba(255,255,255,.012))!important;border-color:rgba(126,146,189,.18)!important}
.nav a.on:before{background:linear-gradient(180deg,#8fa7c6,#6f82c7)!important;box-shadow:0 0 13px rgba(111,130,199,.34)!important}
.mp-nav-icon[data-tone="cyan"],.mp-nav-icon[data-tone="blue"]{--icon:#88a2c4;--icon2:#aebbd0}
.mp-nav-icon[data-tone="teal"]{--icon:#d2b36c;--icon2:#e4cf9a}
.mp-nav-icon[data-tone="amber"]{--icon:#d2b36c;--icon2:#e7d19b}
.mp-nav-icon[data-tone="violet"]{--icon:#9b84cd;--icon2:#c0b2de}
.mp-nav-icon[data-tone="silver"]{--icon:#c6d0da;--icon2:#8ea3bb}
.btn-primary{background:linear-gradient(135deg,#dbe1e7 0%,#9aa8b8 24%,#7183b9 68%,#60779f 100%)!important;box-shadow:0 12px 28px rgba(62,80,122,.20),inset 0 1px rgba(255,255,255,.42)!important}
.page-eyebrow,.section-divider,.step-title{color:#9eb0ca!important}
input:focus,select:focus,textarea:focus{border-color:#758eb2!important;box-shadow:0 0 0 3px rgba(117,142,178,.09)!important}


/* MagePulse v0.24.4 — stronger typography/readability */
html,body{font-weight:500!important}
body,p,td,th,input,select,textarea,.help,.page-sub,.cc-ind,.mini-stat,.studio-copy,.studio-job-meta,.studio-brand-item .v,.studio-source-dialogue,.studio-direction .v{font-weight:500!important}
.nav a,.btn,.btn-primary,.btn-ghost,label,.status-badge,.pill-tag,.studio-badge{font-weight:650!important}
h1,.page-title,.display,.brand-name,#sideBrandName{font-weight:800!important}
h2,h3,h4,.panel-h h3,.cc-name,.studio-job-title,.studio-script-title h4{font-weight:700!important}
input::placeholder,textarea::placeholder{font-weight:500!important;color:#768292!important}
