/* Orion UX V8 · Premium polish
   Shared finishing layer for mobile PWA, tablet and desktop browser.
   Visual-only except for focus/hover feedback; financial rules and persistence untouched. */
:root{
  --orion-ink:#070b12;
  --orion-panel:#0d1520;
  --orion-panel-raised:#121d2b;
  --orion-border:rgba(151,174,207,.15);
  --orion-border-strong:rgba(112,163,255,.32);
  --orion-blue:#83b0ff;
  --orion-gold:#e0c17b;
  --orion-text:#f3f6fc;
  --orion-muted:#95a3b7;
  --orion-shadow:0 18px 44px rgba(0,0,0,.22);
}
html{background:var(--orion-ink);color-scheme:dark}
body{
  background:
    radial-gradient(ellipse at 50% -12%,rgba(61,103,170,.13),transparent 42%),
    var(--orion-ink);
  color:var(--orion-text);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
button,input,select,textarea{font-family:inherit}
button{ -webkit-tap-highlight-color:transparent }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:2px solid rgba(131,176,255,.92);
  outline-offset:3px;
}
.app-shell-v0{
  background:
    radial-gradient(ellipse at 50% 0%,rgba(60,98,158,.07),transparent 40%),
    linear-gradient(180deg,#080d14 0%,#070b12 100%);
}
.app-content-v0{scrollbar-color:rgba(120,151,193,.35) transparent;scrollbar-width:thin}
.app-content-v0::-webkit-scrollbar{width:7px}
.app-content-v0::-webkit-scrollbar-thumb{background:rgba(120,151,193,.30);border:2px solid transparent;border-radius:99px;background-clip:padding-box}
.app-header-v0{border-bottom-color:rgba(151,174,207,.12)}
.shell-title-v0{letter-spacing:-.035em}
.shell-action-v0,.shell-back-v0{transition:background .18s ease,border-color .18s ease,transform .18s ease}
@media(hover:hover){
  .shell-action-v0:hover,.shell-back-v0:hover{background:rgba(112,163,255,.10);border-color:rgba(131,176,255,.24)}
  .nav-item-v0:not(.nav-create-v0):hover{background:rgba(131,176,255,.07);color:#c2d7ff}
}
.summary-base-v2,.movements-screen-v0,.planning-screen-v0,.accounts-screen-v0,.settings-screen-v0,.fiscal-screen-v1{
  scrollbar-width:thin;
  scrollbar-color:rgba(120,151,193,.30) transparent;
}
.summary-base-period-v2{margin-bottom:13px;font-size:12px;letter-spacing:.015em}
.summary-base-hero-v2{
  border-color:rgba(131,176,255,.29);
  background:
    radial-gradient(ellipse at 95% 5%,rgba(112,163,255,.20),transparent 37%),
    radial-gradient(ellipse at 5% 100%,rgba(217,185,111,.055),transparent 38%),
    linear-gradient(145deg,#121f30 0%,#0d1622 58%,#0a111a 100%);
  box-shadow:0 18px 42px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.045);
}
.summary-base-hero-v2::after{width:190px;height:190px;right:-54px;bottom:-98px;border-color:rgba(131,176,255,.17);box-shadow:0 0 64px rgba(112,163,255,.075)}
.summary-base-kicker-v2{font-size:9px;letter-spacing:.19em}
.summary-base-hero-value-v2{font-variant-numeric:tabular-nums;letter-spacing:-.06em}
.summary-base-phase-v2,.summary-base-metric-v2,.summary-base-section-v2,.summary-base-benefit-companion-v2{
  box-shadow:0 10px 28px rgba(0,0,0,.11),inset 0 1px rgba(255,255,255,.025);
}
.summary-base-phase-v2{border-radius:20px}
.summary-base-metric-v2{min-height:112px;border-radius:18px;transition:transform .18s ease,border-color .18s ease}
.summary-base-metric-value-v2{font-size:clamp(16px,4.2vw,20px);font-variant-numeric:tabular-nums}
.summary-base-section-title-v2{letter-spacing:-.03em}
.summary-base-section-v2.summary-base-flat-v2{box-shadow:none}
.summary-base-resource-v2,.summary-base-link-v2,.summary-base-phase-action-v2{transition:color .18s ease,background .18s ease,border-color .18s ease}
.summary-base-resource-v2{min-height:66px;border-radius:13px;padding-inline:10px}
.summary-base-resource-v2:active,.summary-base-link-v2:active{background:rgba(131,176,255,.055)}
.movements-screen-v0,.movement-internal-screen-v0{background:transparent}
.movements-toolbar-v0{border-bottom:1px solid rgba(151,174,207,.10);margin-bottom:4px}
.movements-filter-button-v0{font-size:12px;font-weight:720}
.movement-row-v0{
  border-color:rgba(151,174,207,.12);
  background:
    radial-gradient(ellipse at 100% 0%,rgba(112,163,255,.055),transparent 42%),
    linear-gradient(145deg,rgba(16,26,39,.96),rgba(10,17,26,.98));
  box-shadow:0 8px 22px rgba(0,0,0,.09),inset 0 1px rgba(255,255,255,.025);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
@media(hover:hover){.movement-row-v0:hover{transform:translateY(-1px);border-color:rgba(131,176,255,.26);box-shadow:0 12px 28px rgba(0,0,0,.15)}}
.movement-form-v0{gap:18px}
.movement-field-v0{gap:8px}
.movement-field-label-v0{color:#a8b6c9;font-size:11px;font-weight:720;letter-spacing:.015em}
.movement-field-control-v0{
  min-height:52px;
  border-color:rgba(151,174,207,.20);
  border-radius:13px;
  background:linear-gradient(180deg,#111b28,#0c141e);
  box-shadow:inset 0 1px 2px rgba(0,0,0,.16);
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.movement-field-control-v0:focus{
  border-color:rgba(131,176,255,.72);
  box-shadow:0 0 0 3px rgba(112,163,255,.10),inset 0 1px 2px rgba(0,0,0,.12);
}
.movement-field-control-v0::placeholder{color:#64748a}
.movement-kind-picker-v0{
  gap:5px;
  padding:5px;
  border-color:rgba(131,176,255,.20);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(16,26,39,.96),rgba(10,17,26,.96));
  box-shadow:inset 0 1px rgba(255,255,255,.025);
}
.movement-kind-button-v0{
  min-height:48px;
  border:1px solid transparent;
  border-radius:11px;
  color:#93a2b7;
  font-size:12px;
  font-weight:760;
  transition:color .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.movement-kind-button-v0.active{
  border-color:rgba(131,176,255,.29);
  background:linear-gradient(180deg,rgba(131,176,255,.18),rgba(83,132,211,.12));
  color:#e4eeff;
  box-shadow:inset 0 1px rgba(255,255,255,.06),0 4px 12px rgba(0,0,0,.12);
}
.movement-button-primary-v0{
  border:1px solid #8bb6ff;
  border-radius:13px;
  background:linear-gradient(180deg,#9ac0ff,#6d9ce9);
  color:#08111d;
  box-shadow:0 8px 20px rgba(61,117,207,.18),inset 0 1px rgba(255,255,255,.42);
}
.movement-button-secondary-v0,.movement-button-danger-v0{
  border-color:rgba(151,174,207,.23);
  border-radius:13px;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));
  color:#d9e3f1;
}
.movement-button-primary-v0,.movement-button-secondary-v0,.movement-button-danger-v0{transition:transform .16s ease,filter .16s ease,border-color .16s ease}
.movement-button-primary-v0:active,.movement-button-secondary-v0:active,.movement-button-danger-v0:active{transform:scale(.985)}
.planning-domain-list-v0,.accounts-account-section-v1,.accounts-card-section-v1,.settings-list-v0,.settings-danger-zone-v0,.fiscal-action-v1{
  box-shadow:0 12px 30px rgba(0,0,0,.12),inset 0 1px rgba(255,255,255,.025);
}
.planning-domain-list-v0,.accounts-account-section-v1,.accounts-card-section-v1,.settings-list-v0,.fiscal-action-v1{border-color:rgba(151,174,207,.16)}
.planning-domain-row-v0,.account-row-v0,.settings-row-v0,.settings-action-v0,.fiscal-action-v1{transition:background .18s ease,border-color .18s ease,transform .18s ease}
@media(hover:hover){
  .planning-domain-row-v0:hover,.account-row-v0:hover,.settings-row-v0:hover,.settings-action-v0:hover,.fiscal-action-v1:hover{background-color:rgba(131,176,255,.045)}
}
.accounts-account-section-v1,.accounts-card-section-v1{border-radius:22px}
.settings-profile-summary-v0{border-color:rgba(131,176,255,.24);box-shadow:0 16px 36px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.035)}
.settings-list-v0,.settings-danger-zone-v0{border-radius:20px}
.bottom-nav-v0{box-shadow:0 -10px 32px rgba(0,0,0,.26);border-top-color:rgba(131,176,255,.20)}
.nav-item-v0.active{color:#a9caff}
.nav-item-v0.active::after{width:26px;box-shadow:0 0 14px rgba(120,169,255,.24)}
.nav-create-v0 .nav-icon-v0{background:linear-gradient(145deg,#8ab5ff,#3e7ee1);box-shadow:0 5px 16px rgba(43,106,212,.30),inset 0 1px rgba(255,255,255,.26)}
.nav-create-v0 .nav-label-v0{color:#b7d0ff}
@media(min-width:760px){
  .app-shell-v0{border-color:rgba(131,176,255,.09);box-shadow:0 0 100px rgba(0,0,0,.28)}
  .app-header-v0{padding-inline:clamp(28px,4vw,68px)}
  .app-content-v0 > :is(.summary-screen-v0,.movements-screen-v0,.planning-screen-v0,.accounts-screen-v0,.fiscal-screen-v1,.settings-screen-v0,.movement-internal-screen-v0,.account-internal-screen-v0){
    padding-top:clamp(22px,2.5vw,36px);
  }
  .summary-base-v2{padding-top:clamp(22px,2.5vw,34px);padding-bottom:140px}
  .summary-base-hero-v2{padding:26px 28px 25px;border-radius:26px}
  .summary-base-hero-value-v2{font-size:clamp(48px,5vw,66px)}
  .summary-base-metrics-v2{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
  .summary-base-metric-v2{min-height:128px;padding:17px 17px}
  .summary-base-metric-value-v2{font-size:clamp(16px,1.45vw,22px)}
  .summary-base-section-v2{padding:20px 22px;border-radius:22px}
  .summary-base-section-v2.summary-base-flat-v2{padding:18px 4px 4px;border-radius:0}
  .movement-form-v0{max-width:760px;margin-inline:auto;padding:22px;border:1px solid rgba(151,174,207,.15);border-radius:24px;background:linear-gradient(145deg,rgba(15,24,36,.94),rgba(9,15,23,.97));box-shadow:var(--orion-shadow)}
  .movement-kind-button-v0{min-height:54px;font-size:14px}
  .movement-field-control-v0{min-height:56px}
  .movement-button-primary-v0,.movement-button-secondary-v0,.movement-button-danger-v0{min-height:52px}
  .movements-list-v0{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;align-items:start}
  .movements-date-v0{grid-column:1/-1}
  .movement-row-v0{margin:0;min-height:82px}
  .movements-empty-v0{grid-column:1/-1;padding:28px;border:1px dashed rgba(151,174,207,.2);border-radius:20px;background:rgba(255,255,255,.015)}
}
@media(min-width:1180px){
  .summary-base-v2{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);column-gap:18px;align-content:start}
  .summary-base-period-v2{grid-column:1/-1}
  .summary-base-hero-v2{grid-column:1/-1}
  .summary-base-benefit-companion-v2{grid-column:1/-1}
  .summary-base-phase-v2{grid-column:1/-1}
  .summary-base-metrics-v2{grid-column:1/-1}
  .summary-base-section-v2{margin-top:14px}
  .summary-base-section-v2.month{grid-column:1}
  .summary-base-section-v2.resources{grid-column:2}
}
@media(max-width:380px){
  .summary-base-hero-v2{padding:16px 15px}
  .summary-base-hero-value-v2{font-size:clamp(34px,10vw,43px)}
  .movement-kind-picker-v0{gap:3px;padding:4px}
  .movement-kind-button-v0{font-size:11px;padding-inline:2px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}