/* Brand-only layer: preserve layout, financial red/green semantics and workflows. */
:root{
  --brand-blue:#1B2FA8;--brand-violet:#7B3FE4;--brand-coral:#FF5A5F;
  --brand-panel-start:#14182A;--brand-panel-mid:#1A1F36;--brand-panel-end:#20263F;
  --brand-panel-text:#FFFFFF;--brand-panel-muted:#CDD4E1;--brand-panel-accent:#DCE3EE;
  --brand-panel-border:rgb(205 212 225 / .2);--brand-panel-card:rgb(255 255 255 / .06);
  --brand-border-strong:#505B70;
  --brand-glow-rgb:123 63 228;--brand-shadow-rgb:20 24 42;
  --brand-panel-gradient:radial-gradient(circle at 100% 0,rgb(var(--brand-glow-rgb) / .05),transparent 22rem),linear-gradient(145deg,var(--brand-panel-start),var(--brand-panel-mid) 55%,var(--brand-panel-end));
  --brand-text-accent:#4B3BB8;--muted:#526074;
  --bg:#F5F6F8;--surface:#FFFFFF;--surface-2:#F5F6F8;--surface-3:#ECEFF3;--text:#1A2030;--border:#E1E5EC;--border-strong:#CBD2DC;
  --primary:var(--brand-text-accent);--primary-2:var(--brand-violet);--accent:var(--brand-text-accent);--accent-hover:#3C2F98;--focus:var(--brand-violet);
  --brand-gradient:linear-gradient(120deg,var(--brand-blue),var(--brand-violet));
}
[data-theme=dark]{
  --brand-panel-start:#0F1220;--brand-panel-mid:#14182A;--brand-panel-end:#181C30;
  --brand-panel-text:#F3F5F9;--brand-panel-muted:#CDD4E1;--brand-panel-accent:#DCE3EE;
  --brand-panel-border:rgb(205 212 225 / .22);--brand-panel-card:rgb(255 255 255 / .06);
  --brand-shadow-rgb:7 9 15;
  --bg:#10131B;--surface:#191E2A;--surface-2:#202635;--surface-3:#2A3141;--text:#E9EDF4;--border:#3B4354;--border-strong:#505B70;
  --muted:#B6BECD;
  --primary:#B9B5F0;--primary-2:#CBC7F5;--accent:#B9B5F0;--accent-hover:#D6D3FF;--focus:#B9B5F0;
}
.button.primary{color:#fff;background:var(--brand-gradient);border-color:#5234bd;box-shadow:0 5px 15px #1b2fa820}
.button.primary:hover:not(:disabled){background:var(--brand-gradient);filter:brightness(1.08)}
.text-btn{color:var(--primary)}
.login-kicker{background:#7b3fe410;color:var(--accent);border-color:#7b3fe430}
[data-theme] body,body{background:var(--bg)}
main{background-image:none}
@media(min-width:681px){
  .sidebar{background:var(--brand-panel-gradient)!important}
  .sidebar .nav-item.active{color:#fff;border-color:rgb(255 255 255 / .14);background:rgb(255 255 255 / .09)}
}
.sidebar .nav-item:before{background:var(--brand-violet)}
.login-intro{background:var(--brand-panel-gradient)!important}
.login-intro-copy .eyebrow{color:var(--brand-panel-muted)}
.login-intro:after{background:linear-gradient(90deg,#ff5a5f80,transparent);box-shadow:none}
.login-brand,.brand{width:100%;max-width:100%;padding-inline:0}
.brand-horizontal{display:block;width:100%;max-width:264px;height:auto;object-fit:contain;object-position:left center}
.sidebar .brand-horizontal{max-width:232px}
.brand-icon{display:none;flex:none;object-fit:contain}
.callback-logo{display:block;width:min(100%,320px);height:auto;margin-bottom:24px}
.mobile-brand-icon{display:none}
.mobile-avatar{background:var(--brand-gradient);color:#fff}
@media(min-width:681px) and (max-width:980px){.sidebar .brand-horizontal{display:none}.sidebar .brand-icon{display:block;width:44px;height:44px;padding:5px;background:#fff;border-radius:12px}}
@media(max-width:680px){
  .login-brand .brand-horizontal{display:none}.login-brand .brand-icon{display:block;width:48px;height:48px;background:#fff;border-radius:12px;padding:5px}
  .mobile-brand-icon{display:flex;align-items:center;justify-content:center;flex:none;width:44px;min-height:44px}
  .mobile-home-head{gap:10px}.mobile-home-head>div{flex:1;min-width:0}
  .topbar{gap:10px}.topbar>div:first-of-type{flex:1;min-width:0}.topbar h1{overflow-wrap:anywhere}
  .sidebar .nav-item.active{color:var(--accent)!important}
}
@media(prefers-reduced-motion:reduce){.button.primary{transition:none}}

/* Restrict dark surfaces to navigation and contextual headers. */
.mobile-profile-card,.platform-heading{
  background:var(--brand-panel-gradient);color:var(--brand-panel-text);
}
.platform-heading h2,.mobile-profile-card strong{
  color:var(--brand-panel-text);
}
.platform-heading p,.mobile-profile-card small,.login-intro-copy>p:last-child{
  color:var(--brand-panel-muted);
}
.platform-heading .platform-kicker{
  color:var(--brand-panel-accent);
}
/* Home: ordinary cards with a narrow brand stripe, never a purple fill. */
#metrics .metric:first-child,.portfolio-panel .metric:first-child,.desktop-command-hero,.action-center{
  position:relative;background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-sm);
}
#metrics .metric:first-child::before,.desktop-command-hero::before,.action-center::before{
  content:"";display:block;position:absolute;inset:0 0 auto;width:auto;height:3px;background:var(--brand-gradient);box-shadow:none;mask-image:none;pointer-events:none;
}
#metrics .metric:first-child::after{
  background:radial-gradient(circle,rgb(var(--brand-glow-rgb) / .04),transparent 70%);box-shadow:none;
}
.desktop-command-hero::after{opacity:0}
#metrics .metric:first-child strong,.desktop-command-hero h2,.action-center h2,
.action-center .command-action strong,.desktop-command-hero .command-action strong,.action-center .review-item strong{
  color:var(--text);
}
#metrics .metric:first-child small,#metrics .metric:first-child span,
.desktop-command-hero .command-copy p,.desktop-command-hero .command-action small,
.action-center p,.action-center .command-action small,.action-center .review-item small,
.action-center .review-compact-head small,.action-center .empty-mini{color:var(--muted)}
.action-center .command-action,.desktop-command-hero .command-action,
.action-center .command-action.primary,.desktop-command-hero .command-action.primary,
.action-center .review-item{
  color:var(--text);background:var(--surface-2);border-color:var(--border);
}
.action-center .command-action:hover,.desktop-command-hero .command-action:hover,.action-center .review-item:hover{
  background:var(--surface-3);border-color:var(--border-strong);
}
.action-center .command-action>span:first-child,.desktop-command-hero .command-action>span:first-child{
  color:var(--accent);background:color-mix(in srgb,var(--brand-violet) 8%,var(--surface));
}
.action-center-head,.review-compact-head{border-color:var(--border)}
.action-center .text-btn,.action-center .review-item button,.action-index,.desktop-command-hero .command-kicker{
  color:var(--accent);
}
.action-index{border-color:color-mix(in srgb,var(--accent) 20%,var(--border))}
.platform-heading::before,.portfolio-panel::before{background-image:none}
.platform-guide-icon,.shop-logo{background:var(--brand-gradient)!important;color:#fff!important}
.mobile-avatar{background:var(--brand-gradient)}
.platform-heading .button.secondary{background:var(--surface);color:var(--primary);border-color:var(--border)}
.login-form-wrap footer{color:var(--muted)}
.login-form label{color:var(--text)}
.login-form input{background:var(--surface-2);color:var(--text)}
.login-form input:focus{background:var(--surface)}
.login-form input::placeholder{color:var(--muted);opacity:1}
[data-theme=dark] .login-shell,[data-theme=dark] .login-panel{background:var(--bg)}
[data-theme=dark] .login-form-wrap{background:var(--surface);border-color:var(--border);box-shadow:var(--shadow)}
.pill.ok,.withdraw-status.confirmed{background:var(--surface)}
@media(max-width:680px){.sidebar .nav-item:not(.active){color:var(--muted)!important}}