:root{--fondo:#f6f6f4;--superficie:#fff;--borde:#e2e1dd;--texto:#1c1b19;--texto-suave:#6b6862;--acento:#0b5fff;--alerta:#b3261e;--aviso:#8a6100;--ok:#1a7f37}*{box-sizing:border-box}html,body{background:var(--fondo);color:var(--texto);margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:1.5}a{color:var(--acento)}.app{min-height:100vh}.barra{background:var(--superficie);border-bottom:1px solid var(--borde);z-index:10;align-items:center;gap:24px;padding:12px 24px;display:flex;position:sticky;top:0}.marca{letter-spacing:-.01em;font-size:15px}.barra nav{flex:1;gap:18px;display:flex}.barra nav a{color:var(--texto-suave);text-decoration:none}.barra nav a:hover{color:var(--texto)}.sesion{align-items:center;gap:10px;display:flex}.contenido{flex-direction:column;gap:20px;max-width:1200px;margin:0 auto;padding:24px 24px 64px;display:flex}.encabezado{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}h1{flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0;font-size:20px;font-weight:600;display:flex}h2{margin:0 0 4px;font-size:15px;font-weight:600}p{margin:4px 0}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:10px;flex-direction:column;gap:12px;padding:16px;display:flex}.destacado{border-color:var(--ok)}.dos-columnas{grid-template-columns:1fr 1fr;gap:16px;display:grid}.resumen{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.metrica{align-items:flex-start;gap:2px}.numero{font-size:24px;font-weight:600}label{color:var(--texto-suave);flex-direction:column;gap:4px;font-size:12px;display:flex}label.checkbox{flex-direction:row;align-items:center;gap:6px}input,select,textarea{font:inherit;border:1px solid var(--borde);background:var(--superficie);color:var(--texto);border-radius:6px;width:100%;padding:7px 9px}input:disabled{background:var(--fondo);color:var(--texto-suave)}input[type=checkbox]{width:auto}.grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.grid .ancho{grid-column:span 2}.filtros{grid-template-columns:repeat(4,1fr);align-items:end;gap:12px;display:grid}.filtros-acciones{align-items:center;gap:10px;display:flex}.fila{flex-flow:wrap;align-items:flex-end;gap:16px}button,.boton{font:inherit;border:1px solid var(--texto);background:var(--texto);color:var(--superficie);cursor:pointer;border-radius:6px;align-self:flex-start;padding:7px 14px;text-decoration:none;display:inline-block}button:hover,.boton:hover{opacity:.88}button.peligro{background:var(--superficie);color:var(--alerta);border-color:var(--alerta)}button.enlace,.enlace{color:var(--acento);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:none}.botones{flex-wrap:wrap;gap:10px;display:flex}.chico-input{max-width:90px}.tabla-envoltorio{background:var(--superficie);border:1px solid var(--borde);border-radius:10px;overflow-x:auto}.tabla{border-collapse:collapse;width:100%}.tabla th,.tabla td{text-align:left;border-bottom:1px solid var(--borde);vertical-align:top;padding:9px 12px}.tabla th{text-transform:uppercase;letter-spacing:.04em;color:var(--texto-suave);background:var(--fondo);font-size:11px;font-weight:600;position:sticky;top:0}.tabla tr:last-child td{border-bottom:none}.tabla tr.baja{opacity:.55}.tabla.horarios{border:1px solid var(--borde);border-radius:8px}.vacio{text-align:center;color:var(--texto-suave);padding:28px}.nota-celda{max-width:320px;color:var(--texto-suave);font-size:12px}.paginacion{justify-content:center;align-items:center;gap:16px;display:flex}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--borde);background:var(--fondo);color:var(--texto-suave);border-radius:999px;align-items:center;gap:5px;margin-left:6px;padding:2px 8px;font-size:11px;text-decoration:none;display:inline-flex}.chips .chip{margin-left:0}.chip-pendiente{color:var(--aviso);background:#fdf6e6;border-color:#e4c98a}.chip-alerta{color:var(--alerta);background:#fdeeed;border-color:#eec2bf}.chip-nota{color:#2d4a7c;background:#eef2fa;border-color:#cdd7ea}.chip-ok{color:var(--ok);background:#edf7ef;border-color:#b7dcc0}.chip-baja{border-color:var(--borde);background:var(--fondo)}.chip-activo{background:var(--texto);color:var(--superficie);border-color:var(--texto)}.chip-suave:hover{border-color:var(--texto-suave)}.filtros-motivo{gap:8px}.suave{color:var(--texto-suave)}.chico{font-size:11px}.mono,code,.key{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:12px}.key{background:var(--fondo);border:1px solid var(--borde);word-break:break-all;-webkit-user-select:all;user-select:all;border-radius:6px;padding:10px;display:block}.error{color:var(--alerta);background:#fdeeed;border:1px solid #eec2bf;border-radius:8px;padding:9px 12px}.ok{color:var(--ok);background:#edf7ef;border:1px solid #b7dcc0;border-radius:8px;padding:9px 12px}.alerta{color:var(--alerta)}.avisos .nota{color:var(--texto-suave);margin:0;font-size:12px}.login{place-items:center;min-height:100vh;padding:24px;display:grid}.login-caja{width:min(360px,100%)}.login-caja h1{margin:0}@media (max-width:900px){.grid,.filtros,.resumen{grid-template-columns:repeat(2,1fr)}.dos-columnas{grid-template-columns:1fr}.barra{flex-wrap:wrap;gap:12px}}.etiqueta-con-accion{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.etiqueta-con-accion a{font-size:11px;text-decoration:none}.etiqueta-con-accion a:hover{text-decoration:underline}