/* EA13-R6 · Definitivo R2-I1 · Interfaz V2
   Capa visual sobre V1. Sin servicios externos, JavaScript ni cambios de datos. */
@media screen {
 :root {
  --ea2-glass:rgba(255,255,255,.83);
  --ea2-edge:rgba(255,255,255,.94);
  --ea2-glow:rgba(104,139,240,.15);
  --ea2-wash:rgba(133,171,244,.19);
  --ea2-wash-alt:rgba(199,173,236,.14);
  --ea2-title:#172b65;
  --ea2-top:rgba(255,255,255,.88);
  --ea2-shade:rgba(83,112,174,.13);
  --ea2-button:#f6f8ff;
 }
 .night {
  --ea2-glass:rgba(35,41,49,.91);
  --ea2-edge:rgba(176,194,219,.18);
  --ea2-glow:rgba(122,152,207,.10);
  --ea2-wash:rgba(107,136,180,.11);
  --ea2-wash-alt:rgba(154,133,182,.07);
  --ea2-title:#e4eaf6;
  --ea2-top:rgba(215,228,255,.13);
  --ea2-shade:rgba(0,0,0,.24);
  --ea2-button:var(--field);
 }
 .night.theme-grey {
  --ea2-glass:rgba(36,36,36,.93);
  --ea2-wash:rgba(165,180,197,.07);
  --ea2-wash-alt:rgba(170,162,181,.05);
  --ea2-title:#f1f1f4;
  --ea2-glow:rgba(185,195,210,.08);
 }
 .night.theme-wine {
  --ea2-glass:rgba(46,39,42,.92);
  --ea2-edge:rgba(218,179,197,.18);
  --ea2-wash:rgba(174,123,145,.12);
  --ea2-wash-alt:rgba(172,142,186,.07);
  --ea2-glow:rgba(207,151,177,.10);
  --ea2-title:#f2e5ed;
 }
 /* El fondo permanece estático; no hay luces en movimiento. */
 .ea-main-v1,.night .main.ea-main-v1 {
  background:radial-gradient(ellipse at 15% 0%,var(--ea2-wash),transparent 57%),radial-gradient(ellipse at 95% 20%,var(--ea2-wash-alt),transparent 55%),var(--ea-canvas)!important;
 }
 .sidebar,.night .sidebar {
  background:linear-gradient(155deg,var(--ea2-wash),transparent 55%),var(--ea-surface)!important;
  border-right-color:var(--ea2-edge);
  box-shadow:5px 0 24px var(--ea2-glow);
 }
 .ea-main-v1>.topbar,
 .ea-dashboard-v1>.toolbar,
 .ea-dashboard-v1>.card,
 .night .ea-dashboard-v1>.card {
  background:linear-gradient(125deg,var(--ea2-wash-alt),transparent 65%),var(--ea2-glass)!important;
  border-color:var(--ea2-edge);
  box-shadow:inset 0 1px 0 var(--ea2-top),0 6px 24px var(--ea2-glow);
 }
 /* Transparencia con alternativa opaca para navegadores sin filtro. */
 @supports (backdrop-filter:blur(12px)) {
  .ea-main-v1>.topbar,.ea-dashboard-v1>.toolbar,.ea-dashboard-v1>.card {
   backdrop-filter:blur(12px);
  }
 }
 @supports not (backdrop-filter:blur(12px)) {
  .ea-main-v1>.topbar,.ea-dashboard-v1>.toolbar,.ea-dashboard-v1>.card,.night .ea-dashboard-v1>.card {
   background:var(--ea-surface)!important;
  }
 }
 .ea-main-v1>.topbar h1,.ea-dashboard-v1 h2 {
  font-family:"Segoe UI",Arial,Helvetica,sans-serif;
  color:var(--ea2-title);
  font-weight:750;
  letter-spacing:-.35px;
  text-shadow:0 1px 0 var(--ea2-top);
 }
 .ea-main-v1>.topbar h1 {font-size:24px;line-height:1.25}
 .ea-dashboard-v1 h2 {font-size:18px;line-height:1.35}
 /* Relieve 3D de los iconos existentes: no reemplaza sus símbolos. */
 .sidebar .ea-nav-icon-v1 {
  border:1px solid var(--ea2-edge);
  background-image:linear-gradient(145deg,var(--ea2-top),transparent 55%,var(--ea2-shade));
  box-shadow:inset 0 1px 2px var(--ea2-top),inset 0 -2px 3px var(--ea2-shade),0 3px 6px var(--ea2-shade);
  transition:transform 240ms cubic-bezier(.2,.8,.3,1.3),box-shadow 160ms ease;
 }
 .ea-nav-icon-v1>.ea-icon-v1 {
  filter:drop-shadow(0 1px 0 var(--ea2-top)) drop-shadow(0 1px 1px var(--ea2-shade));
  stroke-width:1.85;
 }
 .ea-dashboard-v1 h2>.ea-icon-v1 {
  border:1px solid var(--ea2-edge);
  box-shadow:inset 0 1px 2px var(--ea2-top),0 3px 8px var(--ea2-shade);
 }
 .sidebar .nav {transition:background-color 160ms ease,box-shadow 160ms ease}
 .sidebar .nav.active {
  background:linear-gradient(120deg,var(--ea2-top),transparent),var(--ea-soft)!important;
  box-shadow:inset 3px 0 var(--ea-highlight),inset 0 0 0 1px var(--ea2-edge),0 3px 13px var(--ea2-glow);
 }
 .sidebar .nav.active .sidebar .ea-nav-icon-v1 {
  box-shadow:inset 0 1px 2px var(--ea2-top),0 0 12px var(--ea2-glow),0 3px 7px var(--ea2-shade);
 }
 .ea-main-v1>.topbar button,.ea-dashboard-v1 button,
 .night .ea-main-v1>.topbar button,.night .ea-dashboard-v1 button {
  background:linear-gradient(145deg,var(--ea2-top),transparent 70%),var(--ea2-button)!important;
  border-color:var(--ea2-edge);
  box-shadow:inset 0 1px 0 var(--ea2-top),0 3px 8px var(--ea2-shade);
  transition:transform 200ms cubic-bezier(.2,.8,.3,1.2),box-shadow 160ms ease;
 }
 .ea-main-v1>.topbar button:disabled,.ea-dashboard-v1 button:disabled {transform:none;box-shadow:none}
 .ea-dashboard-v1 .annual-bar11 {
  background:linear-gradient(140deg,#d2e1ff 0%,#9cb9f1 55%,#89a9e8 100%)!important;
  box-shadow:inset 0 1px 0 #ffffff99,0 3px 10px var(--ea2-glow);
 }
 .ea-dashboard-v1 .annual-column11:nth-child(3n+2) .annual-bar11 {
  background:linear-gradient(140deg,#d3eee5,#a8cec3)!important;
 }
 .ea-dashboard-v1 .annual-column11:nth-child(3n) .annual-bar11 {
  background:linear-gradient(140deg,#e7ddf6,#bcabdc)!important;
 }
 .ea-dashboard-v1 th {background:linear-gradient(120deg,var(--ea2-wash),transparent),var(--ea-soft)!important}
 .ea-dashboard-v1 .annual-column11.chosen-month12 {box-shadow:0 0 12px var(--ea2-glow)}
 @media(hover:hover) and (prefers-reduced-motion:no-preference) {
  .sidebar .nav:hover .sidebar .ea-nav-icon-v1 {transform:translateY(-1px) scale(1.04)}
  .ea-main-v1>.topbar button:not(:disabled):hover,.ea-dashboard-v1 button:not(:disabled):hover {
   box-shadow:inset 0 1px 0 var(--ea2-top),0 4px 12px var(--ea2-glow);
  }
 }
 @media(prefers-reduced-motion:no-preference) {
  .ea-main-v1>.topbar,.ea-dashboard-v1>.toolbar,.ea-dashboard-v1>.card {animation:ea2-fade-in 220ms ease-out}
  .sidebar .nav:active .sidebar .ea-nav-icon-v1 {transform:scale(.94)}
  .ea-main-v1>.topbar button:not(:disabled):active,.ea-dashboard-v1 button:not(:disabled):active {transform:scale(.97)}
  @keyframes ea2-fade-in {from{opacity:.65}to{opacity:1}}
 }
 @media(prefers-reduced-motion:reduce) {
  .ea-main-v1>.topbar,.ea-dashboard-v1>.toolbar,.ea-dashboard-v1>.card,
  .sidebar .nav,.ea-nav-icon-v1,.ea-main-v1>.topbar button,.ea-dashboard-v1 button {
   animation:none!important;transition:none!important;transform:none!important;
  }
 }
 @media(max-width:750px){.ea-main-v1>.topbar h1{font-size:21px}.ea-dashboard-v1 h2{font-size:17px}}
}
