:root{--fondo:#f6f4ef;--tarjeta:#fff;--texto:#1e1b16;--tenue:#6b655c;--linea:#e2ddd3;--marca:#b5351b;--marca-oscuro:#8f2a15;--ok:#1f7a4d;--ok-fondo:#e6f4ec;--error:#a3261a;--error-fondo:#fbe9e6;--aviso:#8a5a00;--aviso-fondo:#fff4d6;--radio:14px}*{box-sizing:border-box}html,body{background:var(--fondo);color:var(--texto);margin:0;padding:0;font-family:system-ui,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.4}body{min-height:100vh}button{font:inherit;cursor:pointer;border-radius:var(--radio);border:0}input,select,textarea{font:inherit;border:1px solid var(--linea);background:#fff;border-radius:10px;width:100%;padding:10px 12px}label{color:var(--tenue);margin:8px 0 4px;font-size:14px;display:block}a{color:var(--marca)}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--linea);vertical-align:top;padding:8px 10px}th{color:var(--tenue);font-size:13px;font-weight:600}code{background:#f0ede6;border-radius:6px;padding:2px 6px;font-size:13px}.tarjeta{background:var(--tarjeta);border:1px solid var(--linea);border-radius:var(--radio);padding:20px}.marca{color:var(--marca);letter-spacing:.02em;font-weight:800}.tenue{color:var(--tenue)}.boton{background:var(--marca);color:#fff;padding:14px 20px;font-weight:600}.boton:hover{background:var(--marca-oscuro)}.boton.secundario{color:var(--texto);background:#ebe7df}.boton.ok{background:var(--ok)}.boton:disabled{opacity:.5;cursor:not-allowed}.aviso{border-radius:10px;margin:10px 0;padding:12px 14px}.aviso.ok{background:var(--ok-fondo);color:var(--ok)}.aviso.error{background:var(--error-fondo);color:var(--error)}.aviso.atencion{background:var(--aviso-fondo);color:var(--aviso)}.fila{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.fila>*{flex:160px}.etiqueta{background:#ebe7df;border-radius:999px;padding:2px 8px;font-size:12px;display:inline-block}.etiqueta.activa,.etiqueta.a_tiempo{background:var(--ok-fondo);color:var(--ok)}.etiqueta.revocada,.etiqueta.retardo,.etiqueta.sin_entrada,.etiqueta.sin_salida{background:var(--error-fondo);color:var(--error)}.etiqueta.pendiente_aprobacion,.etiqueta.pendiente_regla,.etiqueta.pendiente_asignacion,.etiqueta.retardo_dentro_tolerancia{background:var(--aviso-fondo);color:var(--aviso)}.checador{max-width:720px;margin:0 auto;padding:16px}.checador header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.reloj{font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.lista-empleados{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.lista-empleados button{border:2px solid var(--linea);text-align:left;background:#fff;padding:22px 14px;font-size:18px;font-weight:600}.lista-empleados button:hover{border-color:var(--marca)}.teclado{grid-template-columns:repeat(3,1fr);gap:10px;max-width:360px;margin:16px auto;display:grid}.teclado button{border:2px solid var(--linea);background:#fff;padding:22px 0;font-size:26px;font-weight:700}.teclado button:active{background:#ebe7df}.pin-puntos{text-align:center;letter-spacing:12px;min-height:48px;font-size:34px}.grande{font-size:28px;font-weight:800}.enorme{font-size:44px;font-weight:900}.acciones{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:16px;display:flex}.acciones .boton{min-width:180px;padding:18px 24px;font-size:20px}.panel{max-width:1200px;margin:0 auto;padding:16px}.panel nav{flex-wrap:wrap;gap:6px;margin:12px 0 18px;display:flex}.panel nav button{background:#ebe7df;padding:10px 14px;font-weight:600}.panel nav button.activo{background:var(--marca);color:#fff}.tabla-scroll{overflow-x:auto}.mono{word-break:break-all;font-family:ui-monospace,Consolas,monospace;font-size:12px}details summary{cursor:pointer;color:var(--marca)}