/* ZOLTEVA_PANEL_TEMA=1: el selector de Cuenta y el tema claro. El claro es la noche SIN la clase «zn» (la quita tema.js): todo lo de
   aquí cuelga de html[data-zt="claro"], así que con el interruptor apagado, o en oscuro, esta hoja no cambia nada. */
.p-tema{border:0;padding:0;margin:0 0 20px}
.p-tema legend{font-weight:700;padding:0;margin:0 0 8px}
.p-tema .zc-filtro{margin-bottom:8px}
.p-tema .hint{margin:0}

/* Logotipo: el aprobado es el negativo (letras claras); en claro, la misma pieza con las letras de tinta y el mismo símbolo verde. */
html[data-zt="claro"] .zb .zn-logo{display:block;width:auto;height:30px;object-fit:contain;content:url("/assets/marca/zolteva-logotipo-positivo.svg")}
html[data-zt="claro"] .zb .zc-marca .zn-logo{height:25px}
html[data-zt="claro"] .zb .pl-marca .zn-logo{width:132px;height:auto}
html[data-zt="claro"] .zb .marca .zn-logo{width:116px;height:auto}
html[data-zt="claro"] .zb .zd-logo .zn-logo{width:min(210px,70vw);height:auto;margin:0 auto 10px}

/* Arreglos del claro (revisión de las páginas a 430 px y a escritorio, 30 oct 2026) */
/* Menú «Más» del móvil: los títulos de grupo salían en beis claro (1,5:1) sobre blanco. */
html[data-zt="claro"] .zb .pl-inf p{color:#655d50}
/* «Por devolver llamada»: la segunda y la tercera fila subían 14 px sobre la anterior y el «Ayer» pisaba el nombre. */
html[data-zt="claro"] .zb .zc-rosa .zb-filas>li>a{margin:0}
/* Mi Elena: el resumen de servicios y su nota salían a 3,0:1 (escritorio) y 4,2:1 (móvil). */
html[data-zt="claro"] .zb .zc-resumen,html[data-zt="claro"] .zb #servicios>.hint{color:#4f483d}
/* «Cuándo llaman» (registro/noche.py): la rejilla sin números solo tenía estilo bajo .zn; en claro salía como texto suelto
   («00h03h06h…»). Mismo diseño con colores del claro: un color por tramo y el número al pasar o con el teclado. */
html[data-zt="claro"] .zb .p-an-dest[data-an="fuera"]{font-size:18px;font-weight:600;line-height:1.3;max-width:52ch;margin:4px 0 20px}
html[data-zt="claro"] .zb .zn-calor{display:grid;grid-template-columns:44px repeat(var(--cols),minmax(0,1fr));gap:3px;align-items:center;font-size:12px;color:#655d50}
html[data-zt="claro"] .zb .zn-calor>span:not(.zn-dia){padding:0 0 6px 2px;font-weight:500;font-variant-numeric:tabular-nums}
html[data-zt="claro"] .zb .zn-dia{color:#22201c;font-weight:600;font-size:13px}
html[data-zt="claro"] .zb .zn-c{display:block;height:26px;border-radius:5px;background:#ece8dd;position:relative;outline-offset:2px}
html[data-zt="claro"] .zb .zn-c.cerr{background:#d9d3c4}
html[data-zt="claro"] .zb .zn-c.n1{background:#cfe7da}html[data-zt="claro"] .zb .zn-c.n2{background:#8fcfb2}
html[data-zt="claro"] .zb .zn-c.n3{background:#3f9e78}html[data-zt="claro"] .zb .zn-c.n4{background:#034742}
html[data-zt="claro"] .zb .zn-c.cerr.n1,html[data-zt="claro"] .zb .zn-c.cerr.n2,html[data-zt="claro"] .zb .zn-c.cerr.n3,html[data-zt="claro"] .zb .zn-c.cerr.n4{box-shadow:inset 0 0 0 2px #8a8172}
html[data-zt="claro"] .zb .zn-c[data-tip]:hover::after,html[data-zt="claro"] .zb .zn-c[data-tip]:focus-visible::after{content:attr(data-tip);position:absolute;z-index:5;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);white-space:nowrap;background:#22201c;color:#fff;font:600 12.5px/1.2 inherit;padding:7px 10px;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.25);pointer-events:none}
html[data-zt="claro"] .zb .zn-c[data-tip]:hover,html[data-zt="claro"] .zb .zn-c[data-tip]:focus-visible{outline:2px solid #22201c}
html[data-zt="claro"] .zb .zn-calor-3{display:none}
@media(max-width:699px){
  html[data-zt="claro"] .zb .p-an .p-rs-graf .zn-calor-1{display:none}
  html[data-zt="claro"] .zb .p-an .p-rs-graf .zn-calor-3{display:grid;grid-template-columns:40px repeat(var(--cols),minmax(0,1fr));gap:4px}
  html[data-zt="claro"] .zb .zn-calor-3 .zn-c{height:30px}
  html[data-zt="claro"] .zb .zn-calor-3>span:not(.zn-dia){font-size:11px;padding-left:0}
  html[data-zt="claro"] .zb .zn-calor-3 .zn-c:nth-child(9n+2)[data-tip]::after{left:0;transform:none}
  html[data-zt="claro"] .zb .zn-calor-3 .zn-c:nth-child(9n)[data-tip]::after,html[data-zt="claro"] .zb .zn-calor-3 .zn-c:nth-child(9n+8)[data-tip]::after{left:auto;right:0;transform:none}
}
html[data-zt="claro"] .zb .zn-ley{display:flex;flex-wrap:wrap;gap:8px 24px;margin:16px 0 0;font-size:13px;color:#655d50}
html[data-zt="claro"] .zb .zn-ley li{display:inline-flex;align-items:center;gap:6px}
html[data-zt="claro"] .zb .zn-ley .zn-c{width:18px;height:12px;border-radius:3px;border:0}
html[data-zt="claro"] .zb .zn-escala .zn-c{margin:0 -3px}
html[data-zt="claro"] .zb .zn-escala span:first-child{margin-right:6px}html[data-zt="claro"] .zb .zn-escala span:last-child{margin-left:6px}
html[data-zt="claro"] .zb .p-an-picos li:nth-child(n+4){display:none}

/* Botones del claro (revisión en el simulador de iPhone, 31 oct 2026): un solo botón secundario en todo el panel. Calendario, paginación,
   «Salir» y los filtros por técnico heredaban bordes oscuros de 2 px o se quedaban sin botón; el de la página 404 tenía el texto invisible. */
html[data-zt="claro"] a.btn:not(.ghost),html[data-zt="claro"] button.btn:not(.ghost){color:#fff}
html[data-zt="claro"] .zb .btn.ghost,
html[data-zt="claro"] .zb .ag-nav:not(.cal-barra>.ag-nav:first-child) a:not([aria-current="page"]),
html[data-zt="claro"] .zb .cz-hoy,
html[data-zt="claro"] .zb .cz-fl,
html[data-zt="claro"] .zb a[rel="next"],
html[data-zt="claro"] .zb a[rel="prev"],
html[data-zt="claro"] .zb .ec-pill{background:#fff;color:#17231f;border:1px solid #cdd6d2;border-radius:12px;box-shadow:0 1px 2px rgba(3,71,66,.08);text-decoration:none}
html[data-zt="claro"] .zb .ec-pill{border-radius:999px}
html[data-zt="claro"] .zb .ec-pill[aria-pressed="true"]{background:#034742;color:#fff;border-color:#034742;box-shadow:none}
html[data-zt="claro"] .zb .p-salir button{width:100%;min-height:44px;background:#fff;color:#17231f;border:1px solid #cdd6d2;border-radius:12px;box-shadow:0 1px 2px rgba(3,71,66,.08);text-decoration:none;font-weight:600}
html[data-zt="claro"] .zb main form[action="/panel/salir"] button{width:100%;min-height:44px;background:#fff;color:#17231f;border:1px solid #cdd6d2;border-radius:12px;box-shadow:0 1px 2px rgba(3,71,66,.08);text-decoration:none;font-weight:600}

/* Textos de ayuda del claro (auditoría externa de Equipo, 31 oct 2026): «.hint» heredaba opacity:.75 y salía por debajo de 4,5:1.
   Tinta oscura y opacidad completa en todo el panel, y la letra pequeña de las tarjetas de Equipo. */
html[data-zt="claro"] .zb .hint,html[data-zt="claro"] .zb .p-eq small{color:#4f483d;opacity:1}