:root{--bg:#f6f7f9;--surface:#fff;--surface-2:#f1f2f5;--text:#15171c;--muted:#667085;--border:#e4e7ec;--accent:#4f46e5;--accent-soft:#eef0ff;--accent-text:#fff;--ok:#12804a;--ok-soft:#e6f6ee;--warn:#b25e09;--warn-soft:#fdf1dc;--bad:#c0302b;--bad-soft:#fdeceb;--info-soft:#e8f1fd;--info:#1b5fb8;--radius:8px;--shadow:0 1px 2px #1018280f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.45}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--bg:#0e1014;--surface:#161920;--surface-2:#1d212a;--text:#e9ebf0;--muted:#98a2b3;--border:#272c37;--accent:#818cf8;--accent-soft:#232650;--accent-text:#0e1014;--ok:#4ade80;--ok-soft:#12301f;--warn:#fbbf24;--warn-soft:#36290c;--bad:#f87171;--bad-soft:#3a1717;--info:#7db4f5;--info-soft:#14243a;--shadow:none}}:root[data-theme=dark]{--bg:#0e1014;--surface:#161920;--surface-2:#1d212a;--text:#e9ebf0;--muted:#98a2b3;--border:#272c37;--accent:#818cf8;--accent-soft:#232650;--accent-text:#0e1014;--ok:#4ade80;--ok-soft:#12301f;--warn:#fbbf24;--warn-soft:#36290c;--bad:#f87171;--bad-soft:#3a1717;--info:#7db4f5;--info-soft:#14243a;--shadow:none}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);margin:0}h1,h2,h3{letter-spacing:-.01em;margin:0;font-weight:600}h1{font-size:20px}h2{font-size:16px}h3{font-size:14px}p{margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.muted{color:var(--muted)}.small{font-size:12px}.mono{font-variant-numeric:tabular-nums}.right{text-align:right}.row{align-items:center;gap:8px;display:flex}.row.wrap{flex-wrap:wrap}.row.between{justify-content:space-between}.col{flex-direction:column;gap:8px;display:flex}.grow{flex:1;min-width:0}.gap-lg{gap:16px}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.btn{border-radius:var(--radius);cursor:pointer;border:1px solid var(--border);background:var(--surface);height:32px;color:var(--text);white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.btn:hover{background:var(--surface-2)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.btn.primary:hover{filter:brightness(1.08)}.btn.danger{color:var(--bad);border-color:var(--bad);background:0 0}.btn.danger:hover{background:var(--bad-soft)}.btn.ghost{background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--surface-2)}.btn.small{height:26px;padding:0 8px;font-size:12px}.input,.select,.textarea{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);width:100%;height:32px;padding:0 10px}.select{padding-right:6px}.textarea{resize:vertical;height:auto;min-height:72px;padding:8px 10px}.input.small,.select.small{height:26px;padding:0 6px;font-size:12px}.field{flex-direction:column;gap:4px;display:flex}.field>label{color:var(--muted);font-size:12px;font-weight:500}.hint{color:var(--muted);font-size:12px}.error-text{color:var(--bad);font-size:12px}.check{cursor:pointer;align-items:center;gap:8px;display:flex}.check input{width:16px;height:16px;accent-color:var(--accent)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card-pad{padding:14px 16px}.card-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex}.metric{padding:12px 14px}.metric b{letter-spacing:-.02em;font-size:22px;font-weight:600;display:block}.metric span{color:var(--muted);font-size:12px}.grid{gap:12px;display:grid}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=900px){.grid.cols-4,.grid.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.grid.cols-3,.grid.cols-2{grid-template-columns:1fr}.grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{padding:10px 12px}.metric b{font-size:18px}}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;padding:9px 14px}th{color:var(--muted);white-space:nowrap;font-size:12px;font-weight:500}tbody tr:last-child td{border-bottom:0}tbody tr.click{cursor:pointer}tbody tr.click:hover{background:var(--surface-2)}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.badge{background:var(--surface-2);height:20px;color:var(--muted);white-space:nowrap;border-radius:10px;align-items:center;gap:4px;padding:0 8px;font-size:12px;font-weight:500;display:inline-flex}.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.bad{background:var(--bad-soft);color:var(--bad)}.badge.info{background:var(--info-soft);color:var(--info)}.badge.accent{background:var(--accent-soft);color:var(--accent)}.dot{background:var(--muted);border-radius:50%;width:8px;height:8px;display:inline-block}.dot.alta{background:var(--bad)}.dot.media{background:var(--warn)}.dot.baja{background:var(--ok)}.empty{text-align:center;color:var(--muted);padding:32px 16px}.notice{border-radius:var(--radius);background:var(--info-soft);color:var(--info);padding:10px 12px;font-size:13px}.notice.warn{background:var(--warn-soft);color:var(--warn)}.notice.bad{background:var(--bad-soft);color:var(--bad)}.tabs{border-bottom:1px solid var(--border);gap:2px;display:flex}.tab{cursor:pointer;color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 12px}.tab[aria-selected=true]{color:var(--text);border-bottom-color:var(--accent);font-weight:500}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:13px;height:26px;padding:0 10px;font-size:12px}.chip[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite giro}@keyframes giro{to{transform:rotate(360deg)}}.center{place-items:center;padding:40px;display:grid}.app{grid-template-columns:232px minmax(0,1fr);height:100%;display:grid}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;gap:4px;padding:14px 10px;display:flex;overflow-y:auto}.brand{align-items:center;gap:10px;padding:4px 8px 14px;font-size:15px;font-weight:600;display:flex}.brand-mark{background:var(--accent);width:26px;height:26px;color:var(--accent-text);border-radius:7px;place-items:center;font-size:13px;display:grid}.nav-title{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:14px 10px 4px;font-size:11px}.nav a{border-radius:var(--radius);color:var(--text);justify-content:space-between;align-items:center;gap:8px;padding:7px 10px;display:flex}.nav a:hover{background:var(--surface-2);text-decoration:none}.nav a.active{background:var(--accent-soft);color:var(--accent);font-weight:500}.side-foot{border-top:1px solid var(--border);flex-direction:column;gap:8px;margin-top:auto;padding:10px 8px 0;display:flex}.main{flex-direction:column;min-width:0;height:100%;display:flex;overflow:hidden}.page{flex-direction:column;flex:1;gap:16px;padding:20px 24px;display:flex;overflow-y:auto}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.topbar-mobile{border-bottom:1px solid var(--border);background:var(--surface);padding:8px 14px;display:none}@media (width<=860px){.app{grid-template-columns:1fr}.sidebar{z-index:30;width:250px;transition:transform .15s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar.open{transform:none;box-shadow:0 0 0 100vmax #00000059}.topbar-mobile{display:block}.page{padding:14px}}.overlay{z-index:50;background:#080a0f80;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;width:min(560px,100%);max-height:90vh;display:flex}.modal.wide{width:min(820px,100%)}.modal-head,.modal-foot{justify-content:space-between;align-items:center;gap:8px;padding:14px 18px;display:flex}.modal-head{border-bottom:1px solid var(--border)}.modal-foot{border-top:1px solid var(--border);justify-content:flex-end}.modal-body{flex-direction:column;gap:12px;padding:16px 18px;display:flex;overflow-y:auto}.toasts{z-index:60;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:16px;right:16px}.toast{background:var(--text);color:var(--bg);border-radius:var(--radius);max-width:360px;padding:10px 14px;box-shadow:0 6px 20px #00000040}.toast.bad{background:var(--bad);color:#fff}.login{place-items:center;min-height:100%;padding:20px;display:grid}.login .card{flex-direction:column;gap:16px;width:min(400px,100%);padding:28px;display:flex}.doc{background:var(--surface-2);border-radius:var(--radius);max-height:240px;padding:12px;font-size:13px;overflow-y:auto}pre.json{white-space:pre-wrap;word-break:break-word;margin:0;font-size:12px}.card-head h2{margin:0}.row.wrap{row-gap:6px}.doc p{margin:0 0 6px}.doc h3{margin-bottom:8px}.bandeja{background:var(--surface);flex:1;grid-template-columns:350px minmax(0,1fr);min-height:0;display:grid}.bandeja-lista{border-right:1px solid var(--border);flex-direction:column;min-height:0;display:flex}.bandeja-cab{flex-direction:column;gap:10px;padding:14px 14px 10px;display:flex}.bandeja-cab h1{font-size:18px}.buscador{background:var(--surface-2);border-color:#0000;border-radius:20px;height:36px;padding:0 14px}.bandeja-selects{grid-template-columns:1fr 1fr;gap:8px;display:grid}.bandeja-items{flex:1;min-height:0;overflow-y:auto}.fila{color:var(--text);border-bottom:1px solid var(--border);grid-template-columns:44px minmax(0,1fr);gap:12px;padding:10px 14px;display:grid}.fila:hover{background:var(--surface-2);text-decoration:none}.fila.sel{background:var(--accent-soft)}.fila-avatar{align-self:center;position:relative}.fila-avatar .marca{border:2px solid var(--surface);width:12px;height:12px;position:absolute;bottom:-1px;right:-1px}.fila-cuerpo{flex-direction:column;gap:2px;min-width:0;display:flex}.fila-l1,.fila-l2{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.fila-nombre{font-weight:600}.fila.sin-leer .fila-nombre,.fila.sin-leer .fila-previa{font-weight:700}.fila-hora{color:var(--muted);flex:none;font-size:12px}.fila.sin-leer .fila-hora{color:var(--accent)}.fila-previa{color:var(--muted)}.fila-l3{color:var(--muted);font-size:12px}.sin-asignar{color:var(--warn);font-weight:500}.avatar{color:#fff;border-radius:50%;flex:none;place-items:center;font-weight:600;display:inline-grid}.bandeja-chat{background:var(--bg);flex-direction:column;min-width:0;min-height:0;display:flex}.bienvenida{text-align:center;flex-direction:column;align-items:center;gap:6px;margin:auto;padding:24px;display:flex}.bienvenida-icono{color:var(--muted);font-size:40px}.chat-marco{flex:1;min-width:0;min-height:0;display:flex;position:relative}.chat-principal{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.chat-cab{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.chat-id{text-align:left;cursor:pointer;min-width:0;color:var(--text);background:0 0;border:0;flex:1;align-items:center;gap:12px;padding:0;display:flex}.chat-nombre{font-size:15px;font-weight:600;display:block}.chat-sub{color:var(--muted);font-size:12px;display:block}.chat-tel{width:auto;max-width:170px}.chat-volver{display:none}.btn[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.chat-saldo{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:inline-flex}.mensajes{background-color:var(--chat-fondo);background-image:radial-gradient(var(--chat-punto) 1px, transparent 1px);background-size:22px 22px;flex-direction:column;flex:1;gap:4px;min-height:0;padding:16px clamp(12px,4vw,48px);display:flex;overflow-y:auto}.mensajes-vacio{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:12px;margin:auto;padding:8px 14px}.dia{justify-content:center;margin:10px 0 6px;display:flex}.dia span{background:var(--surface);border:1px solid var(--border);color:var(--muted);text-transform:capitalize;border-radius:12px;padding:2px 12px;font-size:12px}.burbuja{word-break:break-word;white-space:pre-wrap;border-radius:12px;max-width:min(640px,78%);padding:7px 10px 5px;font-size:14.5px;line-height:1.4}.burbuja.in{background:var(--burbuja-in);border-top-left-radius:4px;align-self:flex-start}.burbuja.out{background:var(--burbuja-out);border-top-right-radius:4px;align-self:flex-end}.burbuja-tipo{color:var(--muted);margin-bottom:2px;font-size:11px}.burbuja-pie{float:right;color:var(--muted);align-items:center;gap:4px;margin:6px 0 0 14px;font-size:11px;display:inline-flex}.tildes{letter-spacing:-2px;font-size:12px}.tildes.leido{color:#38a3f5}.tildes.bad{color:var(--bad);letter-spacing:0;font-weight:700}.compositor{background:var(--surface);border-top:1px solid var(--border);flex-direction:column;gap:8px;padding:10px 16px;display:flex;position:relative}.aviso-compositor{border-radius:var(--radius);background:var(--warn-soft);color:var(--warn);padding:8px 12px;font-size:13px}.aviso-compositor.info{background:var(--surface-2);color:var(--text)}.plantilla-btn{border-radius:19px;flex:none;height:38px}.plantilla-btn[aria-disabled=true]{opacity:.55}.ventana-estado{border-radius:var(--radius);background:var(--surface-2);margin:0;padding:8px 12px;font-size:13px}.ventana-estado.abierta{color:var(--ok)}.plantillas-lista{border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;max-height:320px;display:flex;overflow-y:auto}.plantilla-item{border:0;border-bottom:1px solid var(--border);text-align:left;cursor:pointer;color:var(--text);background:0 0;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.plantilla-item:last-child{border-bottom:0}.plantilla-item:hover{background:var(--surface-2)}.plantilla-previa{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;display:-webkit-box;overflow:hidden}.plantilla-final{max-width:100%;margin-top:4px}.compositor-fila{align-items:flex-end;gap:8px;display:flex}.caja-mensaje{resize:none;border:1px solid var(--border);background:var(--surface-2);border-radius:20px;flex:1;min-height:38px;max-height:120px;padding:9px 16px;line-height:1.4}.caja-mensaje:disabled{opacity:.6}.btn.redondo{border-radius:50%;flex:none;width:38px;height:38px;padding:0;font-size:17px}.btn.enviar{font-size:15px}.compositor-mas{position:relative}.menu-flotante{background:var(--surface);border:1px solid var(--border);z-index:20;border-radius:10px;width:280px;max-height:340px;padding:6px;position:absolute;bottom:46px;left:0;overflow-y:auto;box-shadow:0 10px 30px #00000040}.menu-item{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;width:100%;padding:8px 10px;display:flex}.menu-item:hover{background:var(--surface-2)}.menu-item[aria-disabled=true]{opacity:.5;cursor:not-allowed}.menu-sep{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:8px 10px 2px;font-size:11px}.menu-nota{color:var(--muted);padding:2px 10px 6px;font-size:12px}.sugerencias{background:var(--surface);border:1px solid var(--border);z-index:20;border-radius:10px;padding:4px;position:absolute;bottom:100%;left:16px;right:16px;box-shadow:0 10px 30px #00000040}.sugerencia{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;gap:8px;width:100%;padding:7px 10px;display:flex}.sugerencia:hover{background:var(--surface-2)}.panel-datos{background:var(--surface);border-left:1px solid var(--border);z-index:15;flex-direction:column;width:min(400px,100%);display:flex;position:absolute;top:0;bottom:0;right:0;box-shadow:-12px 0 30px #0000002e}.panel-datos-cab{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:0 10px 0 6px;display:flex}.panel-datos-cab .tabs{border-bottom:0}.panel-datos-cuerpo{flex:1;padding:16px;overflow-y:auto}@media (width>=1700px){.chat-marco.con-panel{grid-template-columns:minmax(0,1fr) 380px;display:grid}.panel-datos{width:auto;box-shadow:none;position:static}}.dato{flex-direction:column;gap:1px;min-width:0;display:flex}.dato span{color:var(--muted);font-size:12px}.dato b{overflow-wrap:anywhere;font-weight:500}.lista-lineas{flex-direction:column;display:flex}.linea{border-bottom:1px solid var(--border);grid-template-columns:1fr auto auto auto;align-items:center;gap:10px;padding:7px 0;font-size:13px;display:grid}.gestion{border-bottom:1px solid var(--border);padding:8px 0;font-size:13px}.tel{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.tel .btn.sel{background:var(--accent-soft);color:var(--accent)}.prioridad summary{cursor:pointer;list-style:none}.prioridad ul{color:var(--muted);margin:6px 0 0;padding-left:18px;font-size:13px}.datos-personales summary{cursor:pointer;font-weight:600}@media (width<=1100px){.bandeja{grid-template-columns:300px minmax(0,1fr)}}@media (width<=860px){.bandeja{grid-template-columns:minmax(0,1fr)}.bandeja.con-chat .bandeja-lista,.bandeja:not(.con-chat) .bandeja-chat{display:none}.chat-volver{display:inline-flex}.chat-cab{padding:8px 10px}.chat-tel{display:none}}:root{--chat-fondo:#efeae2;--chat-punto:#0000000b;--burbuja-in:#fff;--burbuja-out:#e3e7ff}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--chat-fondo:#0d0f14;--chat-punto:#ffffff0b;--burbuja-in:#1e222c;--burbuja-out:#2c3170}}:root[data-theme=dark]{--chat-fondo:#0d0f14;--chat-punto:#ffffff0b;--burbuja-in:#1e222c;--burbuja-out:#2c3170}.menu-flotante.abajo{width:270px;inset:44px 0 auto auto}.menu-item.col-item{flex-direction:column;align-items:flex-start;gap:1px}.btn.atencion.waiting{color:var(--warn)}.btn.atencion.done{color:var(--muted)}@media (width<=860px){.chat-saldo{display:none}}.aviso-demo{background:var(--warn-soft);color:var(--warn);text-align:center;border-bottom:1px solid var(--border);padding:6px 16px;font-size:13px}.codigos-recuperacion{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);columns:2;margin:0;padding:12px;line-height:1.8}.secreto{letter-spacing:.08em;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);word-break:break-all;margin:6px 0;padding:10px 12px;font-size:18px}.pasos{flex-direction:column;gap:10px;margin:0;padding-left:20px;display:flex}