:root{--fondo: #f6f7f9;--superficie: #ffffff;--texto: #1b2230;--suave: #5b6578;--borde: #d9dee7;--acento: #1f5fbf;--acento-texto: #ffffff;--alerta: #b3261e;--alerta-fondo: #fdecea;--ok: #1b7a3e;--ok-fondo: #e7f5ec;--cabecera: #e8ebf1;color-scheme:light dark}@media (prefers-color-scheme: dark){:root{--fondo: #12161d;--superficie: #1a202a;--texto: #e6e9ef;--suave: #9aa4b5;--borde: #2d3646;--acento: #6ea2f0;--acento-texto: #0d1420;--alerta: #ff8a80;--alerta-fondo: #3a1b19;--ok: #6fd392;--ok-fondo: #14301f;--cabecera: #232b38}}*{box-sizing:border-box}body{margin:0;background:var(--fondo);color:var(--texto);font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1,h2,h3,h4{margin:.2em 0 .5em;line-height:1.25}h2{font-size:1.35rem}h3{font-size:1.05rem}code{background:var(--cabecera);padding:0 4px;border-radius:4px}button{font:inherit;cursor:pointer;border:1px solid var(--acento);background:var(--acento);color:var(--acento-texto);padding:6px 12px;border-radius:6px}button:disabled{opacity:.55;cursor:default}button.secundario{background:transparent;color:var(--acento)}button.enlace{background:none;border:none;color:var(--acento);padding:0;text-decoration:underline}input,select,textarea{font:inherit;color:var(--texto);background:var(--superficie);border:1px solid var(--borde);border-radius:6px;padding:6px 8px;max-width:100%}label{display:flex;flex-direction:column;gap:4px;font-size:.9rem;color:var(--suave)}.aplicacion{max-width:1280px;margin:0 auto;padding:0 16px 24px}header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid var(--borde)}header .cliente{margin-left:12px;color:var(--suave)}header .sesion{display:flex;gap:12px;align-items:center;color:var(--suave)}header .version{font-size:.8rem;border:1px solid var(--borde);border-radius:10px;padding:0 8px}nav,.pestanas{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}nav button,.pestanas button{background:var(--superficie);color:var(--texto);border-color:var(--borde)}nav button.activa,.pestanas button.activa{background:var(--acento);color:var(--acento-texto);border-color:var(--acento)}main{padding:4px 0}footer{margin-top:24px;font-size:.8rem;color:var(--suave);border-top:1px solid var(--borde);padding-top:10px}.entrar{max-width:460px;margin:10vh auto;padding:0 16px}.entrar form{display:flex;flex-direction:column;gap:12px;margin-top:16px}.tarjetas{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:12px 0 20px}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:10px;padding:12px 14px}.tarjeta.alerta{border-color:var(--alerta)}.tarjeta.ok{border-color:var(--ok)}.tarjeta-titulo{font-size:.85rem;color:var(--suave)}.tarjeta-valor{font-size:1.5rem;font-weight:600;margin:2px 0}.tarjeta-nota{font-size:.8rem;color:var(--suave)}.bloque{margin:18px 0}.bloque-cabecera{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.contador{color:var(--suave);font-weight:400}.tabla-marco{overflow-x:auto;border:1px solid var(--borde);border-radius:8px;background:var(--superficie)}table{border-collapse:collapse;width:100%;font-size:.88rem}th,td{padding:6px 10px;border-bottom:1px solid var(--borde);text-align:left;white-space:nowrap}td:last-child{white-space:normal;min-width:160px}th{background:var(--cabecera);position:sticky;top:0;font-weight:600}th.num,td.num{text-align:right;font-variant-numeric:tabular-nums}td.sin-dato{color:var(--suave)}tr.clic{cursor:pointer}tr.clic:hover td{background:var(--cabecera)}.filtros{display:flex;gap:12px;flex-wrap:wrap;margin:8px 0 12px;align-items:end}.nota-bloque{color:var(--suave);font-size:.88rem;max-width:900px}.estado{color:var(--suave)}.ok{color:var(--ok)}.error{background:var(--alerta-fondo);color:var(--alerta);border:1px solid var(--alerta);border-radius:8px;padding:8px 12px;display:flex;gap:12px;align-items:center;justify-content:space-between;margin:8px 0}.ayuda{position:relative;display:inline-block;vertical-align:middle}.boton-ayuda{width:24px;height:24px;padding:0;border-radius:50%;font-size:.85rem;background:transparent;color:var(--acento)}.ayuda-caja{position:absolute;z-index:5;top:30px;left:0;width:min(420px,86vw);background:var(--superficie);color:var(--texto);border:1px solid var(--borde);border-radius:8px;padding:10px 12px;box-shadow:0 6px 20px #0000002e;font-size:.88rem;font-weight:400}.ayuda-caja p{margin:6px 0}.detalle{background:var(--superficie);border:1px solid var(--borde);border-radius:10px;padding:12px 16px;margin:16px 0}.formulario{display:flex;flex-direction:column;gap:10px;max-width:520px;margin:12px 0}.historial{padding-left:18px}.huella{word-break:break-all;font-size:.8rem;color:var(--suave)}@media (max-width: 640px){.aplicacion{padding:0 10px 20px}.tarjeta-valor{font-size:1.25rem}}.casilla{flex-direction:row;align-items:center;gap:8px}.casilla input{width:auto}a.boton{display:inline-block;border:1px solid var(--acento);background:var(--acento);color:var(--acento-texto);padding:8px 14px;border-radius:6px;text-decoration:none}
