:root{--ink:#12232e;--slate:#203a43;--line:#d7dee2;--soft:#f4f7f8;--agua:#1b7fa8;--agua-soft:#e6f3f8;--navy:#13294b;--ok:#1a7d4b;--ok-soft:#e5f4ec;--warn:#b26a00;--warn-soft:#fdf0dd;--muted:#5f7079;--paper:#fff;--st-venta:#7bbf3a;--st-exist:#e8a300;--st-cancel:#e23b3b;--st-proc:#e9c200;--st-guia:#8a97a0}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:#e4eaed;color:var(--ink);font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.45;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.aside{background:var(--navy);color:#fff;height:100vh;position:-webkit-sticky;position:sticky;top:0;display:flex;flex-direction:column}.brand{padding:18px 18px 12px;font-weight:800;font-size:18px;letter-spacing:.02em}.brand small{display:block;font-weight:400;opacity:.7;font-size:11px}.nav{flex:1 1;overflow:auto;padding:6px}.nav a{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:8px;font-size:14px;color:#cdd8ea}.nav a.active{background:#3a5dae;color:#fff}.nav a:hover{background:#1c3a6e}.ver{padding:10px 16px;font-size:11px;opacity:.6;border-top:1px solid hsla(0,0%,100%,.08)}.main{min-width:0;display:flex;flex-direction:column}.topbar{background:#fff;border-bottom:1px solid var(--line);padding:12px 20px;display:flex;justify-content:space-between;align-items:center}.topbar .t{font-size:16px;font-weight:800}.topbar .sub{font-size:12px;color:var(--muted)}.topbar .user{font-size:13px;color:var(--slate)}.badge{font-size:10px;font-weight:700;padding:3px 8px;border-radius:20px;background:var(--agua-soft);color:var(--agua);margin-left:8px}.content{padding:18px 20px}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.segs{display:flex;gap:4px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:3px}.seg{font-size:12px;font-weight:700;padding:6px 12px;border-radius:6px;cursor:pointer;color:var(--muted);border:0;background:transparent}.seg.on{background:var(--agua);color:#fff}input.f,select.f{font-size:13px;padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:#fff}.grid{display:grid;grid-template-columns:1.2fr .9fr;grid-gap:16px;gap:16px;align-items:start}@media(max-width:900px){.grid{grid-template-columns:1fr}}.card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.cyc{padding:8px 16px;font-size:11px;letter-spacing:.05em;text-transform:uppercase;font-weight:700;background:var(--agua-soft);color:var(--agua);border-bottom:1px solid var(--line)}.cyc.late{background:var(--warn-soft);color:var(--warn)}.row{display:flex;align-items:center;gap:10px;padding:11px 16px;border-bottom:1px solid var(--line);cursor:pointer;font-size:13px}.row.act,.row:hover{background:var(--agua-soft)}.row.act{box-shadow:inset 3px 0 0 var(--agua)}.row .pd{font-weight:800;color:var(--slate);min-width:56px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.row .who{flex:1 1;min-width:0}.row .who b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row .who span{font-size:11px;color:var(--muted)}.st{font-size:10px;font-weight:800;padding:3px 8px;border-radius:20px;white-space:nowrap;color:#123d00}.empty{padding:50px 16px}.empty,.loading{text-align:center;color:var(--muted)}.loading{padding:40px}.ficha .fh{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:16px;border-bottom:1px solid var(--line)}.ficha .folio{font-size:18px;font-weight:800}.ficha .cli{font-size:13px;color:var(--muted)}.sec{padding:14px 16px;border-bottom:1px solid var(--line)}.sec .ct{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:10px}table{width:100%;border-collapse:collapse;font-size:12.5px}th{text-align:left;font-size:10px;text-transform:uppercase;color:var(--muted);padding:0 0 6px}td,th{border-bottom:1px solid var(--line)}td{padding:7px 0}td.num,th.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.full{color:var(--ok)}.full,.short{font-weight:700}.short{color:var(--warn)}.kv{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.kv .k{font-size:10px;text-transform:uppercase;color:var(--muted)}.kv .v{font-size:13px;font-weight:600}.avisar{margin:14px 16px;width:calc(100% - 32px);border:0;border-radius:9px;padding:11px;font-weight:700;background:var(--agua);color:#fff;cursor:pointer}.avisar.off{background:#cdd6da;color:#6d7c83;cursor:not-allowed}