/* Interfaz V4. Tamaños y paletas solo en pantalla; impresión intacta. */
@media screen {
 /* Sustituir las animaciones automáticas de V2/V3 por aperturas explícitas. */
 .ea-main-v1>.topbar,.ea-dashboard-v1>.toolbar,.ea-dashboard-v1>.card,
 .login>.card,#modal .dialog {animation:none!important}
 @media(prefers-reduced-motion:no-preference) {
  #content.ea4-enter,#modal .dialog.ea4-enter {animation:ea4-open 160ms ease-out!important}
  @keyframes ea4-open {from{opacity:.8}to{opacity:1}}
 }
 @media(prefers-reduced-motion:reduce) {#content.ea4-enter,#modal .dialog.ea4-enter{animation:none!important}}
 :root {font-size:16px;color:#35445d;--ea-ink:#273b57;--ea-muted:#52647c}
 body {font-size:16px}
 button,input,select,textarea {font-size:16px}
 :is(#content,#modal,.login) td {font-size:14px}
 :is(#content,#modal) th {font-size:12px;letter-spacing:.35px}
 #content.ea-dashboard-v1 th {font-size:14px}
 label,:is(#content,#modal,.login) label {font-size:14px}
 .muted,:is(#content,#modal,.login) .muted {font-size:14px}
 :is(#content,#modal,.login) .note,:is(#content,#modal,.login) .error {font-size:14px}
 :is(#content,#modal) .tag {font-size:13px}
 .sidebar .nav {font-size:15px;line-height:1.4}
 .sidebar .sale-subnav {font-size:14px}
 .sidebar .navgroup {font-size:12px;letter-spacing:.6px}
 .sidebar>.muted {font-size:13px}
 .ea-main-v1>.topbar button,.ea-main-v1>.topbar select {font-size:14px}
 .ea-main-v1>.topbar h1 {font-size:26px}
 .ea-dashboard-v1 h2 {font-size:20px}
 :is(#content,#modal,.login) h2 {font-size:20px}
 :is(#content,#modal,.login) h3 {font-size:17px}
 .ea-dashboard-v1 .annual-column11>span,.ea-dashboard-v1 .annual-column11>small {font-size:12px}
 .date-picker-panel {width:min(490px,94vw);max-height:90vh;overflow:auto;font-size:15px;top:5vh}
 .date-picker-panel button {font-size:15px}
 .date-picker-panel .toolbar {flex-wrap:nowrap;justify-content:space-between}
 .date-picker-panel .calendar-grid {gap:5px}
 .date-picker-panel .calendar-grid button {min-width:0;padding:9px 2px}
 .date-picker-panel .calendar-grid button:disabled {opacity:.25;cursor:not-allowed}
 .date-picker-panel .foot {flex-wrap:wrap}
 .price-menu {width:255px;font-size:15px;max-width:94vw}
 .price-menu button {font-size:15px}
 .price-menu small {font-size:13px}
 .quantity-arrows button,.price-arrows {font-size:12px!important}
 .check {font-size:15px}
 :is(#content,#modal,.login) input::placeholder {color:var(--ea-muted);opacity:1}
 :is(#content,#modal,.login) select {border-radius:8px;color:var(--ea-ink)!important}
 select option,select optgroup {background:var(--ea-surface,#fff);color:var(--ea-ink,#273b57);font-size:inherit}
 .quantity-control input,.price-control input {border-radius:6px 0 0 6px!important}
 /* Claro: mayor contraste; gris oscuro conserva su paleta. */
 body:not(.night) {color:#35445d}
 /* Azul y corinto mantienen los identificadores existentes para conservar
    la preferencia guardada, pero ahora son paletas claras pastel. */
 .night.theme-navy {
  --app-bg:#eaf0fa;--panel:#f7faff;--field:#f5f8ff;--row:#d4e2f6;
  --text:#24395b;--muted:#526582;--line:#c4d3e9;--accent:#496fa7;
  --blue:#3e63a5;--ea-soft:#dfe9fb;--ea-highlight:#3e63a5;
  --ea-blue:#dce8fc;--ea-green:#ddefe9;--ea-lilac:#e9e1f7;--ea-peach:#f5e8df;--ea-icon:#355d91;
  --ea2-glass:rgba(249,252,255,.87);--ea2-edge:rgba(255,255,255,.96);
  --ea2-glow:rgba(90,125,194,.16);--ea2-wash:rgba(154,190,239,.26);
  --ea2-wash-alt:rgba(192,173,231,.20);--ea2-title:#253f73;
  --ea2-top:rgba(255,255,255,.85);--ea2-shade:rgba(75,107,165,.13);--ea2-button:#edf3ff;
  --ea3-field:#f8fbff;--ea3-focus:#5279ba;--ea3-primary:#4469a6;--ea3-primary-end:#365b99;
  --ea3-panel-edge:#c4d3e9;--ea3-selection:#cfdef6;--ea3-danger:#af3047;
 }
 .night.theme-wine {
  --app-bg:#f5ebef;--panel:#fff8fa;--field:#fff5f8;--row:#ead2dc;
  --text:#50313f;--muted:#785868;--line:#dec3cf;--accent:#95576e;
  --blue:#99546c;--ea-soft:#f1dfe7;--ea-highlight:#934d67;
  --ea-blue:#e9e1f4;--ea-green:#e4eee5;--ea-lilac:#eedff0;--ea-peach:#f6e6dc;--ea-icon:#884c65;
  --ea2-glass:rgba(255,249,251,.88);--ea2-edge:rgba(255,255,255,.95);
  --ea2-glow:rgba(169,107,137,.14);--ea2-wash:rgba(225,175,194,.25);
  --ea2-wash-alt:rgba(215,195,233,.23);--ea2-title:#6a364e;
  --ea2-top:rgba(255,255,255,.85);--ea2-shade:rgba(133,83,109,.13);--ea2-button:#fbf0f4;
  --ea3-field:#fff9fb;--ea3-focus:#a85c7b;--ea3-primary:#98556f;--ea3-primary-end:#82425d;
  --ea3-panel-edge:#dec3cf;--ea3-selection:#ebcfdd;--ea3-danger:#af3047;
 }
 .night:is(.theme-navy,.theme-wine) {color:var(--text)}
 .night:is(.theme-navy,.theme-wine) :is(.main,#app,#content) {color:var(--text)}
 .night:is(.theme-navy,.theme-wine) :is(.error,.loss,.refund-red) {color:#b33146!important}
 .night:is(.theme-navy,.theme-wine) .profit {color:#216b4c!important}
 .night:is(.theme-navy,.theme-wine) .tag {background:#e2eafb;color:#315b93}
 .night:is(.theme-navy,.theme-wine) .tag.warn {background:#fff0cc;color:#78530b}
 .night:is(.theme-navy,.theme-wine) .tag.bad {background:#f9dfe5;color:#a52e45}
 .night:is(.theme-navy,.theme-wine) .warning {background:#fff1db;color:#795122;border-color:#dbc298}
 .night:is(.theme-navy,.theme-wine) :is(.status-cancelled,.ended12,.stock-zero12) td {color:#b33146!important}
 .night:is(.theme-navy,.theme-wine) :is(.status-credit,.ending12,.stock-one12) td {color:#825b0c!important}
 .night:is(.theme-navy,.theme-wine) :is(.status-delivered,.active12) td {color:#216b4c!important}
 .night:is(.theme-navy,.theme-wine) .price-warning {background:#fff1d7;color:#79530b}
 /* No sobrescribir los colores semánticos claros de advertencias. */
 body:not(.night) :is(.status-cancelled,.ended12,.stock-zero12) td {color:#b33146!important}
 body:not(.night) :is(.status-credit,.ending12,.stock-one12) td {color:#825b0c!important}
 body:not(.night) :is(.status-delivered,.active12) td {color:#216b4c!important}
 .sidebar {width:250px}
 .ea-main-v1 {margin-left:250px}
 .ea4-menu-toggle {border-radius:9px;min-height:36px;font-size:14px;white-space:nowrap}
 #ea4-hide-menu {display:block;width:100%;margin:0 0 14px;text-align:left;color:var(--ea-ink)!important;background:var(--ea-soft)!important}
 #ea4-show-menu[hidden] {display:none!important}
 body.ea4-sidebar-hidden .sidebar {display:none!important}
 body.ea4-sidebar-hidden .main {margin-left:0!important}
 .sidebar .nav.active .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)}
 @media(hover:hover) and (prefers-reduced-motion:no-preference){.sidebar .nav:hover .ea-nav-icon-v1{transform:translateY(-1px) scale(1.04)}}
 @media(prefers-reduced-motion:no-preference){.sidebar .nav:active .ea-nav-icon-v1{transform:scale(.94)}}
 @media(max-width:1100px){.sidebar{width:225px}.ea-main-v1{margin-left:225px}.ea-main-v1>.topbar .userbar{justify-content:flex-start}}
 @media(max-width:700px){.sidebar{width:100%}.ea-main-v1{margin-left:0}.ea-main-v1>.topbar h1{font-size:23px}.sidebar .nav{font-size:14px}.date-picker-panel{top:3vh;max-height:94vh}.date-picker-panel .calendar-grid{gap:3px}}
}