:root{--bg:#f6f2ea;--sf:#fff;--s2:#fbf7ef;--ln:#e5ddcc;--ink:#2a241d;--mut:#6f6559;--acc:#3a6ea5;--acI:#fff;--ok:#386a46;--wn:#8a6516;--dg:#b8452f;--hl:#f2ebdd;--wa:#2e9e58;--tg:#3390c4;--wa-brand:#25d366;--tg-brand:#229ed9;--sh:0 1px 2px #4a341c0d, 0 10px 28px #4a341c12;--wa-rail:#efe9df;--wa-chat-bg:#eae4d9;--wa-bubble-in:#fff;--wa-bubble-in-ink:#2a241d;--wa-bubble-out:#dcf2e1;--wa-bubble-out-ink:#1b3822;--wa-check-blue:#34b7f1;--wa-check-gray:#8696a0;--font-sans:"Instrument Sans", system-ui, -apple-system, sans-serif;--font-serif:"Source Serif 4", Georgia, serif;--bg-dark:var(--bg);--bg-card:var(--sf);--bg-card-hover:var(--hl);--border-color:var(--ln);--text-main:var(--ink);--text-muted:var(--mut);--accent-primary:var(--acc);--accent-primary-hover:var(--acc);--accent-success:var(--ok);--accent-warning:var(--wn);--accent-danger:var(--dg);--accent-whatsapp:var(--wa);--accent-telegram:var(--tg);--glass-bg:var(--sf);--glass-border:var(--ln)}[data-theme=dark]{--bg:#111b21;--sf:#202c33;--s2:#182229;--ln:#2a3942;--ink:#e9edef;--mut:#8696a0;--acc:#00a884;--acI:#fff;--ok:#00a884;--wn:#d7a947;--dg:#f15c6d;--hl:#2a3942;--wa:#00a884;--tg:#4ea6d8;--wa-brand:#25d366;--tg-brand:#229ed9;--sh:0 1px 2px #00000059, 0 12px 30px #0000004d;--wa-rail:#111b21;--wa-chat-bg:#0b141a;--wa-bubble-in:#202c33;--wa-bubble-in-ink:#e9edef;--wa-bubble-out:#005c4b;--wa-bubble-out-ink:#e9edef;--wa-check-blue:#53bdeb;--wa-check-gray:#8696a0}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;height:100vh;font-size:13.5px;overflow:hidden}input,select,textarea,button{font-family:inherit}.font-serif{font-family:var(--font-serif)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--mut) 30%, transparent);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--mut) 60%, transparent)}.wa-wallpaper{background-color:var(--wa-chat-bg);background-image:radial-gradient(color-mix(in srgb, var(--mut) 12%, transparent) 1px, transparent 0);background-position:-19px -19px;background-size:24px 24px}.date-pill{background:var(--sf);color:var(--mut);-webkit-user-select:none;user-select:none;border-radius:8px;align-self:center;margin:10px 0;padding:4px 12px;font-size:11px;font-weight:600;box-shadow:0 1px 2px #0000001f}.glass-panel{background:var(--sf);border:1px solid var(--ln);box-shadow:var(--sh);border-radius:16px}.pill-btn{cursor:pointer;border:1px solid #0000;border-radius:9999px;align-items:center;gap:5px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.pill-btn-acc{background:var(--acc);color:var(--acI);border:none}.pill-btn-acc:hover{filter:brightness(1.06)}.pill-btn-subtle{background:var(--s2);border:1px solid var(--ln);color:var(--ink)}.pill-btn-subtle:hover{border-color:var(--acc);color:var(--acc)}.badge{border-radius:9999px;align-items:center;gap:4px;padding:2px 8px;font-size:10.5px;font-weight:700;display:inline-flex}.badge-nueva{background:color-mix(in srgb, var(--acc) 14%, transparent);color:var(--acc)}.badge-en_progreso{background:color-mix(in srgb, var(--wn) 14%, transparent);color:var(--wn)}.badge-convertida{background:color-mix(in srgb, var(--ok) 14%, transparent);color:var(--ok)}.badge-perdida{background:color-mix(in srgb, var(--dg) 14%, transparent);color:var(--dg)}.badge-cerrada{background:color-mix(in srgb, var(--mut) 14%, transparent);color:var(--mut)}.badge-sin_asignar{background:color-mix(in srgb, var(--dg) 14%, transparent);color:var(--dg)}.badge-excepcion{background:color-mix(in srgb, var(--acc) 16%, transparent);color:var(--acc);border:1px solid color-mix(in srgb, var(--acc) 28%, transparent)}.pulse-dot{background-color:var(--ok);width:8px;height:8px;box-shadow:0 0 0 0 color-mix(in srgb, var(--ok) 70%, transparent);border-radius:50%;animation:1.6s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--ok) 70%, transparent);transform:scale(.95)}70%{transform:scale(1);box-shadow:0 0 0 8px #0000}to{transform:scale(.95);box-shadow:0 0 #0000}}.recording-pulse{animation:1.2s ease-in-out infinite alternate recording}@keyframes recording{0%{opacity:.5;transform:scale(.98)}to{opacity:1;transform:scale(1.02)}}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.floating-scroll-btn{background:var(--sf);border:1px solid var(--ln);width:42px;height:42px;color:var(--ink);cursor:pointer;z-index:20;border-radius:50%;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;bottom:84px;right:28px;box-shadow:0 4px 14px #00000029}.floating-scroll-btn:hover{background:var(--s2);transform:translateY(-2px);box-shadow:0 6px 18px #00000038}.composer-textarea{resize:none;width:100%;color:var(--ink);box-sizing:border-box;background:0 0;border:none;outline:none;min-height:24px;max-height:120px;padding:4px 2px;font-family:inherit;font-size:14px;line-height:1.45;overflow-y:auto}.composer-textarea::placeholder{color:var(--mut)}@keyframes flashHighlight{0%{transform:scale(1.02);background-color:var(--hl)!important}50%{transform:scale(1.01);background-color:var(--hl)!important}to{transform:scale(1)}}.msg-highlighted{animation:1.5s ease-out flashHighlight}.msg-bubble-wrapper{max-width:100%;display:inline-block;position:relative}.wa-msg-row{align-items:center;gap:6px;width:100%;margin:2px 0;display:flex;position:relative}.wa-msg-row-outbound{flex-direction:row;justify-content:flex-end}.wa-msg-row-outbound .wa-msg-react-trigger{order:1}.wa-msg-row-outbound .msg-bubble-wrapper{order:2}.wa-msg-row-inbound{flex-direction:row;justify-content:flex-start}.wa-msg-row-inbound .msg-bubble-wrapper{order:1}.wa-msg-row-inbound .wa-msg-react-trigger{order:2}.wa-msg-react-trigger{background:var(--sf);border:1px solid var(--ln);width:30px;height:30px;color:var(--mut);cursor:pointer;opacity:0;pointer-events:none;z-index:5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .15s,transform .12s,background-color .15s;display:flex;box-shadow:0 2px 5px #0000001f}.wa-msg-row:hover .wa-msg-react-trigger{opacity:1;pointer-events:auto}.wa-msg-react-trigger:hover{color:var(--ink);background:var(--hl);transform:scale(1.12)}.wa-msg-chevron-trigger{width:22px;height:22px;color:var(--mut);cursor:pointer;opacity:0;pointer-events:none;z-index:6;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;transition:opacity .15s,background-color .15s,color .15s;display:flex;position:absolute;top:4px;right:5px}.msg-bubble-wrapper:hover .wa-msg-chevron-trigger,.wa-msg-row:hover .wa-msg-chevron-trigger{opacity:1;pointer-events:auto}.wa-msg-chevron-trigger:hover{color:var(--ink);background:#0000001f}.msg-hover-actions{display:none}.reaction-picker-bar{background:var(--sf);border:1px solid var(--ln);z-index:50;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;animation:.15s cubic-bezier(.16,1,.3,1) popIn;display:flex;box-shadow:0 8px 24px #0003}.reaction-pill{background:var(--sf);border:1px solid var(--ln);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:3px;padding:2px 7px;font-size:11px;transition:transform .1s;display:inline-flex;box-shadow:0 1px 3px #0000001f}.reaction-pill:hover{transform:scale(1.1)}.msg-context-menu{background:var(--sf);border:1px solid var(--ln);z-index:150;border-radius:12px;flex-direction:column;min-width:180px;padding:6px;animation:.12s cubic-bezier(.16,1,.3,1) fadeInScale;display:flex;position:fixed;box-shadow:0 12px 32px #00000038}.wa-media-btn{color:#fff;cursor:pointer;background:#ffffff24;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s,transform .15s;display:flex}.wa-media-btn:hover{background:#ffffff47;transform:scale(1.08)}.wa-media-btn-close:hover{background:#ef4444}.wa-media-nav-btn{color:#fff;cursor:pointer;z-index:20;background:#00000080;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;transition:background .15s,transform .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.wa-media-nav-btn:hover{background:#000000d9;transform:translateY(-50%)scale(1.12)}.wa-toast{background:var(--ink);color:var(--sf);z-index:9999;pointer-events:none;border-radius:20px;align-items:center;gap:8px;padding:8px 18px;font-size:12.5px;font-weight:500;animation:.2s cubic-bezier(.16,1,.3,1) toastSlideUp;display:flex;position:fixed;bottom:85px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0000003d}@keyframes toastSlideUp{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.msg-context-menu-item{color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 12px;font-size:12.5px;font-weight:500;transition:background .1s;display:flex}.msg-context-menu-item:hover{background:var(--hl)}.msg-context-menu-item.danger{color:var(--dg)}.msg-context-menu-item.danger:hover{background:#b8452f1a}.quoted-message-box{border-left:4px solid var(--acc);cursor:pointer;-webkit-user-select:none;user-select:none;background:#0000000f;border-radius:6px;max-width:100%;margin-bottom:6px;padding:6px 10px;font-size:11.5px;transition:background .1s}.quoted-message-box:hover{background:#0000001a}.reply-preview-bar{border-left:4px solid var(--acc);background:var(--s2);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:8px 14px;animation:.15s ease-out slideDown;display:flex}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes popIn{0%{opacity:0;transform:translateY(6px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}