:root{--font-display: "League Spartan", "Segoe UI", system-ui, sans-serif;--font-body: "Archivo", "Segoe UI", system-ui, -apple-system, Arial, sans-serif;--font-mono: "JetBrains Mono", "Cascadia Mono", Consolas, ui-monospace, monospace;--t-pie: 12px;--t-meta: 14px;--t-texto: 16px;--t-destacado: 18px;--t-titulo: 22px;--t-titulo-grande: 28px;--t-cifra: 40px;--t-cifra-grande: 56px;--t-portada: 80px;--stok-marino: #0A1450;--stok-marino-2: #131F66;--stok-marino-deep: #070B2E;--stok-niebla: #F3F4F9;--stok-signal: #F5620F;--stok-signal-hover: #DD560B;--stok-signal-ink: #C44D08;--stok-signal-tint: #FDEBDF;--stok-mist-2: #B9C1D6;--stok-border-dark: #2C3A86;--stok-alert: #B8323A;--stok-alert-bar: #DA4549;--ease: cubic-bezier(.2, .7, .2, 1)}.tema-claro{--p-page: #F3F4F9;--p-card: #FFFFFF;--p-sunk: #F7F8FB;--p-line: #DDE1EC;--p-ink: #0A1450;--p-ink2: #4A5378;--p-muted: #8A93AD;--p-outline: #0A1450;--p-crit: #B8323A;--p-crit-bar: #DA4549;--p-crit-tint: #FBE7E8;--p-crit-row: #FDF6F6;--p-warn: #8E5C16;--p-warn-bar: #B97921;--p-warn-tint: #F7EEDF;--p-ok: #0B7F57;--p-ok-bar: #10A06F;--p-ok-tint: #E2F4EC;--p-signal: #C44D08;--p-signal-tint: #FDEBDF;--p-track: #ECEEF4;--p-banner: #0A1450;--p-hover: #F3F4F9;--p-chart: #0A1450;color-scheme:light}.tema-oscuro{--p-page: #070B2E;--p-card: #0E1650;--p-sunk: #0A1245;--p-line: #2C3A86;--p-ink: #F3F4F9;--p-ink2: #B9C1D6;--p-muted: #8A93AD;--p-outline: #B9C1D6;--p-crit: #FF9A93;--p-crit-bar: #E5565A;--p-crit-tint: rgba(218, 69, 73, .18);--p-crit-row: rgba(218, 69, 73, .07);--p-warn: #F0BE6E;--p-warn-bar: #D29A3A;--p-warn-tint: rgba(185, 121, 33, .22);--p-ok: #7DDBAE;--p-ok-bar: #21B57F;--p-ok-tint: rgba(16, 160, 111, .2);--p-signal: #FF8A4C;--p-signal-tint: rgba(245, 98, 15, .16);--p-track: #1A2670;--p-banner: #131F66;--p-hover: #16226E;--p-chart: #B9C1D6;color-scheme:dark}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased}body{margin:0;background:var(--stok-niebla)}input,select,button,textarea{font:inherit}::selection{background:var(--stok-signal);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--p-line, #DDE1EC);border-radius:4px}:focus-visible{outline:2px solid var(--stok-signal);outline-offset:2px}.stok{min-height:100vh;background:var(--p-page);color:var(--p-ink);font-family:var(--font-body)}.tema-claro .solo-oscuro,.tema-oscuro .solo-claro{display:none!important}.avisos{position:fixed;right:24px;bottom:16px;z-index:60;display:flex;flex-direction:column;gap:8px;align-items:flex-end}@media (max-width: 759px){.avisos{left:12px;right:12px}.avisos>*{width:100%}}.stok a{color:var(--p-signal);text-decoration:underline;text-underline-offset:3px}.stok a:hover{color:var(--p-ink)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;font:600 var(--t-texto) var(--font-body);letter-spacing:.01em;white-space:nowrap;border:1px solid transparent;border-radius:2px;cursor:pointer;transition:background .12s var(--ease),border-color .12s var(--ease)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--sm{height:36px;padding:0 14px;font-size:var(--t-meta)}.btn--lg{height:56px;padding:0 28px;font-size:var(--t-destacado)}.btn--ancho{width:100%}.btn--primario{background:var(--stok-signal);color:var(--stok-marino)}.btn--primario:hover:not(:disabled){background:var(--stok-signal-hover)}.btn--secundario{background:var(--stok-marino);color:var(--stok-niebla)}.btn--secundario:hover:not(:disabled){background:var(--stok-marino-2)}.tema-oscuro .btn--secundario{background:var(--stok-niebla);color:var(--stok-marino)}.btn--borde{background:transparent;color:var(--p-ink);border-color:var(--p-outline)}.btn--borde:hover:not(:disabled){background:var(--p-hover)}.btn--fantasma{background:transparent;color:var(--p-ink)}.btn--fantasma:hover:not(:disabled){background:var(--p-hover)}.btn--sobre-marino{background:transparent;color:var(--stok-niebla);border-color:var(--stok-mist-2)}.btn--sobre-marino:hover:not(:disabled){background:var(--stok-marino-2)}.btn--peligro{background:transparent;color:var(--p-crit);border-color:var(--p-crit)}.btn--peligro:hover:not(:disabled){background:var(--p-crit-tint)}.plano{display:flex;align-items:center;gap:8px;background:transparent;border:0;border-radius:2px;cursor:pointer;color:var(--p-ink);text-align:left}.plano:hover:not(:disabled){background:var(--p-hover)}.plano:disabled{cursor:default}.campo{display:flex;flex-direction:column;gap:6px}.campo__etiqueta{font:600 var(--t-meta) var(--font-body);color:var(--p-ink)}.campo__input{height:44px;width:100%;padding:0 14px;font:400 var(--t-texto) var(--font-body);color:var(--p-ink);background:var(--p-card);border:1px solid var(--p-line);border-radius:2px;outline:none;transition:border-color .12s var(--ease),box-shadow .12s var(--ease)}.campo__input::placeholder{color:var(--p-muted)}.campo__input:focus{border-color:var(--p-outline);box-shadow:0 0 0 2px var(--p-signal-tint)}.campo__input:disabled{background:var(--p-sunk);color:var(--p-ink2);cursor:not-allowed}.campo__input:read-only{background:var(--p-sunk);color:var(--p-ink2);cursor:text}.campo__input:read-only:focus{border-color:var(--p-line);box-shadow:none}.campo__input--error,.campo__input--error:focus{border-color:var(--p-crit-bar)}.campo__pista{font:400 var(--t-meta)/1.45 var(--font-body);color:var(--p-ink2)}.campo__pista--error{color:var(--p-crit)}.tarjeta{background:var(--p-card);border:1px solid var(--p-line);border-radius:6px;min-width:0}.kpi{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;border-radius:6px;cursor:pointer;text-align:left;color:var(--p-ink);transition:border-color .12s var(--ease)}.kpi:hover{border-color:var(--p-ink2)!important}.minimo{display:inline-flex;align-items:center;gap:6px;padding:0 8px;background:transparent;border:1px dashed var(--p-line);border-radius:2px;cursor:pointer;font:600 var(--t-texto) var(--font-mono);color:var(--p-ink)}.minimo:hover{border-color:var(--p-ink2);background:var(--p-hover)}.minimo__input{width:72px;padding:0 8px;text-align:right;font:600 var(--t-texto) var(--font-mono);color:var(--p-ink);background:var(--p-card);border:1px solid var(--stok-signal);border-radius:2px;outline:none;box-shadow:0 0 0 2px #f5620f33}.tabla{width:100%;border-collapse:collapse;font-family:var(--font-body);color:var(--p-ink)}.tabla th{position:sticky;top:0;z-index:1;background:var(--p-sunk);padding:10px 12px;font:600 var(--t-pie) var(--font-body);color:var(--p-ink2);border-bottom:1px solid var(--p-line);text-align:left}.tabla td{padding:12px;vertical-align:middle;border-bottom:1px solid var(--p-line)}.tabla th:first-child,.tabla td:first-child{padding-left:20px}.tabla th:last-child,.tabla td:last-child{padding-right:20px}.esqueleto{background:var(--p-track);border-radius:2px;animation:respira 1.4s ease-in-out infinite}@keyframes pulso{0%{box-shadow:0 0 #10a06f8c}70%{box-shadow:0 0 0 6px #10a06f00}to{box-shadow:0 0 #10a06f00}}@keyframes escaneo{0%{transform:translate(-100%)}to{transform:translate(250%)}}@keyframes entra{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes respira{0%,to{opacity:1}50%{opacity:.55}}.pulso{animation:pulso 2s infinite}.entra{animation:entra .2s var(--ease)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}select.campo__input{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;padding-right:8px}select.campo__input:read-only:not(:disabled){background:var(--p-card);color:var(--p-ink);cursor:pointer}select.campo__input:read-only:not(:disabled):focus{border-color:var(--p-outline);box-shadow:0 0 0 2px var(--p-signal-tint)}textarea.campo__input{height:auto;padding:10px 14px;line-height:1.45;resize:vertical;font-family:var(--font-mono)}.fondo-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:flex-start;justify-content:center;padding:48px 16px;overflow-y:auto;background:#070b2e8c}.modal{width:100%;background:var(--p-card);border:1px solid var(--p-line);border-radius:6px}.modal__cabecera{position:sticky;top:0;z-index:3;background:var(--p-card);border-radius:6px 6px 0 0}@media (max-width: 759px){.fondo-modal{padding:0;align-items:flex-start;background:var(--p-page)}.modal{max-width:none!important;border:0;border-radius:0;min-height:100%;padding-bottom:env(safe-area-inset-bottom)}.modal__cabecera{border-radius:0;border-bottom:1px solid var(--p-line);margin-bottom:12px}.avisos{bottom:calc(72px + env(safe-area-inset-bottom))}}.desliza{overflow-x:auto}.tarjeta.plano{background:var(--p-card)}.fila-clic{cursor:pointer}.fila-clic:hover td{background:var(--p-hover)}.num{text-align:right!important;font-family:var(--font-mono);white-space:nowrap}.tablero{border-collapse:separate;border-spacing:2px}.tablero th{font:600 var(--t-pie)/1.2 var(--font-body);color:var(--p-ink2);padding:4px;text-align:center;min-width:68px;background:var(--p-card)}.tablero thead th{position:sticky;top:0;z-index:2;vertical-align:bottom}.tablero tbody th{position:sticky;left:0;z-index:1;font:600 var(--t-meta) var(--font-mono);color:var(--p-ink);text-align:left;min-width:60px}.celda{display:flex;align-items:center;justify-content:center;width:100%;min-height:36px;padding:0 6px;gap:4px;border:1px solid transparent;border-radius:2px;cursor:pointer;font:600 var(--t-pie) var(--font-body)}.celda:hover{border-color:var(--p-ink2)}.celda--pendiente{background:var(--p-sunk);color:var(--p-muted)}.celda--armado{background:var(--p-warn-tint);color:var(--p-warn)}.celda--entregado{background:var(--p-ok-tint);color:var(--p-ok)}.barra-terreno{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(5,1fr);background:var(--p-card);border-top:1px solid var(--p-line);padding-bottom:env(safe-area-inset-bottom)}.barra-terreno button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:60px;background:transparent;border:0;border-top:3px solid transparent;cursor:pointer;font:600 var(--t-pie) var(--font-body);color:var(--p-ink2)}.barra-terreno button[aria-current=page]{color:var(--p-ink);border-top-color:var(--stok-signal)}.opciones{display:flex;flex-wrap:wrap;gap:6px}.opcion{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:6px 12px;text-align:left;background:var(--p-card);color:var(--p-ink);border:1px solid var(--p-line);border-radius:2px;cursor:pointer;font:500 var(--t-meta)/1.25 var(--font-body)}.opcion:hover{border-color:var(--p-ink2)}.opcion--activa{background:var(--p-signal-tint);border-color:var(--stok-signal);color:var(--p-ink)}.elegido{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 0 0 12px;background:var(--p-sunk);border:1px solid var(--p-line);border-radius:2px}.resultados{display:flex;flex-direction:column;border:1px solid var(--p-line);border-radius:2px;overflow:hidden}.resultado{display:flex;align-items:center;gap:12px;min-height:48px;padding:6px 12px;text-align:left;background:var(--p-card);color:var(--p-ink);border:0;border-bottom:1px solid var(--p-line);cursor:pointer;font:400 var(--t-meta)/1.3 var(--font-body)}.resultado:last-child{border-bottom:0}.resultado:hover,.resultado:first-child{background:var(--p-hover)}.linea-kit{display:grid;grid-template-columns:minmax(0,3fr) 90px minmax(0,1.3fr) 44px;gap:6px;align-items:center}@media (max-width: 759px){.linea-kit{grid-template-columns:90px minmax(0,1fr) 44px;padding-bottom:8px;border-bottom:1px solid var(--p-line)}.linea-kit>:first-child{grid-column:1 / -1}}
