:root{--font-ui: "Hanken Grotesk", "Segoe UI", system-ui, sans-serif;--font-display: "Archivo", "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--accent: #e8112d;--accent-ink: #b30d22;--bg: #f1efea;--surface: #ffffff;--surface-2: #f4f2ed;--surface-3: #ece9e2;--ink: #17150f;--ink-2: #4a463c;--ink-3: #847f70;--line: #e3dfd6;--line-2: #d4cfc3;--shadow: 0 1px 2px rgba(20, 18, 12, .04), 0 8px 24px rgba(20, 18, 12, .06);--tono-espera: #a86a00;--tono-espera-bg: #fdf3e0;--tono-ok: #1f6f43;--tono-ok-bg: #e6f4ec;--tono-vivo: #12507d;--tono-vivo-bg: #e4f0f8;--tono-fin: #5c5749;--tono-fin-bg: #eeece6;--tono-no: #a3182b;--tono-no-bg: #fbe9eb}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-ui);background:var(--bg);color:var(--ink);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:16px;padding:14px 24px;background:var(--surface);border-bottom:1px solid var(--line)}.topbar .marca{font-family:var(--font-display);font-weight:800;font-size:17px;margin-right:8px}.topbar .marca em{color:var(--accent);font-style:normal}.topbar .spacer{flex:1}.topbar .quien{color:var(--ink-3);font-size:13px}.tabs{display:flex;gap:4px}.tab{background:none;border:none;font:inherit;font-weight:600;color:var(--ink-3);padding:6px 12px;border-radius:8px;cursor:pointer}.tab:hover{background:var(--surface-2);color:var(--ink)}.tab[aria-current=page]{background:var(--surface-3);color:var(--ink)}main.contenido{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:28px 24px 64px}.encabezado{display:flex;align-items:flex-end;gap:16px;margin-bottom:20px}.encabezado h2{font-size:26px;font-weight:800}.encabezado .spacer{flex:1}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:20px}.card+.card{margin-top:16px}.btn{font:inherit;font-weight:600;border-radius:9px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink);padding:8px 14px;cursor:pointer}.btn:hover:not(:disabled){background:var(--surface-2)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primario{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primario:hover:not(:disabled){background:var(--accent-ink)}.btn.chico{padding:5px 10px;font-size:13px}.campo{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.campo>label{font-size:13px;font-weight:600;color:var(--ink-2)}.campo .ayuda{font-size:12px;color:var(--ink-3)}.campo input[type=text],.campo input[type=date],.campo select,.campo textarea{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line-2);border-radius:9px;padding:8px 10px;width:100%}.campo input:focus,.campo select:focus,.campo textarea:focus{outline:2px solid color-mix(in oklab,var(--accent) 40%,transparent);outline-offset:1px;border-color:var(--accent)}.campo.malo input,.campo.malo select,.campo.malo textarea{border-color:var(--tono-no)}.campo .error{font-size:12px;color:var(--tono-no);font-weight:600}.fila{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.checkbox{display:flex;align-items:flex-start;gap:9px;margin-bottom:12px}.checkbox input{margin-top:3px}.checkbox span{font-size:14px}fieldset.grupo{border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin:0 0 16px}fieldset.grupo>legend{font-family:var(--font-display);font-weight:700;font-size:14px;padding:0 6px}table.tabla{width:100%;border-collapse:collapse;font-size:14px}table.tabla th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3);padding:0 10px 8px;border-bottom:1px solid var(--line)}table.tabla td{padding:11px 10px;border-bottom:1px solid var(--line);vertical-align:top}table.tabla tr:last-child td{border-bottom:none}td.monto,th.monto{text-align:right;font-family:var(--font-mono);white-space:nowrap}.badge{display:inline-block;font-size:12px;font-weight:700;padding:2px 9px;border-radius:999px;white-space:nowrap}.badge.espera{color:var(--tono-espera);background:var(--tono-espera-bg)}.badge.ok{color:var(--tono-ok);background:var(--tono-ok-bg)}.badge.vivo{color:var(--tono-vivo);background:var(--tono-vivo-bg)}.badge.fin{color:var(--tono-fin);background:var(--tono-fin-bg)}.badge.no{color:var(--tono-no);background:var(--tono-no-bg)}.aviso{border-radius:11px;padding:11px 14px;font-size:14px;margin-bottom:16px;border:1px solid}.aviso.stale{color:var(--tono-espera);background:var(--tono-espera-bg);border-color:color-mix(in oklab,var(--tono-espera) 30%,transparent)}.aviso.error{color:var(--tono-no);background:var(--tono-no-bg);border-color:color-mix(in oklab,var(--tono-no) 30%,transparent)}.aviso.ok{color:var(--tono-ok);background:var(--tono-ok-bg);border-color:color-mix(in oklab,var(--tono-ok) 30%,transparent)}.vacio{text-align:center;color:var(--ink-3);padding:40px 20px}.acciones,.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{font-size:12px;background:var(--surface-3);color:var(--ink-2);border-radius:999px;padding:2px 9px}.sub{color:var(--ink-3);font-size:12.5px}.centrado{min-height:100vh;display:grid;place-items:center;text-align:center;padding:24px}.totales{display:flex;flex-wrap:wrap;gap:8px 20px;margin-bottom:14px;font-size:13px;color:var(--ink-2)}.totales b{font-family:var(--font-mono)}.tab .pill{display:inline-block;min-width:18px;margin-left:6px;padding:0 6px;border-radius:999px;background:var(--surface-3);color:var(--ink-2);font-size:11.5px;font-weight:800;line-height:18px;text-align:center;vertical-align:1px}.tab .pill.acento{background:var(--accent);color:#fff}ul.cola{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}li.pendiente{background:var(--surface);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);padding:13px 16px}li.pendiente.resuelto{background:var(--surface-2);border-style:dashed}li.pendiente .linea{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 10px}li.pendiente .linea strong{font-size:15px}li.pendiente .linea .spacer{flex:1}li.pendiente .monto{font-family:var(--font-mono);font-weight:700;white-space:nowrap}li.pendiente .ciclo{color:var(--ink-3);font-size:12.5px}li.pendiente .sub.linea{margin-top:3px}li.pendiente .porque{margin:8px 0 0;font-size:13.5px;color:var(--ink-2);border-left:2px solid var(--line-2);padding-left:10px}li.pendiente .pie{margin-top:10px}.decision{display:flex;flex-direction:column;gap:6px;min-width:260px}.decision>label{font-size:12.5px;font-weight:700;color:var(--ink-2)}.decision textarea{font:inherit;font-size:13.5px;color:var(--ink);background:var(--surface);border:1px solid var(--line-2);border-radius:9px;padding:8px 10px;width:100%;resize:vertical}.decision textarea:focus{outline:2px solid color-mix(in oklab,var(--accent) 40%,transparent);outline-offset:1px;border-color:var(--accent)}.decision .error{margin:0;font-size:12px;color:var(--tono-no);font-weight:600}.motivo{border-radius:10px;padding:9px 12px;margin-top:9px;border-left:3px solid}.motivo.no{background:var(--tono-no-bg);border-color:var(--tono-no)}.motivo.ok{background:var(--tono-ok-bg);border-color:var(--tono-ok)}.motivo .etiqueta{font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-2)}.motivo p{margin:3px 0;font-size:13.5px;white-space:pre-wrap}tr.fila-motivo td{padding-top:0}tr.fila-motivo .motivo{margin-top:0}.decision.copia{border:1px solid var(--tono-no);background:var(--tono-no-bg);border-radius:10px;padding:11px 13px}.decision.copia .advertencia{margin:0 0 10px;font-size:13px;line-height:1.45;color:var(--tono-no);font-weight:600}.decision select{width:100%;max-width:420px;padding:8px 10px;border:1px solid var(--line-2);border-radius:8px;background:var(--surface);font:inherit;color:var(--ink)}.decision .checkbox{margin-top:9px;align-items:flex-start}.decision .checkbox span{font-size:12.5px;color:var(--ink-2);line-height:1.4}.decision code{font-family:var(--font-mono);font-size:12px;background:var(--surface-3);border-radius:4px;padding:1px 4px}.grilla{overflow-x:auto;margin:0 -4px}.grilla table.tabla{min-width:100%;white-space:nowrap}.grilla th .col{display:block;font-family:var(--font-mono);font-size:11px;color:var(--ink-3)}.grilla th.mapeada,.grilla td.mapeada{background:var(--tono-vivo-bg)}.grilla th.mapeada{border-bottom:2px solid var(--tono-vivo)}table.tabla tr.rechazada td{color:var(--ink-3);background:var(--tono-no-bg)}.card h3{font-family:var(--font-display);font-size:15px;font-weight:700;margin:0 0 10px}.card+.encabezado,ul.cola+.encabezado{margin-top:22px}.campo .ayuda{color:var(--ink-3);font-size:11.5px;margin:4px 0 0}.campo input[type=file]{font-size:13px}.sugerencias{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.sugerencia{border:1px solid var(--line);border-radius:10px;padding:8px 11px;background:var(--surface-2)}.sugerencia .linea{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px}.sugerencia .linea .spacer{flex:1}.sugerencia .chips{margin-top:5px}.decision input[type=text]{width:100%;padding:9px 11px;border:1px solid var(--line-2);border-radius:9px;background:var(--surface);font:inherit;color:var(--ink)}.decision select[size]{height:auto;margin-top:8px}.decision .error{color:var(--tono-no);font-size:12.5px;margin:6px 0 0}
