:root{--font-sans:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--bg-root:#0b1215;--bg-body:radial-gradient(1200px 800px at 10% -10%, #06b6d414, transparent), radial-gradient(1000px 700px at 110% 10%, #10b9810f, transparent), #0b1215;--surface-1:#111a1d;--surface-2:#182328;--surface-3:#1f2d33;--surface-4:#273a40;--text-1:#f0f4f8;--text-2:#b8c5cc;--text-3:#7e949d;--primary-400:#2dd4bf;--primary-500:#14b8a6;--primary-600:#0d9488;--primary-soft:#14b8a61f;--danger:#f87171;--danger-soft:#f871711f;--warning:#fbbf24;--warning-soft:#fbbf241f;--info:#38bdf8;--info-soft:#38bdf81f;--success:#34d399;--violet:#a78bfa;--violet-soft:#a78bfa24;--border:#94a3b81f;--border-strong:#94a3b833;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 2px #00000040;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 12px 32px #0006;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--header-height:64px}*{box-sizing:border-box;margin:0}html,body,#root{height:100%}body{font-family:var(--font-sans);background:var(--bg-body);color:var(--text-1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;font-size:14px;line-height:1.45}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.btn{border-radius:var(--radius-md);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:transform 80ms,background .15s,border-color .15s,box-shadow .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--primary-500);color:#022c26}.btn-primary:hover{background:var(--primary-400);box-shadow:0 0 0 3px var(--primary-soft)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{background:var(--surface-3);color:var(--text-1);border-color:var(--border)}.btn-ghost:hover{background:var(--surface-4);border-color:var(--border-strong)}.btn-danger{background:var(--danger-soft);color:var(--danger);border-color:#f8717140}.btn-danger:hover{background:#f871712e}.btn-sm{padding:5px 10px;font-size:12px}.btn-icon{border-radius:var(--radius-md);width:36px;height:36px;padding:0}.input,input:not([type=checkbox]):not([type=radio]),select,textarea{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-1);outline:none;padding:9px 12px;transition:border-color .15s,box-shadow .15s}.input:focus,input:focus,select:focus,textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-soft)}input::placeholder,textarea::placeholder{color:var(--text-3)}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%237e949d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:32px}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:12px}th{color:var(--text-3);text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:600}tbody tr:hover{background:#94a3b80a}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm)}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.02em;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.badge-primary{background:var(--primary-soft);color:var(--primary-400)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-info{background:var(--info-soft);color:var(--info)}.badge-muted{background:var(--surface-3);color:var(--text-2)}.status{text-transform:capitalize;font-size:12px;font-weight:600}.estado-cancelado,.estado-fallido{color:var(--danger)}.estado-sin_respuesta{color:var(--warning)}.estado-confirmado,.estado-abierta{color:var(--success)}.estado-programado,.estado-en_curso{color:var(--info)}.empty{color:var(--text-3);text-align:center;padding:32px;font-size:13px}.con-menu{grid-template-columns:64px 1fr;height:100vh;display:grid;overflow:hidden}.menu{background:var(--surface-1);border-right:1px solid var(--border);flex-direction:column;align-items:center;gap:6px;padding:14px 0;display:flex;position:relative}.menu a{border-radius:var(--radius-md);width:44px;height:44px;color:var(--text-3);place-items:center;text-decoration:none;transition:background .15s,color .15s;display:grid;position:relative}.menu a:hover{color:var(--text-1);background:var(--surface-3)}.menu a.activo{color:var(--primary-400);background:var(--primary-soft)}.menu a.activo:before{content:"";background:var(--primary-500);border-radius:0 3px 3px 0;width:3px;position:absolute;top:10px;bottom:10px;left:-10px}.menu a svg{stroke-width:1.8px;width:22px;height:22px}.menu a:after{content:attr(title);background:var(--surface-3);color:var(--text-1);border-radius:var(--radius-md);white-space:nowrap;opacity:0;pointer-events:none;box-shadow:var(--shadow-md);z-index:50;padding:5px 10px;font-size:12px;font-weight:600;transition:opacity .15s,transform .15s;position:absolute;left:54px;transform:translate(-6px)}.menu a:hover:after{opacity:1;transform:translate(0)}.menu-pie{border-top:1px solid var(--border);flex-direction:column;align-items:center;gap:10px;width:44px;margin-top:auto;padding-top:14px;display:flex}.menu-pie .avatar{background:var(--primary-soft);width:32px;height:32px;color:var(--primary-400);font-size:13px}.menu-pie button{color:var(--text-3);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:0;width:36px;height:36px;font-size:20px;line-height:1;transition:background .15s,color .15s}.menu-pie button:hover{color:var(--danger);background:var(--danger-soft)}.avatar{background:linear-gradient(135deg, var(--primary-500), var(--primary-600));color:#022c26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:15px;font-weight:700;display:flex}.bandeja{grid-template-columns:320px 1fr 320px;height:100vh;display:grid;overflow:hidden}.bandeja>*{min-height:0}.lista{background:var(--surface-1);border-right:1px solid var(--border);flex-direction:column;display:flex;overflow-y:auto}.lista .cabecera{height:var(--header-height);border-bottom:1px solid var(--border);padding:0 var(--space-4);background:0 0;flex-direction:row;justify-content:space-between;align-items:center;display:flex}.marca{align-items:center;gap:10px;display:flex}.marca-icono{background:linear-gradient(135deg, var(--primary-500), var(--primary-600));color:#022c26;width:32px;height:32px;box-shadow:var(--shadow-sm);border-radius:9px;place-items:center;display:grid}.marca-icono svg{width:20px;height:20px}.marca-texto{letter-spacing:-.02em;color:var(--text-1);font-size:19px;font-weight:800}.marca-texto b{color:var(--primary-400);font-weight:800}.filtros{padding:var(--space-3) var(--space-4);gap:8px;display:flex}.filtros button{background:var(--surface-2);color:var(--text-2);border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;flex:1;padding:7px 10px;font-size:12px;font-weight:600;transition:all .15s}.filtros button:hover{background:var(--surface-3);color:var(--text-1)}.filtros button.activo{background:var(--primary-500);color:#022c26;box-shadow:0 0 0 3px var(--primary-soft);border-color:#0000}.lista ul{padding:0;list-style:none}.lista li{padding:12px var(--space-4);cursor:pointer;border-bottom:1px solid var(--border);align-items:center;gap:12px;transition:background .12s;display:flex;position:relative}.lista li:hover{background:var(--surface-2)}.lista li.activa{background:var(--surface-3)}.lista li.activa:before{content:"";background:var(--primary-500);border-radius:0 3px 3px 0;width:3px;position:absolute;top:12px;bottom:12px;left:0}.resumen{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.resumen strong{color:var(--text-1);font-size:14px;font-weight:600}.resumen small{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:13px;overflow:hidden}.resumen .hora{color:var(--text-3);margin-left:auto;font-size:11px}.alerta{color:var(--warning);margin-left:auto;font-size:10px}.lista .badge{background:var(--primary-500);color:#022c26;border-radius:12px;place-items:center;min-width:20px;height:20px;margin-left:auto;padding:0 7px;font-size:12px;font-weight:700;display:grid}.chat{background:0 0;flex-direction:column;min-height:0;display:flex;position:relative;overflow:hidden}.chat.vacio{color:var(--text-3);justify-content:center;align-items:center;overflow:auto}.chat>.cabecera{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);min-height:var(--header-height);padding:10px var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-4);z-index:10;background:#111a1de6;flex-wrap:nowrap;display:flex;position:sticky;top:0;flex-direction:row!important}.chat>.cabecera .info{flex-direction:column;flex:auto;min-width:0;display:flex}.chat>.cabecera strong{color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:700;overflow:hidden}.chat>.cabecera small{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:13px;overflow:hidden}.chat>.cabecera .acciones{flex-flow:row;flex:none;gap:8px;margin:0;display:flex}.chat>.cabecera .acciones button,.chat>.cabecera .acciones select{border-radius:var(--radius-md);background:var(--surface-3);color:var(--text-1);border:1px solid #0000;border-color:var(--border);white-space:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.chat>.cabecera .acciones button:hover,.chat>.cabecera .acciones select:hover{background:var(--surface-4);border-color:var(--border-strong)}.hilo{padding:var(--space-5) 8%;background:radial-gradient(circle,#14b8a608 0%,#0000 60%),linear-gradient(#0b121599,#0b121599),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23182a30' fill-opacity='0.35'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");flex-direction:column;flex:1;gap:8px;display:flex;overflow-y:auto}.burbuja{border-radius:var(--radius-lg);max-width:70%;box-shadow:var(--shadow-sm);flex-direction:column;padding:9px 12px;animation:.2s both aparece;display:inline-flex;position:relative}@keyframes aparece{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.burbuja.entrante{background:var(--surface-2);border-bottom-left-radius:4px;align-self:flex-start}.burbuja.saliente{background:linear-gradient(#0f766e,#0d5c55);border-bottom-right-radius:4px;align-self:flex-end}.burbuja .autor{color:var(--primary-400);margin-bottom:2px;font-size:11px;font-weight:700}.burbuja .texto{color:var(--text-1);word-break:break-word;white-space:pre-wrap;line-height:1.45}.burbuja .media-content{flex-direction:column;gap:6px;display:flex}.burbuja .media-content img,.burbuja .media-content video{border-radius:var(--radius-md);max-width:280px;max-height:320px;display:block}.burbuja .media-content .caption{color:var(--text-1);font-size:13px}.burbuja .meta{color:#ffffffa6;align-self:flex-end;align-items:center;gap:5px;margin-top:3px;font-size:11px;display:flex}.nota-sistema{text-align:center;max-width:80%;color:var(--text-3);background:var(--surface-3);border-radius:var(--radius-full);align-self:center;margin:4px 0;padding:4px 12px;font-size:12px}.tag .tag-bot{margin-right:4px;font-size:11px}.check-leido{color:#53bdeb}.check-fallido{color:var(--danger)}.check-pendiente{color:var(--text-3)}.check-enviado,.check-entregado{color:#ffffffa6}.compositor{padding:var(--space-3) var(--space-5);background:var(--surface-1);border-top:1px solid var(--border);align-items:center;gap:10px;display:flex}.compositor button[type=button]{color:var(--text-3);border-radius:var(--radius-full);background:0 0;border:0;place-items:center;width:40px;height:40px;transition:background .15s,color .15s;display:grid}.compositor button[type=button]:hover{background:var(--surface-3);color:var(--text-1)}.compositor button[type=button]:disabled{opacity:.5;cursor:not-allowed}.compositor textarea{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-xl);color:var(--text-1);font:inherit;resize:none;flex:1;max-height:120px;padding:11px 16px;line-height:1.4;overflow-y:auto}.compositor textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.compositor textarea:disabled{opacity:.7}.compositor button[type=submit]{background:var(--primary-500);color:#022c26;border-radius:var(--radius-full);border:0;place-items:center;width:42px;height:42px;transition:background .15s,box-shadow .15s;display:grid}.compositor button[type=submit]:hover{background:var(--primary-400);box-shadow:0 0 0 3px var(--primary-soft)}.compositor svg{stroke-width:2px;width:20px;height:20px}.aviso-ventana{margin:var(--space-3) var(--space-5);background:var(--warning-soft);color:var(--warning);border-radius:var(--radius-lg);border:1px solid #fbbf2440;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:13px;display:flex}.aviso-ventana button{background:var(--warning);color:#291b00;border-radius:var(--radius-md);border:0;padding:7px 14px;font-size:12px;font-weight:700}.crm{background:var(--surface-1);border-left:1px solid var(--border);padding:var(--space-4);gap:var(--space-4);flex-direction:column;display:flex;overflow-y:auto}.crm .crm-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4)}.crm h2{margin-bottom:4px;font-size:18px;font-weight:700}.crm h3{text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);margin-bottom:12px;font-size:12px;font-weight:700}.telefono,.ventana{color:var(--text-2);align-items:center;gap:6px;margin:4px 0;font-size:13px;display:flex}.ventana.cerrada{color:var(--warning)}.ventana.abierta{color:var(--success)}.crm ul{flex-direction:column;gap:10px;padding:0;list-style:none;display:flex}.crm li{background:var(--surface-3);border-radius:var(--radius-md);flex-direction:column;gap:4px;padding:12px;display:flex}.crm li.vacio{color:var(--text-3);background:0 0;padding:12px 0}.crm li strong{color:var(--text-1);font-size:14px}.crm li small{color:var(--text-3);font-size:12px}.tags{flex-wrap:wrap;gap:8px;margin:8px 0;display:flex}.tag{background:var(--surface-3);color:var(--text-1);border-radius:var(--radius-full);border:1px solid var(--border);align-items:center;gap:6px;padding:5px 11px;font-size:12px;display:inline-flex}.tag.vacio{color:var(--text-3);background:0 0;border-color:#0000;padding-left:0}.tag button{color:var(--text-3);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:16px;height:16px;font-size:14px;line-height:1;transition:background .15s,color .15s;display:grid}.tag button:hover{color:var(--danger);background:var(--danger-soft)}.tag-input{margin-bottom:0;position:relative}.tag-input input{width:100%}.tag-sugerencias{background:var(--surface-3);border:1px solid var(--border);border-radius:var(--radius-md);z-index:5;max-height:140px;box-shadow:var(--shadow-md);margin:4px 0 0;padding:4px 0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.tag-sugerencias li{cursor:pointer;color:var(--text-1);background:0 0;padding:8px 12px}.tag-sugerencias li:hover{background:var(--surface-4)}.tag-chip{border-radius:var(--radius-full);color:#fff;text-shadow:0 1px 2px #0006;white-space:nowrap;align-items:center;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.conversation-tags{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.tag-estado{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;align-items:center;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.tag-estado-bot{background:var(--violet-soft);color:var(--violet)}.tag-estado-sin-atender{background:var(--warning-soft);color:var(--warning)}.tag-estado-mio{color:var(--success);background:#34d39924}.tag-estado-agente,.tag-estado-resuelta{background:var(--surface-3);color:var(--text-2)}.login{height:100vh;padding:var(--space-4);justify-content:center;align-items:center;display:flex}.login form{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-8);gap:var(--space-4);width:100%;max-width:380px;box-shadow:var(--shadow-lg);flex-direction:column;display:flex}.login h1{text-align:center;margin-bottom:var(--space-2);letter-spacing:-.02em;font-size:28px;font-weight:800}.login h1 span{color:var(--primary-400)}.login input{width:100%}.login button{justify-content:center;width:100%;padding:12px;font-size:14px}.login .error{color:var(--danger);text-align:center;font-size:13px}.acciones{gap:8px;margin-top:6px;display:flex}.acciones button,.acciones select{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-3);color:var(--text-1);justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.acciones button:hover,.acciones select:hover{background:var(--surface-4);border-color:var(--border-strong)}.picker-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;padding:var(--space-5);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.picker{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-5);z-index:50;gap:var(--space-3);width:100%;max-width:520px;max-height:80vh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex}.picker h4{font-size:16px;font-weight:700}.picker ul{flex-direction:column;gap:6px;max-height:360px;list-style:none;display:flex;overflow-y:auto}.picker li{cursor:pointer;border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:4px;padding:12px;transition:background .12s,border-color .12s;display:flex}.picker li:hover{background:var(--surface-2);border-color:var(--primary-500)}.picker li strong{color:var(--text-1);font-size:14px}.picker li small{color:var(--text-3);font-size:12px}.picker input{width:100%}.picker .cerrar{color:var(--text-3);cursor:pointer;background:0 0;border:0;align-self:flex-start;font-size:13px}.picker .cerrar:hover{color:var(--text-1)}.pagina{padding:var(--space-5);overflow-y:auto}.pagina>.cabecera{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-4);background:0 0;flex-flow:wrap;min-height:auto;padding:0;display:flex}.pagina>.cabecera strong{letter-spacing:-.02em;font-size:22px;font-weight:800}.cabecera-sub{color:var(--text-3);margin-top:3px;font-size:13px}.cabecera-acciones{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.aviso-inline{color:var(--primary-400);font-size:12.5px;font-weight:600}.pagina h3{margin:var(--space-6) 0 var(--space-3);text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);font-size:14px;font-weight:700}.tarjetas{gap:var(--space-4);margin:var(--space-4) 0;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));display:grid}.tarjeta{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);flex-direction:column;gap:6px;transition:transform .15s,border-color .15s;display:flex}.tarjeta:hover{border-color:var(--border-strong);transform:translateY(-2px)}.tarjeta span{color:var(--primary-400);font-size:28px;font-weight:800}.tarjeta.alerta span{color:var(--danger)}.tarjeta small{color:var(--text-3);font-size:12px}.pagina-recordatorios{max-width:1100px;padding:var(--space-5);margin:0 auto;overflow-y:auto}.pagina-recordatorios .cabecera{margin-bottom:var(--space-5);background:0 0;border-radius:0;flex-direction:row;justify-content:space-between;padding:0}.pagina-recordatorios a{color:var(--primary-400);text-decoration:none}.form-recordatorio{gap:var(--space-3);margin:var(--space-4) 0;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);flex-wrap:wrap;display:flex}.form-recordatorio input,.form-recordatorio select{flex:140px;min-width:120px}.form-recordatorio button{align-self:flex-start}.form-qr{gap:var(--space-3);margin:var(--space-4) 0;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.form-qr input,.form-qr textarea{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-1);padding:10px 12px}.form-qr input:focus,.form-qr textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.form-qr .campo-atajo{max-width:240px}.form-qr .campo-atajo input{width:100%}.form-qr .campo-contenido{resize:vertical;width:100%;min-height:150px;font:inherit;line-height:1.5}.form-qr .barra-formato{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.form-qr .barra-formato button{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-2);width:32px;height:32px;color:var(--text-1);cursor:pointer;place-items:center;font-size:14px;display:grid}.form-qr .barra-formato button:hover{background:var(--surface-3)}.form-qr .ayuda-formato{color:var(--text-3);font-size:12px}.form-qr .preview-formato{border:1px dashed var(--border);border-radius:var(--radius-md);background:var(--surface-2);padding:10px 12px}.form-qr .preview-etiqueta{color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:11px;display:block}.form-qr .preview-cuerpo{color:var(--text-1);white-space:pre-wrap;word-break:break-word;min-height:1.5em;line-height:1.5}.form-qr .preview-vacio{color:var(--text-3);font-style:italic}.filtro-estado{background:var(--surface-2);color:var(--text-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:8px 12px}.lista-cadencias{flex-direction:column;gap:10px;list-style:none;display:flex}.lista-cadencias li{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:6px;padding:14px;display:flex}.lista-cadencias small{color:var(--text-3)}.fila-toque{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.fila-toque input[type=number]{width:80px}.icon{stroke-width:2px;flex-shrink:0;width:18px;height:18px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface-4);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#35515a}@media (width<=1200px){.bandeja{grid-template-columns:280px 1fr 280px}}@media (width<=980px){.bandeja{grid-template-columns:260px 1fr}.crm{display:none}}@media (width<=680px){.con-menu{grid-template-rows:auto 1fr;grid-template-columns:1fr}.menu{border-right:0;border-bottom:1px solid var(--border);flex-direction:row;justify-content:space-around;padding:8px 0}.menu a:after{display:none}.menu-pie{border-top:0;flex-direction:row;width:auto;margin-top:0}.bandeja{grid-template-columns:1fr}.lista{display:none}}.lightbox{z-index:1000;background:#000000d9;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.lightbox img,.lightbox video{border-radius:var(--radius-md);max-width:92vw;max-height:92vh;display:block}.lightbox-cerrar{color:#fff;cursor:pointer;background:0 0;border:none;font-size:32px;line-height:1;position:fixed;top:16px;right:20px}@keyframes girar{to{transform:rotate(360deg)}}.compositor .spinner{animation:.8s linear infinite girar}.compositor button[type=submit]:disabled{opacity:.7;cursor:not-allowed}.lista-buscar{padding:0 var(--space-4) var(--space-3)}.lista-buscar input{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;color:var(--text-1);padding:9px 14px;font-size:13px}.lista-buscar input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-soft)}.filtros-extra{flex-wrap:wrap;padding-top:0}.filtros-extra select,.filtros-extra input[type=date]{background:var(--surface-2);color:var(--text-2);border:1px solid var(--border);border-radius:var(--radius-full);padding:6px 10px;font-size:12px;font-weight:600}.resumen .empresa{color:var(--text-3);margin-top:1px;font-size:12px}.resumen .estrella{color:var(--warning);margin-right:4px}.telefono-header{align-items:center;gap:4px;display:inline-flex}.btn-copiar{color:var(--text-3);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:0;place-items:center;padding:2px;display:inline-grid}.btn-copiar:hover{color:var(--text-1);background:var(--surface-3)}.copiado{color:var(--success);font-size:11px}.btn-favorito{font-size:16px;line-height:1}.btn-favorito.activo{color:var(--warning)}.menu-acciones{position:relative}.menu-desplegable{background:var(--surface-3);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:20;flex-direction:column;min-width:180px;margin-top:6px;padding:4px;display:flex;position:absolute;top:100%;right:0}.menu-desplegable button,.menu-desplegable select{color:var(--text-1);text-align:left;border-radius:var(--radius-md);cursor:pointer;background:0 0;border:0;justify-content:flex-start;width:100%;padding:9px 12px;font-size:13px;font-weight:600}.menu-desplegable button:hover,.menu-desplegable select:hover{background:var(--surface-4)}.buscar-chat{padding:8px var(--space-5);background:var(--surface-1);border-bottom:1px solid var(--border);gap:8px;display:flex}.buscar-chat input{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-xl);color:var(--text-1);flex:1;padding:8px 14px;font-size:13px}.buscar-chat input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-soft)}.buscar-chat button{color:var(--text-3);cursor:pointer;background:0 0;border:0;font-size:18px}.buscar-chat button:hover{color:var(--text-1)}.crm-editable{background:var(--surface-3);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-1);margin:4px 0;padding:8px 12px;font-size:14px}.crm-editable.nombre{font-size:16px;font-weight:700}textarea.crm-editable{resize:vertical;min-height:40px;font-family:inherit;line-height:1.4}.crm-editable:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-soft)}.compositor-campo{flex:1;display:flex;position:relative}.compositor-campo textarea{width:100%;display:block}.qr-sugerencias{background:var(--surface-3);border:1px solid var(--border);border-radius:var(--radius-md);z-index:15;max-height:220px;box-shadow:var(--shadow-md);flex-direction:column;margin:0;padding:4px;list-style:none;display:flex;position:absolute;bottom:calc(100% + 8px);left:0;right:0;overflow-y:auto}.qr-sugerencias li{border-radius:var(--radius-md);cursor:pointer;background:0 0;align-items:baseline;gap:10px;padding:8px 12px;display:flex}.qr-sugerencias li:hover,.qr-sugerencias li.activa{background:var(--surface-4)}.qr-sugerencias li strong{color:var(--primary-400);flex-shrink:0;font-size:13px}.qr-sugerencias li span{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.menu-marca{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--primary-500), var(--primary-600));color:#022c26;width:40px;height:40px;box-shadow:var(--shadow-sm);flex-shrink:0;place-items:center;margin-bottom:8px;display:grid}.menu-marca svg{width:24px;height:24px}.segmented{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-full);gap:2px;padding:3px;display:flex}.lista-segmented{margin:var(--space-3) var(--space-4)}.segmented button{color:var(--text-2);border-radius:var(--radius-full);background:0 0;border:0;flex:1;padding:7px 10px;font-size:12px;font-weight:600;transition:background .15s,color .15s}.segmented button:hover{color:var(--text-1)}.segmented button.activo{background:var(--primary-500);color:#022c26;box-shadow:var(--shadow-sm)}.lista-buscar-row{padding:0 var(--space-4) var(--space-3);gap:8px;display:flex}.buscar-wrap{flex:1;align-items:center;min-width:0;display:flex;position:relative}.buscar-wrap svg{width:16px;height:16px;color:var(--text-3);pointer-events:none;position:absolute;left:12px}.lista .buscar-wrap input{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;color:var(--text-1);padding:9px 12px 9px 34px;font-size:13px}.lista .buscar-wrap input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-soft)}.btn-filtros{background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);border-radius:var(--radius-xl);white-space:nowrap;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.btn-filtros svg{width:15px;height:15px}.btn-filtros:hover{color:var(--text-1);border-color:var(--border-strong)}.btn-filtros.abierto{background:var(--surface-3);color:var(--text-1)}.btn-filtros.con-filtros{color:var(--primary-400);border-color:#14b8a659}.btn-filtros-count{background:var(--primary-500);color:#022c26;border-radius:var(--radius-full);place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:11px;font-weight:700;display:grid}.panel-filtros{gap:var(--space-3);padding:0 var(--space-4) var(--space-3);flex-direction:column;animation:.18s both aparece;display:flex}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);border-radius:var(--radius-full);padding:6px 11px;font-size:12px;font-weight:600;transition:background .15s,color .15s,border-color .15s}.chip:hover{color:var(--text-1);border-color:var(--border-strong)}.chip.activo{background:var(--primary-soft);color:var(--primary-400);border-color:#14b8a659}.filtros-fila{flex-wrap:wrap;gap:8px;display:flex}.filtros-fila select,.filtros-fila input[type=date]{background-color:var(--surface-2);min-width:0;color:var(--text-2);border:1px solid var(--border);border-radius:var(--radius-md);flex:1;padding:7px 10px;font-size:12px;font-weight:600}.filtros-fila select{cursor:pointer;color:var(--text-3);padding-right:30px}.filtros-fila select.con-valor{color:var(--primary-400);background-color:var(--primary-soft);border-color:#14b8a659}.filtro-grupo{flex-direction:column;gap:6px;display:flex}.filtro-grupo>label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);font-size:11px;font-weight:700}.filtro-sep{color:var(--text-3);align-self:center}.btn-limpiar{color:var(--text-3);text-underline-offset:3px;background:0 0;border:0;align-self:flex-start;padding:2px 0;font-size:12px;font-weight:600;text-decoration:underline}.btn-limpiar:hover{color:var(--danger)}.campo-color{align-items:center;gap:8px;display:inline-flex}.campo-color input[type=color]{appearance:none;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);cursor:pointer;flex:none;width:40px;min-width:0;height:34px;padding:0;overflow:hidden}.campo-color input[type=color]::-webkit-color-swatch-wrapper{padding:3px}.campo-color input[type=color]::-webkit-color-swatch{border:0;border-radius:6px}.campo-color input[type=color]::-moz-color-swatch{border:0;border-radius:6px}.campo-color>span{color:var(--text-3);font-size:12px;font-weight:600}.color-hex{font-family:var(--font-mono);color:var(--text-3);font-size:11px}.form-etiqueta{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.form-etiqueta>input{flex:220px;min-width:160px}.tag-chip.preview{flex:none}.conteo{color:var(--text-2);font-variant-numeric:tabular-nums}.panel-doc{gap:var(--space-3);flex-direction:column;display:flex}.panel-titulo{color:var(--text-2);letter-spacing:.01em;font-size:13px;font-weight:700}.panel-sub{color:var(--text-3);margin:-4px 0 var(--space-2);font-size:13px}.form-vertical{gap:var(--space-3);flex-direction:column;display:flex}.form-vertical input,.form-vertical textarea{width:100%}.form-vertical textarea{resize:vertical;min-height:120px;line-height:1.5}.form-acciones{gap:var(--space-2);flex-wrap:wrap;display:flex}.card.tabla-card{padding:0;overflow:hidden}.celda-fuerte{color:var(--text-1);font-weight:600}.celda-tags{flex-wrap:wrap;gap:5px;display:flex}.tag-suave{background:var(--surface-3);color:var(--text-2);border-radius:var(--radius-full);padding:2px 9px;font-size:11px;font-weight:600}.text-muted{color:var(--text-3)}.celda-acciones{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.empty-cta{text-align:center;align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-5);flex-direction:column;display:flex}.empty-cta .empty-icon{background:var(--primary-soft);width:72px;height:72px;color:var(--primary-400);border-radius:50%;place-items:center;display:grid}.empty-cta strong{color:var(--text-1);font-size:16px;display:block}.empty-cta p{color:var(--text-3);max-width:420px;margin:6px auto 0;font-size:13px;line-height:1.5}.panel-probar{margin-top:var(--space-4);flex-direction:column;gap:6px;display:flex}.probar-hilo{max-height:340px;margin:var(--space-2) 0 var(--space-3);flex-direction:column;gap:8px;display:flex;overflow-y:auto}.probar-hilo .burbuja{max-width:85%}.probar-form{gap:8px;display:flex}.probar-form input{flex:1}.btn-bot{border-radius:var(--radius-md);border:1px solid var(--surface-3);color:var(--text-3);cursor:pointer;background:0 0;padding:4px 10px;font-size:12px;font-weight:600}.btn-bot.activo{color:var(--primary-400);border-color:var(--primary-400);background:var(--primary-soft)}.menu-badge{color:#fff;background:#ef4444;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:inline-flex;position:absolute;top:2px;right:2px}.toasts{z-index:1000;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:16px;right:16px}.toast-alerta{background:var(--surface-2,#1f2937);color:var(--text-1,#fff);border-radius:var(--radius-md);border-left:3px solid #f59e0b;flex-direction:column;gap:2px;max-width:320px;padding:10px 14px;display:flex;box-shadow:0 8px 24px #0000004d}.toast-alerta strong{font-size:13px}.toast-alerta span{color:var(--text-3);font-size:12px}.btn-permiso-avisos{z-index:999;border-radius:var(--radius-md);border:1px solid var(--surface-3);background:var(--surface-2,#1f2937);color:var(--text-2,#cbd5e1);cursor:pointer;padding:8px 12px;font-size:12px;position:fixed;bottom:16px;right:16px}.solo-lectura{margin-left:auto}.kb-imagenes{flex-direction:column;gap:8px;display:flex}.kb-imagenes-grid{flex-wrap:wrap;gap:8px;display:flex}.kb-imagen{flex-direction:column;gap:4px;width:120px;display:flex}.kb-imagen img,.kb-imagen-mini{object-fit:cover;border:1px solid var(--borde,#e2e2e2);border-radius:8px;width:120px;height:90px}.kb-imagen-desc{color:var(--text-muted,#666);font-size:12px}