/* 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-orange:rgba(239,132,76,.085);
  --orion-rgb-orange-soft:rgba(239,132,76,.045);
  --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%),
    radial-gradient(ellipse at 45% 100%,var(--orion-rgb-orange),transparent 28%),
    radial-gradient(ellipse at 18% 88%,var(--orion-rgb-orange-soft),transparent 24%),
    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);
    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}
}

/* V11: desktop uses a predictable single reading column. The previous empty second
   grid track made the summary feel broken without improving information hierarchy. */
@media(min-width:760px){
  .app-content-v0>.summary-screen-v0.summary-base-v2{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:16px;
    height:auto!important;
    min-height:0;
    overflow:visible!important;
    overflow-y:visible!important;
    padding-top:24px;
  }
  .summary-screen-v0.summary-base-v2>*{
    width:100%;
    max-width:100%;
    min-width:0;
    flex:none;
    grid-column:auto;
  }
  .summary-base-hero-v2,.summary-base-phase-v2{
    visibility:visible!important;
    opacity:1!important;
    display:block!important;
  }
  .summary-base-metrics-v2{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
  }
  .summary-base-metric-v2{min-width:0}
}
@media(min-width:760px) and (max-width:980px){
  .summary-base-metrics-v2{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:759px){
  .summary-screen-v0.summary-base-v2{display:flex;flex-direction:column}
  .summary-base-hero-v2,.summary-base-phase-v2{display:block}
}
.summary-base-hero-v2{
  box-shadow:0 14px 34px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.035);
}
.summary-base-phase-v2{
  box-shadow:0 12px 28px rgba(0,0,0,.14),inset 0 1px rgba(255,255,255,.025);
}
.summary-base-phase-v2::before{
  content:"";
  position:absolute;
  width:180px;
  height:180px;
  right:-72px;
  top:-88px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(239,132,76,.10),transparent 70%);
  pointer-events:none;
}
@media(prefers-reduced-motion:reduce){
  .summary-base-hero-v2,.summary-base-phase-v2{transition:none!important}
}

/* V14: restore full card content on mobile and enforce a single, ordered desktop flow. */
.summary-screen-v0.summary-base-v2{
  height:auto!important;
  min-height:100%;
  overflow-x:hidden!important;
  overflow-y:visible!important;
}
.summary-base-hero-v2,
.summary-base-phase-v2{
  position:relative;
  display:flex!important;
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-start;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  padding:22px!important;
  gap:12px;
}
.summary-base-hero-value-v2,
.summary-base-hero-support-v2,
.summary-base-phase-title-v2,
.summary-base-phase-value-v2,
.summary-base-progress-v2,
.summary-base-phase-action-v2{
  display:block!important;
  position:relative;
  visibility:visible!important;
  opacity:1!important;
  max-height:none!important;
}
.summary-base-hero-value-v2{font-size:clamp(32px,7vw,58px)!important;line-height:1.08}
.summary-base-hero-support-v2{margin:0;max-width:68ch}
.summary-base-phase-heading-v2{display:grid;gap:8px}
.summary-base-phase-title-v2{font-size:clamp(20px,3vw,28px);line-height:1.2}
.summary-base-phase-value-v2{line-height:1.5}
.summary-base-progress-v2{width:100%}
.summary-base-phase-action-v2{width:100%;min-height:44px}
.summary-base-metrics-v2{order:4}
@media(min-width:760px){
  .app-content-v0>.summary-screen-v0.summary-base-v2{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:16px!important;
  }
  .summary-screen-v0.summary-base-v2>.summary-base-period-v2{order:0!important}
  .summary-screen-v0.summary-base-v2>.summary-base-hero-v2{order:1!important}
  .summary-screen-v0.summary-base-v2>.summary-base-benefit-companion-v2{order:2!important}
  .summary-screen-v0.summary-base-v2>.summary-base-phase-v2{order:3!important}
  .summary-screen-v0.summary-base-v2>.summary-base-metrics-v2{order:4!important}
  .summary-screen-v0.summary-base-v2>.summary-base-section-v2{order:5!important}
  .summary-screen-v0.summary-base-v2>.summary-base-section-v2.month{order:6!important}
  .summary-screen-v0.summary-base-v2>.summary-base-section-v2.resources{order:7!important}
  .summary-screen-v0.summary-base-v2>.summary-base-period-v2,
  .summary-screen-v0.summary-base-v2>.summary-base-hero-v2,
  .summary-screen-v0.summary-base-v2>.summary-base-benefit-companion-v2,
  .summary-screen-v0.summary-base-v2>.summary-base-phase-v2,
  .summary-screen-v0.summary-base-v2>.summary-base-metrics-v2,
  .summary-screen-v0.summary-base-v2>.summary-base-section-v2{width:100%!important}
  .summary-base-hero-v2{padding:28px!important}
  .summary-base-phase-v2{padding:24px!important}
}
@media(max-width:759px){
  .summary-base-hero-v2,.summary-base-phase-v2{padding:20px!important}
  .summary-base-hero-support-v2{font-size:13px;line-height:1.45}
}