/* Orion UX V10 · chromatic balance + desktop summary visibility
   Colors are atmospheric accents, not a rainbow. Fixes desktop summary layout only. */
:root{
  --orion-ink:#080b11;
  --orion-panel:#101720;
  --orion-panel-raised:#171e29;
  --orion-border:rgba(166,183,207,.16);
  --orion-border-strong:rgba(103,209,192,.34);
  --orion-blue:#8eb8e8;
  --orion-gold:#dfc184;
  --orion-text:#f2f4f7;
  --orion-muted:#a1aaba;
  --orion-rgb-teal:rgba(76,190,171,.09);
  --orion-rgb-violet:rgba(145,126,207,.075);
  --orion-rgb-amber:rgba(220,176,103,.075);
  --orion-rgb-cyan:rgba(91,177,207,.07);
}
html{background:#080b11}
body{
  background:
    radial-gradient(ellipse at 9% 18%,var(--orion-rgb-teal),transparent 34%),
    radial-gradient(ellipse at 91% 9%,var(--orion-rgb-violet),transparent 33%),
    radial-gradient(ellipse at 74% 91%,var(--orion-rgb-amber),transparent 35%),
    linear-gradient(145deg,#090d13 0%,#0b1017 48%,#080b11 100%);
}
.app-shell-v0{
  background:
    radial-gradient(ellipse at 7% 24%,rgba(76,190,171,.045),transparent 32%),
    radial-gradient(ellipse at 92% 4%,rgba(145,126,207,.045),transparent 34%),
    linear-gradient(180deg,#0b1017 0%,#080b11 100%);
}
/* Keep the main financial number and the current phase in the first reading path on desktop. */
@media(min-width:760px){
  .summary-screen-v0.summary-base-v2{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    align-content:start;
    min-width:0;
    overflow:visible;
  }
  .summary-base-period-v2,
  .summary-base-hero-v2,
  .summary-base-benefit-companion-v2,
  .summary-base-phase-v2{
    grid-column:1/-1;
    min-width:0;
    visibility:visible!important;
    opacity:1!important;
  }
  .summary-base-hero-v2{order:1}
  .summary-base-benefit-companion-v2{order:2}
  .summary-base-phase-v2{order:3}
  .summary-base-metrics-v2{order:4}
}
@media(min-width:1180px){
  .summary-screen-v0.summary-base-v2{
    grid-template-columns:minmax(0,1fr) minmax(300px,.82fr);
    column-gap:20px;
    align-content:start;
  }
  .summary-base-period-v2,
  .summary-base-hero-v2,
  .summary-base-benefit-companion-v2,
  .summary-base-phase-v2,
  .summary-base-metrics-v2{grid-column:1/-1}
  .summary-base-hero-v2,.summary-base-phase-v2{
    position:relative;
    z-index:1;
  }
}
/* Restrained RGB accents: teal for accounts, violet for movement detail, warm amber for planning. */
.accounts-screen-v0,.account-internal-screen-v0{
  background:
    radial-gradient(ellipse at 94% 0%,rgba(76,190,171,.085),transparent 32%),
    radial-gradient(ellipse at 5% 62%,rgba(91,177,207,.035),transparent 30%),
    linear-gradient(180deg,#0b1118 0%,#080b11 100%);
}
.movements-screen-v0,.movement-internal-screen-v0{
  background:
    radial-gradient(ellipse at 94% 0%,rgba(145,126,207,.08),transparent 32%),
    radial-gradient(ellipse at 3% 48%,rgba(91,177,207,.04),transparent 30%),
    linear-gradient(180deg,#0b1018 0%,#080b11 100%);
}
.planning-screen-v0{
  background:
    radial-gradient(ellipse at 92% 0%,rgba(220,176,103,.075),transparent 33%),
    radial-gradient(ellipse at 5% 44%,rgba(76,190,171,.035),transparent 28%),
    linear-gradient(180deg,#0b1017 0%,#080b11 100%);
}
.summary-base-hero-v2{
  border-color:rgba(142,184,232,.26);
  background:
    radial-gradient(ellipse at 94% 0%,rgba(91,177,207,.13),transparent 38%),
    radial-gradient(ellipse at 6% 100%,rgba(76,190,171,.07),transparent 36%),
    linear-gradient(145deg,#18232d 0%,#111923 60%,#0d131b 100%);
}
.summary-base-phase-v2{
  border-color:rgba(220,176,103,.22);
  background:
    radial-gradient(ellipse at 94% 0%,rgba(220,176,103,.10),transparent 38%),
    radial-gradient(ellipse at 5% 100%,rgba(145,126,207,.045),transparent 35%),
    linear-gradient(145deg,#191d22 0%,#111720 72%);
}
.summary-base-metric-v2.available{
  background:
    radial-gradient(ellipse at 95% 0%,rgba(91,177,207,.10),transparent 40%),
    linear-gradient(150deg,#121c26,#0c131b 72%);
}
.nav-item-v0.active{color:#a8d7ce}
.nav-item-v0.active::after{background:#77cdbb;box-shadow:0 0 12px rgba(76,190,171,.18)}
.nav-create-v0 .nav-icon-v0{
  background:linear-gradient(145deg,#9acfc5,#4e9e98);
  box-shadow:0 5px 16px rgba(55,143,133,.22),inset 0 1px rgba(255,255,255,.24);
}
.nav-create-v0 .nav-label-v0{color:#a8d7ce}
@media(prefers-reduced-motion:reduce){
  .summary-base-hero-v2,.summary-base-phase-v2{transition:none!important}
}