: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)}}:root{--pz-navy:#08112b;--pz-navy-soft:#111d3d;--pz-yellow:#ffdc4d;--pz-yellow-deep:#f4c928;--pz-grey:#f2f4f7;--pz-line:#dce1e8;--pz-muted:#667085;--pz-label:#344054;--pz-border-input:#bcc3cf;--pz-error:#b42318;--auth-page-bg:#fff;--auth-panel-bg:#fff;--auth-card-bg:#fff;--auth-card-border:var(--pz-line);--auth-card-shadow:0 24px 70px #08112b1a;--auth-text-title:var(--pz-navy);--auth-text-subtitle:var(--pz-muted);--auth-input-bg:#fff;--auth-input-border:var(--pz-border-input);--auth-input-text:var(--pz-navy);--auth-label-float-bg:#fff;--auth-label-float-text:#344054;--auth-label-float-focus:var(--pz-navy);--auth-label-rest-text:#667085;--auth-kicker-text:#8b6b00;--auth-kicker-bar:var(--pz-yellow-deep);--auth-toggle-bg:#fff;--auth-toggle-border:var(--pz-line);--auth-toggle-color:var(--pz-muted)}[data-theme=dark]{--auth-page-bg:#070d1e;--auth-panel-bg:#070d1e;--auth-card-bg:#0f182e;--auth-card-border:#1e2c4a;--auth-card-shadow:0 24px 70px #0009;--auth-text-title:#fff;--auth-text-subtitle:#94a3b8;--auth-input-bg:#0a1122;--auth-input-border:#233354;--auth-input-text:#f1f5f9;--auth-label-float-bg:#0f182e;--auth-label-float-text:#cbd5e1;--auth-label-float-focus:var(--pz-yellow);--auth-label-rest-text:#7888a2;--auth-kicker-text:var(--pz-yellow);--auth-kicker-bar:var(--pz-yellow);--auth-toggle-bg:#0f182e;--auth-toggle-border:#233354;--auth-toggle-color:#cbd5e1}.auth-page{background:var(--auth-page-bg);grid-template-columns:minmax(420px,1.08fr) minmax(420px,.92fr);width:100vw;min-height:100vh;transition:background-color .25s;display:grid;overflow:hidden}.auth-brand-panel{background:var(--pz-navy);color:#fff;box-sizing:border-box;flex-direction:column;justify-content:space-between;min-height:100vh;padding:48px clamp(36px,6vw,88px) 72px;display:flex;position:relative;overflow:hidden}.auth-brand-panel:before{content:"";pointer-events:none;border:70px solid #ffdc4d14;border-radius:50%;width:520px;height:520px;position:absolute;bottom:-210px;right:-210px}.auth-brand-panel:after{content:"";background:var(--pz-yellow);border-radius:4px;width:130px;height:9px;position:absolute;bottom:42px;left:clamp(36px,6vw,88px)}.auth-brand-panel img{z-index:1;width:250px;height:auto;display:block;position:relative}.auth-content-panel{background:var(--auth-panel-bg);box-sizing:border-box;justify-content:center;align-items:center;min-height:100vh;padding:24px;transition:background-color .25s;display:flex;position:relative}.auth-card{border:1px solid var(--auth-card-border);border-top:8px solid var(--pz-yellow);width:min(520px,100% - 48px);box-shadow:var(--auth-card-shadow);background:var(--auth-card-bg);color:var(--auth-text-title);box-sizing:border-box;border-radius:14px;padding:42px;transition:background-color .25s,border-color .25s,box-shadow .25s}.auth-kicker{letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:9px;font-weight:900;display:flex;color:var(--auth-kicker-text)!important;margin:0!important;font-size:9px!important}.auth-kicker span{background:var(--auth-kicker-bar);border-radius:2px;width:28px;height:3px;display:inline-block}.auth-card h2{letter-spacing:-.045em;color:var(--auth-text-title);margin:16px 0 9px;font-size:38px;font-weight:700;line-height:1.1}.auth-card>p:not(.auth-kicker){color:var(--auth-text-subtitle);margin:0;font-size:13px;line-height:1.55}.auth-card form{gap:17px;margin-top:28px;display:grid}.auth-card .relative{display:block;position:relative}.auth-card [data-testid=floating-label]{width:100%;min-height:52px;color:var(--auth-input-text);border:1px solid var(--auth-input-border);box-sizing:border-box;border-radius:8px;outline:0;padding:16px 14px 4px;font-size:14px;transition:border-color .2s,box-shadow .2s,background-color .2s;display:block;background:var(--auth-input-bg)!important}.auth-card [data-testid=floating-label]::placeholder{opacity:0;color:#0000!important}.auth-card [data-testid=floating-label]:focus{border-color:var(--pz-yellow);box-shadow:0 0 0 4px #ffdc4d59}.auth-card .relative label{z-index:2;background:var(--auth-label-float-bg);text-transform:uppercase;letter-spacing:.08em;color:var(--auth-label-float-text);pointer-events:none;transform-origin:0 0;padding:0 6px;font-size:10px;font-weight:800;transition:all .2s cubic-bezier(.4,0,.2,1);position:absolute;top:6px;left:10px}.auth-card [data-testid=floating-label]:placeholder-shown:not(:focus)+label{color:var(--auth-label-rest-text);background:0 0;padding:0;font-size:11.5px;font-weight:700;top:50%;left:14px;transform:translateY(-50%)}.auth-card [data-testid=floating-label]:focus+label{color:var(--auth-label-float-focus);background:var(--auth-label-float-bg);padding:0 6px;font-size:9.5px;font-weight:900;top:-8px;left:10px;transform:translateY(0)}.auth-card [data-testid=floating-label]:not(:placeholder-shown)+label{color:var(--auth-label-float-text);background:var(--auth-label-float-bg);padding:0 6px;font-size:9.5px;font-weight:900;top:-8px;left:10px;transform:translateY(0)}.auth-theme-toggle{background:var(--auth-toggle-bg);border:1px solid var(--auth-toggle-border);color:var(--auth-toggle-color);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;transition:all .2s;display:flex;box-shadow:0 2px 6px #0000000d}.auth-theme-toggle:hover{border-color:var(--pz-yellow);transform:scale(1.05)}.password-floating-input{padding-right:44px!important}.password-toggle-btn{cursor:pointer;color:var(--auth-text-subtitle);z-index:10;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:color .15s,transform .15s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.password-toggle-btn:hover{color:var(--auth-text-title);transform:translateY(-50%)scale(1.1)}.auth-primary{background:var(--pz-yellow);min-height:50px;color:var(--pz-navy);cursor:pointer;border:0;border-radius:8px;width:100%;padding:0 18px;font-size:11px;font-weight:900;transition:background-color .15s,transform .1s}.auth-primary:hover:not(:disabled){background:var(--pz-yellow-deep)}.auth-primary:active:not(:disabled){transform:translateY(1px)}.auth-primary:disabled{opacity:.55;cursor:wait}.auth-error{color:var(--pz-error);background:#fff1f0;border:1px solid #fecdca;border-radius:8px;align-items:flex-start;gap:8px;margin-top:14px;padding:11px 12px;font-size:11px;font-weight:600;line-height:1.45;display:flex}@media (width<=900px){.auth-page{flex-direction:column;grid-template-columns:1fr;display:flex;overflow-y:auto}.auth-brand-panel{align-items:flex-start;min-height:auto;padding:36px 24px}.auth-brand-panel:after{display:none}.auth-card{width:100%;padding:28px 20px}}
