:root{--ink: #0b1524;--muted: #5b6a86;--hair: #dde3ef;--accent: #173cb5;--accent-ink: #ffffff;--bg: #f6f7fb;--surface: #ffffff;--surface-2: #eef1f8;--go: #0d6b45;--go-bg: #e3f3ec;--warn: #8a5a06;--warn-bg: #fdf1dd;--bad: #9b1c1c;--bad-bg: #fbe9e9;--sel: rgba(23, 60, 181, .08);--lift: 0 1px 2px rgba(11, 21, 36, .05), 0 8px 20px -14px rgba(11, 21, 36, .22)}@media(prefers-color-scheme:dark){:root{--ink: #e6ecf8;--muted: #93a3c0;--hair: #22304c;--accent: #8ba6ff;--accent-ink: #0b1524;--bg: #080e19;--surface: #101a2b;--surface-2: #16223a;--go: #5fd3a3;--go-bg: #10301f;--warn: #f0c274;--warn-bg: #332512;--bad: #ff9d9d;--bad-bg: #331414;--sel: rgba(139, 166, 255, .12);--lift: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 20px -14px rgba(0, 0, 0, .7)}}*{box-sizing:border-box;margin:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font:400 14px/1.5 Segoe UI Variable Text,Segoe UI,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}::selection{background:var(--sel)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}input,textarea{caret-color:var(--accent)}*{scrollbar-width:thin;scrollbar-color:var(--hair) transparent}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}h1,h2,h3{font-weight:600;letter-spacing:-.01em}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}button:disabled{cursor:default;opacity:.45}.app{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;gap:16px;padding:0 16px;height:52px;background:var(--surface);border-bottom:1px solid var(--hair);flex:none}.brand{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px}.brand svg{display:block}.tabs{display:flex;gap:2px}.tab{padding:5px 12px;border-radius:6px;color:var(--muted);font-size:13px;transition:background .15s ease-out,color .15s ease-out}.tab:hover{background:var(--surface-2);color:var(--ink)}.tab.activa{background:var(--sel);color:var(--accent);font-weight:600}.tab .punto{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;vertical-align:1px}.topbar .der{margin-left:auto;display:flex;align-items:center;gap:12px}.usuario{color:var(--muted);font-size:12px}.salud{display:flex;align-items:center;gap:8px;padding:5px 16px;font-size:12.5px;border-bottom:1px solid var(--hair);background:var(--surface);color:var(--muted);flex:none}.salud.ambar{background:var(--warn-bg);color:var(--warn);border-color:transparent}.salud.roja{background:var(--bad-bg);color:var(--bad);border-color:transparent}.salud .sep{opacity:.4}.salud svg{flex:none}.main{display:grid;grid-template-columns:360px 1fr;flex:1;min-height:0}@media(max-width:900px){.main{grid-template-columns:1fr}.main>.editor{display:none}.main.viendo>.cola{display:none}.main.viendo>.editor{display:flex}}.cola{border-right:1px solid var(--hair);overflow-y:auto;background:var(--surface);display:flex;flex-direction:column}.cola-cabeza{display:flex;align-items:baseline;gap:8px;padding:12px 16px 8px;position:sticky;top:0;background:var(--surface);z-index:1}.cola-cabeza h2{font-size:13px}.cola-cabeza .n{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.fila{display:block;width:100%;text-align:left;padding:10px 16px;border-top:1px solid var(--hair);transition:background .12s ease-out}.fila:hover{background:var(--surface-2)}.fila.activa{background:var(--sel)}.fila .quien{font-weight:600;font-size:13.5px;display:flex;align-items:center;gap:6px}.fila.activa .quien{color:var(--accent)}.fila .que{color:var(--muted);font-size:12.5px;margin-top:2px;display:flex;gap:8px;align-items:center}.fila .vence{margin-left:auto;font-variant-numeric:tabular-nums}.fila .vence.tarde{color:var(--warn);font-weight:600}.chip{display:inline-block;font-size:11px;font-weight:600;padding:1px 7px;border-radius:999px;background:var(--surface-2);color:var(--muted)}.chip.aprobado{background:var(--go-bg);color:var(--go)}.vacio{padding:40px 24px;text-align:center;color:var(--muted);font-size:13px}.vacio p{margin-bottom:12px}.editor{display:flex;flex-direction:column;min-width:0;min-height:0}.editor-cuerpo{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:20px;padding:20px 24px;overflow-y:auto;flex:1}@media(max-width:1200px){.editor-cuerpo{grid-template-columns:1fr}}.campo{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.campo label{font-size:12px;font-weight:600;color:var(--muted)}.editor input[type=text],.editor textarea,.editor input[type=date]{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--hair);border-radius:8px;padding:8px 10px;transition:border-color .15s ease-out}.editor textarea{resize:vertical;min-height:320px;line-height:1.6}.editor input:hover,.editor textarea:hover{border-color:var(--muted)}.editor input:focus,.editor textarea:focus{border-color:var(--accent);outline:none}.editado{font-size:11.5px;color:var(--accent);font-weight:600}.lead-datos{font-size:12.5px}.lead-datos h3{font-size:12px;color:var(--muted);margin-bottom:8px}.lead-datos dl{display:grid;grid-template-columns:auto 1fr;gap:3px 10px}.lead-datos dt{color:var(--muted)}.lead-datos dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.lint{margin-top:4px;display:flex;flex-direction:column;gap:4px}.lint-item{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;padding:6px 10px;border-radius:6px}.lint-item.bloquea{background:var(--bad-bg);color:var(--bad)}.lint-item.avisa{background:var(--warn-bg);color:var(--warn)}.lint-item svg{flex:none;margin-top:2px}.lint-ok{font-size:12.5px;color:var(--go);display:flex;gap:6px;align-items:center}.acciones{display:flex;gap:8px;align-items:center;padding:12px 24px;border-top:1px solid var(--hair);background:var(--surface);flex:none;flex-wrap:wrap}.btn{padding:7px 14px;border-radius:8px;border:1px solid var(--hair);background:var(--surface);font-weight:600;font-size:13px;transition:background .15s ease-out,border-color .15s ease-out}.btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--muted)}.btn:active:not(:disabled){transform:translateY(1px)}.btn.envio{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.envio:hover:not(:disabled){background:var(--accent);filter:brightness(1.1)}.tecla{font-size:11px;color:var(--muted);border:1px solid var(--hair);border-radius:4px;padding:0 4px;margin-left:6px;font-variant-numeric:tabular-nums}.acciones .relleno{flex:1}.inline-form{display:flex;gap:8px;align-items:center}.inline-form input{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--hair);border-radius:8px;padding:7px 10px}.inline-form input:focus{border-color:var(--accent);outline:none}.modo{display:flex;border:1px solid var(--hair);border-radius:8px;overflow:hidden;font-size:12.5px}.modo button{padding:5px 12px;color:var(--muted);font-weight:600;transition:background .15s ease-out}.modo button.activo{background:var(--sel);color:var(--accent)}.modo button:not(.activo):hover{background:var(--surface-2)}.modo-nota{font-size:11.5px;color:var(--warn)}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--ink);color:var(--bg);border-radius:8px;padding:10px 16px;display:flex;gap:14px;align-items:center;font-size:13px;box-shadow:var(--lift)}.toast button{color:var(--accent);font-weight:600}@media(prefers-color-scheme:dark){.toast{background:var(--surface-2);color:var(--ink)}}dialog{margin:auto;border:1px solid var(--hair);border-radius:12px;background:var(--surface);color:var(--ink);padding:20px;max-width:420px;box-shadow:var(--lift)}dialog::backdrop{background:#0b152466}dialog h3{font-size:15px;margin-bottom:8px}dialog p{color:var(--muted);font-size:13px;margin-bottom:16px}dialog .botones{display:flex;gap:8px;justify-content:flex-end}.login{height:100%;display:grid;place-items:center;padding:24px}.login form{width:100%;max-width:340px;background:var(--surface);border:1px solid var(--hair);border-radius:12px;padding:24px;box-shadow:var(--lift);display:flex;flex-direction:column;gap:12px}.login h1{font-size:16px;display:flex;align-items:center;gap:8px}.login p{color:var(--muted);font-size:12.5px}.login input{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--hair);border-radius:8px;padding:9px 11px}.login input:focus{border-color:var(--accent);outline:none}.login .btn.envio{padding:9px}.login .error{color:var(--bad);font-size:12.5px}.banner{margin:0 24px 12px;padding:10px 14px;border-radius:8px;font-size:13px}.banner.ok{background:var(--go-bg);color:var(--go)}.banner.mal{background:var(--bad-bg);color:var(--bad)}.banner ul{margin:6px 0 0 18px}.silencio{color:var(--muted)}