:root{--fondo: #f6f7f9;--tarjeta: #fff;--texto: #1b1f24;--suave: #5d6673;--borde: #dde1e6;--acento: #1f6feb;--peligro: #c62828;color-scheme:light dark}@media (prefers-color-scheme: dark){:root{--fondo: #12151a;--tarjeta: #1b2027;--texto: #e8ebef;--suave: #9aa4b1;--borde: #2d343d;--acento: #5a9bff;--peligro: #ff6b6b}}*{box-sizing:border-box}body{margin:0;background:var(--fondo);color:var(--texto);font:16px/1.45 system-ui,sans-serif}.centro{text-align:center;margin:4rem 1rem}.app header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--tarjeta);border-bottom:1px solid var(--borde)}.quien{color:var(--suave)}main{max-width:860px;margin:0 auto;padding:1rem}h2{margin:.5rem 0 0}h3{margin:0 0 .75rem;font-size:1rem}.ayuda,.sub{color:var(--suave);font-size:.9rem;margin:.25rem 0}.error{color:var(--peligro);margin:.5rem 0}label{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem;color:var(--suave)}input{font:inherit;padding:.55rem .7rem;border:1px solid var(--borde);border-radius:8px;background:var(--tarjeta);color:var(--texto);width:100%}button{font:inherit;padding:.55rem 1rem;border:0;border-radius:8px;background:var(--acento);color:#fff;cursor:pointer}button:disabled{opacity:.6}button.secundario{background:transparent;color:var(--texto);border:1px solid var(--borde)}button.link{background:none;color:var(--acento);padding:.25rem .4rem}button.link.peligro{color:var(--peligro)}.login{max-width:340px;margin:5rem auto;padding:1.5rem;background:var(--tarjeta);border:1px solid var(--borde);border-radius:12px;display:flex;flex-direction:column;gap:.9rem}.login h1{font-size:1.3rem;margin:0}.form{background:var(--tarjeta);border:1px solid var(--borde);border-radius:12px;padding:1rem;margin:1rem 0}.campos{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}@media (max-width: 600px){.campos{grid-template-columns:1fr}}.acciones{display:flex;gap:.5rem;margin-top:.75rem;align-items:center}.buscar{margin:.5rem 0 1rem}.tabla{display:flex;flex-direction:column;gap:.5rem}.fila{display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-wrap:wrap;background:var(--tarjeta);border:1px solid var(--borde);border-radius:10px;padding:.7rem .9rem}.fila .acciones{margin:0}.fila.pausado{opacity:.6}.etiqueta{margin-left:.5rem;padding:.1rem .5rem;border-radius:999px;background:color-mix(in srgb,var(--acento) 18%,transparent);font-size:.8rem}.etiqueta.gris{background:var(--borde)}nav{display:flex;gap:.25rem}.pestana{background:none;color:var(--suave);padding:.4rem .8rem;border-radius:8px}.pestana.activa{background:color-mix(in srgb,var(--acento) 15%,transparent);color:var(--texto)}.contadores{display:flex;gap:.6rem;flex-wrap:wrap;margin:1rem 0}.contador{background:var(--tarjeta);border:1px solid var(--borde);border-radius:10px;padding:.5rem .9rem;min-width:90px;text-align:center}.contador b{display:block;font-size:1.5rem}.contador span{color:var(--suave);font-size:.85rem}.contador.rojo b{color:var(--peligro)}.filtros{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1rem}.filtros button{padding:.4rem .8rem}select{font:inherit;padding:.4rem .6rem;border:1px solid var(--borde);border-radius:8px;background:var(--tarjeta);color:var(--texto)}.conv{background:var(--tarjeta);border:1px solid var(--borde);border-radius:10px;padding:.8rem .9rem}.conv-cabecera{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.conv .espera{margin-left:auto;color:var(--suave);font-size:.9rem}.conv .resumen{margin:.4rem 0 .2rem}.punto{width:12px;height:12px;border-radius:50%;display:inline-block}.punto.verde{background:#2e9d4f}.punto.amarillo{background:#e0a800}.punto.rojo{background:#d93636}.punto.gris{background:var(--borde)}.derivar{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.5rem}.derivar button{padding:.3rem .7rem}textarea{font:inherit;padding:.55rem .7rem;border:1px solid var(--borde);border-radius:8px;background:var(--tarjeta);color:var(--texto);width:100%;resize:vertical}label.ancho{margin-top:.75rem}label.check{flex-direction:row;align-items:center;gap:.5rem;margin-top:.75rem;color:var(--texto)}label.check input{width:auto}.conv.pausado{opacity:.6}fieldset{border:0;padding:0;margin:0 0 1rem;min-width:0}.dias{display:flex;gap:.9rem;flex-wrap:wrap;margin:.5rem 0 .75rem}.dias label.check{margin:0}.ok{color:#2e9d4f;margin:.5rem 0}