:root{
  --bg:#faf9f6;--sup:#fff;--sup2:#f3f1ec;--ink:#1c1c1a;--ink2:#5f5e57;--ink3:#8b897f;
  --lin:#e3e0d8;--lin2:#cfcbc0;--acc:#e08308;--accink:#9a5a04;--accsoft:#fdf0dc;
  --track:#eae7df;--ok:#3f6b4f;--oksoft:#eaf2ec;--hold:#8a6d1f;--holdsoft:#fbf3dc;
  --disp:'Archivo',system-ui,sans-serif;--body:'IBM Plex Sans',system-ui,sans-serif;
}
@media (prefers-color-scheme:dark){:root:not([data-tema="claro"]){
  --bg:#1a1a18;--sup:#232321;--sup2:#2b2b28;--ink:#f2f1ee;--ink2:#a3a199;--ink3:#7a786f;
  --lin:#33322d;--lin2:#44433c;--acc:#f7941d;--accink:#f7941d;--accsoft:#2e2517;
  --track:#2e2e2a;--ok:#7fae8c;--oksoft:#1f2a22;--hold:#d3ae4e;--holdsoft:#2c2718;}}
:root[data-tema="oscuro"]{
  --bg:#1a1a18;--sup:#232321;--sup2:#2b2b28;--ink:#f2f1ee;--ink2:#a3a199;--ink3:#7a786f;
  --lin:#33322d;--lin2:#44433c;--acc:#f7941d;--accink:#f7941d;--accsoft:#2e2517;
  --track:#2e2e2a;--ok:#7fae8c;--oksoft:#1f2a22;--hold:#d3ae4e;--holdsoft:#2c2718;}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--bg);color:var(--ink);font:15px/1.55 var(--body);
  font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;
  padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0)}
.top{position:sticky;top:0;z-index:30;background:var(--bg);border-bottom:1px solid var(--lin)}
.bar{max-width:1400px;margin:0 auto;padding:12px 18px 8px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
h1{font:700 clamp(17px,3.4vw,24px)/1.1 var(--disp);letter-spacing:-.025em;margin:0;white-space:nowrap}
.acciones{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0;margin-left:auto}
.sello{font-size:11.5px;color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(38vw,240px);flex:0 1 auto}
.btn{background:var(--sup);border:1px solid var(--lin2);color:var(--ink2);border-radius:7px;
  width:32px;height:32px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}
.btn:hover{border-color:var(--acc);color:var(--accink)}
.btn:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.tabs{max-width:1400px;margin:0 auto;padding:0 18px;display:flex;gap:2px;overflow-x:auto}
.tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--ink3);
  font:600 12px/1 var(--disp);letter-spacing:.09em;text-transform:uppercase;
  padding:10px 13px;cursor:pointer;white-space:nowrap}
.tab.activo{color:var(--accink);border-bottom-color:var(--acc)}
.tab:focus-visible{outline:2px solid var(--acc);outline-offset:-2px}
.wrap{max-width:1400px;margin:0 auto;padding:22px 18px 40px}
.oculto{display:none}
h2{font:600 11.5px/1 var(--disp);letter-spacing:.13em;text-transform:uppercase;
  color:var(--accink);margin:34px 0 10px}
h2:first-child{margin-top:0}
.rejilla{display:grid;gap:1px;background:var(--lin);border:1px solid var(--lin);border-radius:10px;overflow:hidden;
  grid-template-columns:repeat(auto-fit,minmax(168px,1fr))}
.ficha{background:var(--sup);padding:15px 16px}
.ficha .n{font:700 clamp(21px,3.4vw,28px)/1.05 var(--disp);letter-spacing:-.02em;color:var(--accink)}
.ficha .n.ok{color:var(--ok)}.ficha .n.al{color:var(--hold)}.ficha .n.nd{color:var(--ink3);font-size:18px}
.ficha .t{font-size:12.5px;color:var(--ink2);margin-top:5px;line-height:1.4}
.ficha .s{font-size:11px;color:var(--ink3);margin-top:2px}
.medidor{margin:14px 0 6px}
.mcab{display:flex;justify-content:space-between;font-size:12.5px;color:var(--ink2);margin-bottom:5px;gap:10px;flex-wrap:wrap}
.mpista{background:var(--track);border-radius:4px;height:22px;overflow:hidden;position:relative}
.mrell{height:100%;background:var(--acc);display:flex;align-items:center;padding-inline:8px;
  color:#fff;font:600 11.5px/1 var(--body);white-space:nowrap;transition:width .45s ease}
.mrell.ok{background:var(--ok)}.mrell.al{background:var(--hold)}
.umbral{position:absolute;top:0;bottom:0;width:2px;background:var(--ink);opacity:.55}
.tablaEnv{overflow-x:auto;margin-inline:-18px;padding-inline:18px}
table{width:100%;min-width:520px;border-collapse:collapse;font-size:13.5px}
th{text-align:left;font:600 10.5px/1 var(--disp);letter-spacing:.09em;text-transform:uppercase;
  color:var(--ink3);padding:9px 10px;border-bottom:1px solid var(--lin2);white-space:nowrap}
td{padding:8px 10px;border-bottom:1px solid var(--lin)}
td.n,th.n{text-align:right}
tbody tr:hover td{background:var(--sup2)}
.tar{background:var(--sup);border:1px solid var(--lin);border-left:3px solid var(--acc);
  border-radius:9px;padding:14px 16px;margin:10px 0}
.tar.g1{border-left-color:var(--hold);background:var(--holdsoft)}
.tar.g3{border-left-color:var(--lin2)}
.tar h3{font:600 14.5px/1.3 var(--disp);margin:0 0 4px}
.tar p{margin:0 0 6px;font-size:13.5px;color:var(--ink2);max-width:70ch}
.tar .met{font-size:11.5px;color:var(--ink3)}
.tar .met b{color:var(--accink)}
.nota{border-left:2px solid var(--acc);padding:10px 0 10px 14px;margin:12px 0;
  font-size:13.5px;color:var(--ink2);max-width:72ch}
.nota.al{border-left-color:var(--hold)}
.nota strong{color:var(--ink)}
.pie{max-width:1400px;margin:0 auto;padding:16px 18px 34px;border-top:1px solid var(--lin);
  font-size:11.5px;color:var(--ink3);line-height:1.6}
.vacio{color:var(--ink3);font-size:13.5px;padding:18px 0}
@media (min-width:760px){ .wrap{padding-inline:26px} .bar,.tabs,.pie{padding-inline:26px} .tablaEnv{margin-inline:-26px;padding-inline:26px} }
@media (min-width:1100px){ .rejilla{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))} }
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

.ayuda{font-size:12.5px;color:var(--ink3);margin:6px 0 10px;max-width:74ch;line-height:1.5}
.ayuda strong{color:var(--ink2)}
td.up{color:var(--ok)}
td.gapc{color:var(--hold)}
tr.tot td{border-top:1px solid var(--lin2);background:var(--sup2)}

.selemp{background:var(--sup);border:1px solid var(--lin2);color:var(--ink);border-radius:7px;
  padding:5px 9px;font:500 12.5px var(--body);max-width:min(40vw,200px);min-width:0}
.selemp:focus{outline:2px solid var(--acc);outline-offset:1px}
td .sub{font-size:11.5px;color:var(--ink3);margin-top:2px}
.chip{display:inline-block;font-size:10.5px;font-weight:600;padding:1px 7px;border-radius:99px;
  border:1px solid var(--lin2);color:var(--ink3);letter-spacing:.03em}
.chip.ok{color:var(--ok);border-color:currentColor}
.chip.al{color:var(--hold);border-color:currentColor}
td.acc{white-space:nowrap}
.mini{background:var(--sup);border:1px solid var(--lin2);color:var(--ink2);border-radius:6px;
  padding:4px 9px;font:500 12px var(--body);cursor:pointer;margin-right:4px}
.mini:hover{border-color:var(--acc);color:var(--accink)}
.mini.peligro:hover{border-color:var(--hold);color:var(--hold)}
.alta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:4px}
.alta input,.alta select{background:var(--sup);border:1px solid var(--lin2);color:var(--ink);
  border-radius:7px;padding:9px 11px;font:14px var(--body);flex:1 1 170px;min-width:0}
.enviar2{background:var(--acc);color:#fff;border:none;border-radius:7px;padding:10px 20px;
  font:600 14px var(--disp);cursor:pointer}
.enviar2:hover{filter:brightness(1.07)}