:root{--bg:#071224;--panel:#0d1b34;--panel-soft:#13284d;--line:#8cb4ff1f;--text:#eef4ff;--muted:#9eb4d6;--accent:#2563eb;--accent-dark:#1d4ed8;--bubble-mine:#1e63dd;--bubble-theirs:#13284d;--surface:#0d1b34;--danger:#ff6b6b}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.login-shell,.settings-page{background:linear-gradient(#081325 0%,#0d1b34 55%,#153a7a 100%);place-items:center;min-height:100dvh;padding:24px;display:grid}.login-card,.settings-card{border:1px solid var(--line);background:#111b21f5;border-radius:28px;width:min(420px,100%);padding:24px;box-shadow:0 20px 60px #00000059}.login-brand{align-items:center;gap:16px;margin-bottom:24px;display:flex}.login-brand h1,.settings-card h1{margin:0;font-size:1.5rem}.login-brand p,.settings-card p{color:var(--muted);margin:6px 0 0}.login-badge{color:#eff6ff;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:18px;place-items:center;width:56px;height:56px;font-weight:900;display:grid;box-shadow:0 12px 24px #2563eb59}.login-form{gap:14px;display:grid}.login-form label{color:var(--muted);gap:8px;font-size:.95rem;display:grid}.login-form input,.wa-search,.wa-select,.composer-input{width:100%;color:var(--text);background:#122746;border:1px solid #0000;border-radius:16px;outline:none;padding:14px 16px}.login-form input:focus,.wa-search:focus,.wa-select:focus,.composer-input:focus{border-color:#60a5fab3}.primary-btn{color:#eff6ff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border:0;border-radius:18px;padding:14px 18px;font-weight:800;box-shadow:0 14px 32px #2563eb47}.primary-btn:disabled{opacity:.7;cursor:default}.danger-fill{color:#320808;background:linear-gradient(135deg,#ff7b7b,#ff5252)}.login-error,.inline-error{color:#ffb8b8;background:#ff52521f;border:1px solid #ff525240;border-radius:14px;padding:12px 14px}.mobile-shell,.chat-page{background:var(--panel);min-height:100dvh}.wa-topbar,.chat-header{z-index:20;padding:calc(env(safe-area-inset-top) + 10px) 16px 12px;background:#122746;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.wa-topbar h1{margin:0;font-size:1.35rem}.wa-topbar-kicker{color:#93c5fd;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.ghost-icon-btn,.circle-btn,.send-btn{cursor:pointer;border:0;border-radius:999px;place-items:center;width:42px;height:42px;display:grid}.ghost-icon-btn{color:var(--text);background:#ffffff12;box-shadow:inset 0 0 0 1px #ffffff0a}.circle-btn{color:#dfe7ea;background:#ffffff14}.send-btn{color:#eff6ff;background:linear-gradient(135deg,#3b82f6,#2563eb);font-weight:800;box-shadow:0 10px 24px #2563eb59}.wa-tabs{grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 16px 0;display:grid}.wa-tab{color:var(--muted);text-align:left;background:#111b21;border:1px solid #ffffff0f;border-radius:16px;gap:4px;padding:12px 10px;display:grid}.wa-tab strong{color:var(--text);font-size:1rem}.wa-tab.active{color:#bfdbfe;background:#3b82f62e;border-color:#60a5fa59}.wa-filters-card{background:linear-gradient(#0d1b34fa,#081325eb);gap:10px;padding:12px 16px;display:grid}.wa-list{display:grid}.wa-chat-row{border-bottom:1px solid #ffffff0a;grid-template-columns:56px 1fr;align-items:center;gap:12px;padding:14px 16px;display:grid}.wa-chat-row:active{background:#ffffff0a}.wa-avatar{color:#eff6ff;letter-spacing:.03em;background:linear-gradient(135deg,#1d4ed8,#60a5fa);border-radius:999px;place-items:center;width:56px;height:56px;font-weight:800;display:grid;box-shadow:0 12px 24px #1d4ed847}.wa-avatar.small{width:40px;height:40px;font-size:.82rem}.wa-avatar.large{width:72px;height:72px;font-size:1.1rem}.wa-chat-body{min-width:0}.wa-chat-header,.wa-chat-meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.wa-chat-header strong{white-space:nowrap;text-overflow:ellipsis;font-size:1rem;overflow:hidden}.wa-chat-header span{color:var(--muted);font-size:.78rem}.wa-chat-meta p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:220px;margin:6px 0 0;font-size:.92rem;overflow:hidden}.wa-chat-badges{align-items:center;gap:6px;display:flex}.queue-pill,.unread-pill{border-radius:999px;justify-content:center;align-items:center;min-width:22px;padding:5px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.queue-pill{color:#dbeafe;background:#93c5fd1f}.unread-pill{color:#eff6ff;background:linear-gradient(135deg,#60a5fa,#2563eb)}.wa-empty{text-align:center;color:var(--muted);padding:40px 16px}.chat-contact-trigger{min-width:0;color:inherit;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:12px;display:flex}.chat-contact-meta{min-width:0;display:grid}.chat-contact-meta strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chat-contact-meta span{color:var(--muted);font-size:.82rem}.chat-background{background:radial-gradient(circle at top,#3b82f61f,#0000 30%),#071224}.message-list{gap:8px;min-height:calc(100dvh - 160px);max-height:calc(100dvh - 160px);padding:18px 12px 100px;display:grid;overflow-y:auto}.message-bubble{border-radius:12px;gap:6px;max-width:82%;padding:8px 10px 6px;display:grid;box-shadow:0 1px #00000040}.message-bubble.mine{background:var(--bubble-mine);border-top-right-radius:4px;margin-left:auto}.message-bubble.theirs{background:var(--bubble-theirs);border-top-left-radius:4px;margin-right:auto}.message-bubble p{white-space:pre-wrap;word-break:break-word;margin:0}.message-bubble span{color:#ffffffb8;justify-self:end;font-size:.72rem}.message-image{border-radius:10px;width:100%;display:block}.message-video{border-radius:10px;width:100%;max-height:320px;display:block}.message-file{color:#9bead7;word-break:break-word;text-decoration:underline}.load-more-btn{color:var(--text);background:#ffffff12;border:0;border-radius:999px;margin:14px auto 0;padding:8px 12px;display:block;box-shadow:inset 0 0 0 1px #ffffff0a}.composer-bar{z-index:30;padding:10px 12px calc(env(safe-area-inset-bottom) + 10px);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0d1b34e6;border-top:1px solid #ffffff0f;grid-template-columns:auto 1fr auto;align-items:end;gap:10px;display:grid;position:fixed;bottom:0;left:0;right:0}.composer-input{resize:none;border-radius:24px;min-height:46px;max-height:110px;padding:12px 16px}.overlay{z-index:50;background:#00000073;justify-content:center;align-items:end;display:flex;position:fixed;inset:0}.bottom-sheet{width:100%;max-width:540px;padding:18px 16px calc(env(safe-area-inset-bottom) + 16px);background:#0d1b34;border-top:1px solid #ffffff14;border-radius:24px 24px 0 0;box-shadow:0 -18px 40px #00000047}.bottom-sheet h3{margin:0 0 16px}.action-grid{gap:10px;display:grid}.sheet-action{text-align:left;width:100%;color:var(--text);background:#122746;border:1px solid #ffffff14;border-radius:16px;padding:14px 16px}.sheet-action.danger{color:#ffb8b8;border-color:#ff6b6b59}.sheet-label{color:var(--muted);gap:8px;margin-top:14px;display:grid}.sheet-link{color:#bfdbfe;margin-top:14px;display:inline-block}.contact-drawer{width:min(92vw,380px);height:100%;padding:calc(env(safe-area-inset-top) + 20px) 16px 24px;background:#0d1b34;border-left:1px solid #ffffff14;margin-left:auto;box-shadow:-14px 0 30px #00000038}.contact-drawer-header{text-align:center;justify-items:center;gap:10px;display:grid}.contact-drawer-header span{color:var(--muted)}.contact-section{border-bottom:1px solid #ffffff0f;gap:6px;padding:16px 0;display:grid}.contact-section label,.settings-card dt{color:var(--muted)}.settings-card dl{gap:14px;margin:20px 0;display:grid}.settings-card dl div{border-bottom:1px solid #ffffff0f;gap:6px;padding-bottom:14px;display:grid}@media (min-width:768px){body{background:#06101f}.mobile-shell,.chat-page{border-left:1px solid var(--line);border-right:1px solid var(--line);max-width:460px;margin:0 auto}.composer-bar{max-width:460px;left:50%;transform:translate(-50%)}}.wa-chat-actions{justify-content:space-between;align-items:center;gap:10px;margin-top:10px;display:flex}.status-pill{border:1px solid #8cb4ff29;border-radius:999px;justify-content:center;align-items:center;padding:6px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.status-pill.pending{color:#fde68a;background:#fbbf241f}.status-pill.open{color:#bfdbfe;background:#3b82f629}.status-pill.closed{color:#fecaca;background:#f8717124}.quick-action-btn{cursor:pointer;border:0;border-radius:999px;padding:9px 14px;font-size:.82rem;font-weight:800;transition:transform .12s,opacity .12s}.quick-action-btn:active{transform:scale(.98)}.quick-action-btn:disabled{opacity:.7;cursor:default}.quick-action-btn.accept{color:#eff6ff;background:linear-gradient(135deg,#3b82f6,#2563eb)}.quick-action-btn.close{color:#fff5f5;background:linear-gradient(135deg,#fb7185,#ef4444)}.quick-action-btn.reopen{color:#eff6ff;background:linear-gradient(135deg,#38bdf8,#2563eb)}.install-banner{left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom) + 12px);z-index:80;background:#071224f0;border:1px solid #60a5fa38;border-radius:20px;gap:10px;padding:14px;display:grid;position:fixed;box-shadow:0 20px 44px #00000047}.install-banner strong{font-size:.96rem}.install-banner p{color:var(--muted);margin:0;font-size:.84rem}.install-banner-actions{gap:10px;display:flex}.install-secondary{color:var(--text);background:0 0;border:1px solid #60a5fa33;border-radius:14px;padding:10px 14px;font-weight:700}.message-audio{width:min(260px,72vw);max-width:100%}.composer-bar{grid-template-columns:auto auto 1fr auto}.emoji-btn{font-size:1.05rem}.mic-btn.recording{color:#fff5f5;background:linear-gradient(135deg,#fb7185,#ef4444);animation:1s ease-in-out infinite micPulse}@keyframes micPulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.composer-popover{left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom) + 72px);z-index:45;background:#0d1b34fa;border:1px solid #ffffff14;border-radius:22px;max-width:460px;margin:0 auto;padding:12px;position:fixed;box-shadow:0 18px 44px #00000052}.attach-popover{gap:8px;display:grid}.attach-popover button{text-align:left;width:100%;color:var(--text);background:#122746;border:0;border-radius:16px;padding:13px 14px;font-weight:700}.emoji-popover{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.emoji-popover button{color:var(--text);background:#122746;border:0;border-radius:14px;min-height:42px;font-size:1.35rem}.message-image-button{cursor:zoom-in;text-align:left;background:0 0;border:0;border-radius:10px;max-width:100%;margin:0;padding:0;display:block;overflow:hidden}.image-preview-overlay{z-index:120;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);background:#000000f0;grid-template-rows:auto 1fr;display:grid;position:fixed;inset:0}.image-preview-toolbar{background:#0d1b34eb;border-bottom:1px solid #ffffff1a;justify-content:center;align-items:center;gap:8px;padding:10px;display:flex}.image-preview-toolbar button{color:#fff;background:#ffffff1f;border:0;border-radius:999px;padding:9px 12px;font-weight:800}.image-preview-toolbar span{text-align:center;color:#fff;min-width:54px;font-weight:800}.image-preview-stage{touch-action:pan-x pan-y pinch-zoom;place-items:center;padding:24px;display:grid;overflow:auto}.image-preview-stage img{object-fit:contain;transform-origin:50%;max-width:100%;max-height:80dvh;transition:transform .14s}