:root{--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bg-app: var(--app-bg, #090e13);--bg-sidebar: var(--sidebar-bg, #0f171f);--bg-chat-header: var(--header-bg, #121c25);--bg-chat-area: var(--chat-bg, #070b0e);--bg-chat-input: var(--composer-bg, #101921);--bg-chat-bubble-incoming: var(--bubble-incoming-bg, #16222b);--bg-chat-bubble-outgoing: var(--bubble-outgoing-bg, #005c4b);--bg-hover: rgba(255, 255, 255, .05);--bg-active: rgba(16, 185, 129, .15);--bg-card: var(--card-bg, #15222c);--bg-modal-overlay: rgba(0, 0, 0, .7);--text-primary: var(--text-main, #f0f4f2);--text-secondary: var(--text-sec, #8696a0);--text-muted: var(--text-muted, #667781);--text-incoming: var(--bubble-incoming-text, #f0f4f2);--text-outgoing: var(--bubble-outgoing-text, #ffffff);--accent-primary: var(--brand-emerald, #10b981);--accent-primary-hover: var(--brand-teal, #00a884);--accent-blue: var(--tick-cyan, #53bdeb);--accent-danger: #ea4335;--accent-badge: var(--badge-bg, #00a884);--accent-online: #10b981;--border-color: var(--border-subtle, rgba(255, 255, 255, .07));--border-subtle: rgba(255, 255, 255, .07);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .25);--shadow-md: 0 4px 12px rgba(0, 0, 0, .35);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .45);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.16, 1, .3, 1);--transition-normal: .24s cubic-bezier(.16, 1, .3, 1)}[data-theme=light]{--bg-app: var(--app-bg, #f0f2f5);--bg-sidebar: var(--sidebar-bg, #ffffff);--bg-chat-header: var(--header-bg, #f0f2f5);--bg-chat-area: var(--chat-bg, #efeae2);--bg-chat-input: var(--composer-bg, #f0f2f5);--bg-chat-bubble-incoming: var(--bubble-incoming-bg, #ffffff);--bg-chat-bubble-outgoing: var(--bubble-outgoing-bg, #d9fdd3);--bg-hover: rgba(0, 0, 0, .04);--bg-active: rgba(16, 185, 129, .15);--bg-card: var(--card-bg, #ffffff);--bg-modal-overlay: rgba(0, 0, 0, .4);--text-primary: var(--text-main, #111b21);--text-secondary: var(--text-sec, #5f707a);--text-muted: #8696a0;--text-incoming: #111b21;--text-outgoing: #111b21;--border-color: var(--border-subtle, rgba(0, 0, 0, .08));--border-subtle: rgba(0, 0, 0, .08)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;width:100%;overflow:hidden;font-family:var(--font-family);background-color:var(--bg-app);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#8696a04d;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#8696a080}.app-container{display:flex;flex-direction:column;height:100vh;width:100vw;background-color:var(--app-bg, #090e13);position:relative;overflow:hidden}.sidebar{width:420px;min-width:340px;max-width:460px;height:100%;background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:relative;z-index:10;transition:transform var(--transition-normal)}@media (max-width: 768px){.sidebar{width:100%;min-width:100%;max-width:100%;position:absolute;top:0;left:0;z-index:20;transform:translate(0)}.sidebar.collapsed{transform:translate(-100%)}}.sidebar-header{height:64px;background-color:var(--bg-chat-header);padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color)}.sidebar-user{display:flex;align-items:center;gap:12px;cursor:pointer}.avatar{width:42px;height:42px;border-radius:var(--radius-full);background:linear-gradient(135deg,#00a884,#005c4b);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;position:relative;-webkit-user-select:none;user-select:none;flex-shrink:0}.avatar.online:after{content:"";position:absolute;bottom:0;right:0;width:12px;height:12px;background-color:var(--accent-online);border:2px solid var(--bg-sidebar);border-radius:var(--radius-full)}.sidebar-actions{display:flex;align-items:center;gap:6px}.icon-btn{background:transparent;border:none;color:var(--text-secondary);width:38px;height:38px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.icon-btn:hover{background-color:#ffffff14;color:var(--text-primary)}.icon-btn:active{transform:scale(.95)}.sidebar-search{padding:8px 14px;border-bottom:1px solid var(--border-color);background-color:var(--bg-sidebar)}.search-input-wrapper{background-color:var(--bg-chat-header);border-radius:var(--radius-md);padding:0 12px;display:flex;align-items:center;gap:10px;height:38px;border:1px solid transparent;transition:border-color var(--transition-fast)}.search-input-wrapper:focus-within{border-color:var(--accent-primary)}.search-input-wrapper input{background:transparent;border:none;outline:none;color:var(--text-primary);font-size:.92rem;width:100%}.search-input-wrapper input::placeholder{color:var(--text-muted)}.conversation-list{flex:1;overflow-y:auto;overflow-x:hidden}.conversation-item{display:flex;align-items:center;gap:14px;padding:12px 16px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.03);transition:background-color var(--transition-fast);position:relative}.conversation-item:hover{background-color:var(--bg-hover)}.conversation-item.active{background-color:var(--bg-active)}.conversation-content{flex:1;min-width:0}.conversation-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:3px}.conversation-title{font-weight:500;font-size:.98rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-time{font-size:.76rem;color:var(--text-muted);flex-shrink:0}.conversation-subtitle{display:flex;align-items:center;justify-content:space-between;font-size:.86rem;color:var(--text-secondary)}.last-message-snippet{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:4px}.badge-unread{background-color:var(--accent-primary);color:#111b21;font-size:.75rem;font-weight:700;min-width:20px;height:20px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;padding:0 6px;flex-shrink:0}.chat-area{flex:1;display:flex;flex-direction:column;height:100%;background-color:var(--bg-chat-area);position:relative}.chat-area:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;opacity:.04;background-image:radial-gradient(#ffffff 1px,transparent 1px);background-size:20px 20px;pointer-events:none}.chat-header{height:64px;background-color:var(--bg-chat-header);border-bottom:1px solid var(--border-color);padding:0 16px;display:flex;align-items:center;justify-content:space-between;z-index:5}.chat-header-info{display:flex;align-items:center;gap:12px;cursor:pointer}.chat-header-details{display:flex;flex-direction:column}.chat-header-name{font-weight:600;font-size:1rem}.chat-header-status{font-size:.78rem;color:var(--text-secondary);display:flex;align-items:center;gap:4px}.chat-header-status.online{color:var(--accent-online)}.chat-header-status.typing{color:var(--accent-primary);font-style:italic}.messages-container{flex:1;overflow-y:auto;padding:16px 5%;display:flex;flex-direction:column;gap:4px;z-index:2}.message-date-separator{align-self:center;background-color:var(--bg-card);color:var(--text-secondary);font-size:.75rem;padding:5px 12px;border-radius:var(--radius-sm);margin:12px 0 6px;box-shadow:var(--shadow-sm);text-transform:uppercase;letter-spacing:.5px}.message-row{display:flex;margin-bottom:2px;animation:messageAppear .2s ease-out forwards}.message-row.incoming{justify-content:flex-start}.message-row.outgoing{justify-content:flex-end}@keyframes messageAppear{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.message-bubble{max-width:65%;min-width:80px;padding:7px 10px 6px 12px;border-radius:8px;box-shadow:0 1px 1px #00000026;position:relative;word-break:break-word}.message-bubble.incoming{background-color:var(--bg-chat-bubble-incoming);color:var(--text-incoming);border-top-left-radius:0}.message-bubble.outgoing{background-color:var(--bg-chat-bubble-outgoing);color:var(--text-outgoing);border-top-right-radius:0}.message-sender-name{font-size:.78rem;font-weight:600;color:var(--accent-primary);margin-bottom:2px}.message-text{font-size:.94rem;line-height:1.45;white-space:pre-wrap}.message-meta{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:2px;float:right;margin-left:12px;position:relative;top:3px}.message-time{font-size:.7rem;color:#e9edef99}.receipt-icon{display:inline-flex;align-items:center}.receipt-icon.read{color:var(--accent-blue)}.receipt-icon.delivered,.receipt-icon.sent{color:#e9edef99}.chat-input-bar{background-color:var(--bg-chat-input);padding:10px 16px;display:flex;align-items:center;gap:12px;z-index:5;border-top:1px solid var(--border-color)}.input-box-wrapper{flex:1;background-color:var(--bg-chat-header);border-radius:var(--radius-md);padding:8px 14px;display:flex;align-items:center}.chat-textarea{width:100%;max-height:120px;min-height:24px;background:transparent;border:none;outline:none;resize:none;color:var(--text-primary);font-family:inherit;font-size:.95rem;line-height:1.4}.chat-textarea::placeholder{color:var(--text-muted)}.send-btn{background-color:var(--accent-primary);color:#111b21;border:none;width:42px;height:42px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.send-btn:hover{background-color:var(--accent-primary-hover);transform:scale(1.05)}.send-btn:active{transform:scale(.95)}.empty-chat-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--bg-chat-area);text-align:center;padding:20px;gap:16px}.empty-chat-icon{width:100px;height:100px;border-radius:var(--radius-full);background-color:var(--bg-card);display:flex;align-items:center;justify-content:center;color:var(--accent-primary);margin-bottom:8px}.empty-chat-title{font-size:1.7rem;font-weight:500;color:var(--text-primary)}.empty-chat-desc{max-width:440px;color:var(--text-secondary);font-size:.92rem;line-height:1.5}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--bg-modal-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background-color:var(--bg-sidebar);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:440px;overflow:hidden;animation:modalScale .2s ease-out forwards}@keyframes modalScale{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.modal-header{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color)}.modal-body{padding:20px;display:flex;flex-direction:column;gap:14px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:.82rem;font-weight:500;color:var(--text-secondary)}.form-input{background-color:var(--bg-chat-header);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:10px 14px;color:var(--text-primary);font-size:.95rem;outline:none;transition:border-color var(--transition-fast)}.form-input:focus{border-color:var(--accent-primary)}.btn-primary{background-color:var(--accent-primary);color:#111b21;border:none;border-radius:var(--radius-sm);padding:12px;font-weight:600;font-size:.95rem;cursor:pointer;transition:background-color var(--transition-fast)}.btn-primary:hover{background-color:var(--accent-primary-hover)}.btn-secondary{background-color:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:10px;font-weight:500;cursor:pointer}.btn-secondary:hover{background-color:var(--bg-hover);color:var(--text-primary)}.call-dialog{background:linear-gradient(180deg,#182229,#111b21);border-radius:var(--radius-lg);padding:32px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;width:320px;box-shadow:0 10px 30px #0009}.call-pulse-ring{width:90px;height:90px;border-radius:var(--radius-full);background:#00a88433;display:flex;align-items:center;justify-content:center;animation:pulse 1.8s infinite}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #00a884b3}70%{transform:scale(1.05);box-shadow:0 0 0 16px #00a88400}to{transform:scale(.95);box-shadow:0 0 #00a88400}}.btn-hangup{background-color:var(--accent-danger);color:#fff;border:none;width:50px;height:50px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform var(--transition-fast),background-color var(--transition-fast)}.btn-hangup:hover{transform:scale(1.1);background-color:#d32f2f}.call-dialog-video{position:relative;width:90vw;max-width:920px;height:80vh;max-height:620px;background-color:#0c1317;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 50px #000000d9;border:1px solid rgba(255,255,255,.08)}.call-remote-video-wrap{position:relative;flex:1;width:100%;height:100%;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.call-remote-video{width:100%;height:100%;object-fit:cover;z-index:1}.call-video-placeholder-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at center,#182229,#0a0f13);z-index:0}.call-local-pip{position:absolute;bottom:84px;right:20px;width:180px;height:135px;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #0009;border:2px solid rgba(255,255,255,.2);background:#111b21;z-index:3}.call-local-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.call-pip-label{position:absolute;bottom:6px;left:8px;background:#0009;color:#fff;font-size:.72rem;padding:2px 6px;border-radius:4px}.call-video-topbar{position:absolute;top:16px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;z-index:4;pointer-events:none}.call-encryption-pill{display:inline-flex;align-items:center;gap:6px;background:#0b141abf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:4px 10px;border-radius:20px;font-size:.76rem;color:#8696a0;border:1px solid rgba(255,255,255,.06)}.call-warning-pill{display:inline-flex;align-items:center;gap:6px;background:#f59e0b33;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:4px 12px;border-radius:20px;font-size:.78rem;color:#fbbf24;border:1px solid rgba(245,158,11,.4)}.call-video-controls{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:16px;background:#111b21d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:10px 20px;border-radius:36px;border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 25px #00000080;z-index:4}.call-ctrl-btn{width:48px;height:48px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease,background-color .15s ease}.call-ctrl-btn:hover{transform:scale(1.08)}.typing-dots{display:inline-flex;align-items:center;gap:3px;padding:2px 4px}.typing-dot{width:5px;height:5px;background-color:var(--accent-primary);border-radius:var(--radius-full);animation:typingBounce 1.2s infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-4px)}}.notification-modal-card{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:32px 28px;max-width:440px;width:90%;position:relative;text-align:center;box-shadow:var(--shadow-lg);animation:modalPop .25s cubic-bezier(.16,1,.3,1)}@keyframes modalPop{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.notification-modal-close{position:absolute;top:16px;right:16px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast),color var(--transition-fast)}.notification-modal-close:hover{background-color:var(--bg-hover);color:var(--text-primary)}.notification-modal-icon-wrapper{display:flex;justify-content:center;margin-bottom:20px}.notification-modal-icon{width:76px;height:76px;border-radius:var(--radius-full);background:#00a8841f;display:flex;align-items:center;justify-content:center;position:relative}.notification-modal-icon.denied{background:#ea43351f}.notification-pulse-ring{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border:2px solid rgba(0,168,132,.35);border-radius:var(--radius-full);animation:pulseRing 2s cubic-bezier(.25,1,.5,1) infinite}@keyframes pulseRing{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.15);opacity:.3}to{transform:scale(1.25);opacity:0}}.bell-ringing{animation:bellRing 2.2s infinite ease-in-out;transform-origin:top center}@keyframes bellRing{0%,65%,to{transform:rotate(0)}70%{transform:rotate(15deg)}75%{transform:rotate(-12deg)}80%{transform:rotate(8deg)}85%{transform:rotate(-4deg)}90%{transform:rotate(0)}}.notification-modal-title{font-size:1.35rem;font-weight:700;color:var(--text-primary);margin-bottom:10px}.notification-modal-desc{font-size:.92rem;color:var(--text-secondary);line-height:1.5;margin-bottom:20px}.notification-features-list{background-color:var(--bg-hover);border-radius:var(--radius-md);padding:14px 16px;margin-bottom:24px;display:flex;flex-direction:column;gap:10px;text-align:left}.notification-feature-item{display:flex;align-items:center;gap:10px;font-size:.85rem;color:var(--text-primary)}.notification-denied-instructions{background-color:#ea433514;border:1px solid rgba(234,67,53,.25);border-radius:var(--radius-md);padding:14px 16px;margin-bottom:24px;display:flex;align-items:flex-start;gap:12px;font-size:.85rem;color:var(--text-primary);text-align:left}.notification-modal-actions{display:flex;flex-direction:column;gap:10px}.notification-btn-allow{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;font-weight:600;font-size:.95rem;width:100%}.notification-btn-dismiss{background:transparent;color:var(--text-secondary);border:none;padding:8px 16px;font-size:.9rem;cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast)}.notification-btn-dismiss:hover{color:var(--text-primary)}.sidebar-notification-banner{background-color:#182229;border-bottom:1px solid var(--border-color);padding:14px 16px;display:flex;align-items:center;gap:14px;cursor:pointer;transition:background-color var(--transition-fast)}.sidebar-notification-banner:hover{background-color:#202c33}.sidebar-notification-banner-icon{width:44px;height:44px;border-radius:var(--radius-full);background:#00a88426;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-notification-banner-content{flex:1;display:flex;flex-direction:column;gap:2px}.sidebar-notification-banner-title{font-size:.9rem;font-weight:600;color:var(--text-primary)}.sidebar-notification-banner-link{font-size:.78rem;color:var(--accent-primary);display:flex;align-items:center;gap:4px}.sidebar-notification-banner-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.sidebar-notification-banner-close:hover{color:var(--text-primary)}.whatsapp-attachment-menu{position:absolute;bottom:74px;left:56px;display:flex;flex-direction:column-reverse;gap:16px;z-index:100;animation:attachmentFlyout .22s cubic-bezier(.16,1,.3,1) forwards}@keyframes attachmentFlyout{0%{opacity:0;transform:translateY(16px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.attachment-menu-item{display:flex;align-items:center;gap:12px;background:transparent;border:none;cursor:pointer;padding:0;text-align:left;position:relative;transition:transform var(--transition-fast)}.attachment-menu-item:hover{transform:translate(3px)}.attachment-icon-btn{width:52px;height:52px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000059;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.attachment-menu-item:hover .attachment-icon-btn{transform:scale(1.08);box-shadow:0 6px 18px #00000073}.attachment-icon-btn.document{background:linear-gradient(135deg,#7f66ff,#5f48e0)}.attachment-icon-btn.media{background:linear-gradient(135deg,#007bfc,#0056b3)}.attachment-icon-btn.camera{background:linear-gradient(135deg,#ec407a,#d81b60)}.attachment-item-label{font-size:.88rem;font-weight:500;color:var(--text-primary);background:var(--bg-chat-header);padding:6px 14px;border-radius:var(--radius-full);box-shadow:var(--shadow-md);border:1px solid var(--border-color);white-space:nowrap}.whatsapp-camera-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0b141ae0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .2s ease-out}.whatsapp-camera-modal{width:100%;max-width:680px;background-color:var(--bg-card);border-radius:16px;border:1px solid var(--border-color);box-shadow:var(--shadow-lg);overflow:hidden;display:flex;flex-direction:column}.whatsapp-camera-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background-color:var(--bg-chat-header);border-bottom:1px solid var(--border-color)}.camera-header-title{display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:600;color:var(--text-primary)}.whatsapp-camera-body{position:relative;background:#000;min-height:420px;max-height:65vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.camera-stream-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.camera-video-stream{width:100%;max-height:520px;object-fit:cover}.camera-video-stream.mirrored{transform:scaleX(-1)}.camera-preview-container{width:100%;display:flex;align-items:center;justify-content:center;background:#000}.camera-captured-image{max-width:100%;max-height:520px;object-fit:contain}.camera-error-container{padding:40px 24px;text-align:center;color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;gap:8px}.camera-error-container h3{color:var(--text-primary);font-size:1.15rem;margin-top:8px}.camera-error-container p{font-size:.9rem;max-width:380px}.whatsapp-camera-footer{padding:16px 24px;background-color:var(--bg-chat-header);border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:center}.camera-shutter-row{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:280px}.camera-shutter-btn{width:68px;height:68px;border-radius:var(--radius-full);border:4px solid #ffffff;background:transparent;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-fast)}.camera-shutter-btn:hover{transform:scale(1.06)}.camera-shutter-inner{width:100%;height:100%;border-radius:var(--radius-full);background:#fff}.camera-switch-btn{background:#ffffff1a;color:var(--text-primary)}.camera-actions-row{display:flex;align-items:center;gap:16px;width:100%;justify-content:center}.camera-retake-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:transparent;color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-full);cursor:pointer;font-weight:500;transition:background var(--transition-fast)}.camera-retake-btn:hover{background:var(--bg-hover)}.camera-use-btn{display:flex;align-items:center;gap:8px;padding:10px 24px;background:var(--accent-primary);color:#fff;border:none;border-radius:var(--radius-full);cursor:pointer;font-weight:600;transition:background var(--transition-fast)}.camera-use-btn:hover{background:var(--accent-primary-hover)}.whatsapp-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0b141af0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;flex-direction:column;animation:fadeIn .18s ease-out}.whatsapp-preview-modal{width:100%;height:100%;display:flex;flex-direction:column;position:relative}.whatsapp-preview-header{display:flex;align-items:center;gap:16px;padding:16px 24px;background:#202c3399;border-bottom:1px solid var(--border-color)}.whatsapp-preview-header-info{display:flex;flex-direction:column;flex:1;min-width:0}.preview-filename{font-size:1rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-filesize{font-size:.8rem;color:var(--text-secondary)}.preview-counter{font-size:.85rem;color:var(--text-muted)}.whatsapp-preview-body{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:24px;position:relative;overflow:auto}.preview-media-container{display:flex;align-items:center;justify-content:center;max-width:85%;max-height:60vh}.preview-image{max-width:100%;max-height:60vh;object-fit:contain;border-radius:8px;box-shadow:var(--shadow-lg)}.preview-video{max-width:100%;max-height:60vh;border-radius:8px;box-shadow:var(--shadow-lg)}.preview-document-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:40px 32px;width:100%;max-width:440px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:var(--shadow-lg);position:relative}.preview-file-icon-box{position:relative;width:96px;height:96px;border-radius:16px;border:2px dashed;display:flex;align-items:center;justify-content:center;margin-bottom:20px;background:#ffffff0a}.preview-extension-badge{position:absolute;bottom:-8px;padding:2px 8px;border-radius:4px;font-size:.72rem;font-weight:700;color:#fff;letter-spacing:.5px;text-transform:uppercase}.preview-doc-title{font-size:1.15rem;font-weight:600;color:var(--text-primary);margin-bottom:6px;word-break:break-word;max-width:100%}.preview-doc-size{font-size:.88rem;color:var(--text-secondary)}.preview-note{font-size:.78rem;color:var(--accent-primary);margin-top:14px}.preview-thumbnails-strip{display:flex;gap:8px;padding:10px 24px;overflow-x:auto;justify-content:center;background:#0003}.preview-thumb-btn{width:52px;height:52px;border-radius:8px;border:2px solid transparent;background:var(--bg-chat-header);cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:0;transition:border-color var(--transition-fast)}.preview-thumb-btn.selected{border-color:var(--accent-primary)}.thumb-img{width:100%;height:100%;object-fit:cover}.thumb-doc{font-size:.7rem;font-weight:700;color:var(--text-secondary)}.preview-emoji-picker{position:absolute;bottom:84px;left:32px;background-color:var(--bg-chat-header);border-radius:12px;padding:12px;display:grid;grid-template-columns:repeat(8,1fr);gap:8px;box-shadow:var(--shadow-lg);z-index:1010;border:1px solid var(--border-color)}.preview-emoji-btn{font-size:1.3rem;background:none;border:none;cursor:pointer;padding:4px;border-radius:6px}.preview-emoji-btn:hover{background:var(--bg-hover)}.whatsapp-preview-footer{padding:14px 24px;background:var(--bg-chat-header);border-top:1px solid var(--border-color);display:flex;align-items:center;gap:12px}.preview-input-container{flex:1;display:flex;align-items:center;background-color:var(--bg-card);border-radius:var(--radius-full);padding:4px 14px;border:1px solid var(--border-color)}.preview-emoji-toggle{margin-right:4px}.preview-caption-input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:.95rem;padding:8px 0}.preview-caption-input::placeholder{color:var(--text-muted)}.whatsapp-preview-send-btn{width:48px;height:48px;border-radius:var(--radius-full);background:var(--accent-primary);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast),transform var(--transition-fast);flex-shrink:0}.whatsapp-preview-send-btn:hover:not(:disabled){background:var(--accent-primary-hover);transform:scale(1.05)}.whatsapp-preview-send-btn:disabled{opacity:.6;cursor:not-allowed}.send-spinner{width:22px;height:22px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:var(--radius-full);animation:spin .8s linear infinite}.preview-error-toast{position:absolute;top:16px;background-color:var(--accent-danger);color:#fff;padding:8px 18px;border-radius:var(--radius-full);font-size:.88rem;box-shadow:var(--shadow-md);z-index:1005}.message-bubble.has-media{padding:4px 4px 6px;max-width:360px}.message-bubble.has-document{padding:6px;max-width:380px}.message-image-bubble{display:flex;flex-direction:column}.message-image-container{position:relative;cursor:pointer;border-radius:6px;overflow:hidden;max-height:320px;display:flex;align-items:center;justify-content:center;background:#0003}.message-image-content{width:100%;max-height:320px;object-fit:cover;border-radius:6px;display:block;transition:transform var(--transition-fast)}.message-image-container:hover .message-image-content{transform:scale(1.02)}.message-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d;opacity:0;display:flex;align-items:center;justify-content:center;transition:opacity var(--transition-fast)}.message-image-container:hover .message-image-overlay{opacity:1}.view-fullscreen-hint{font-size:.75rem;color:#fff;background:#0009;padding:4px 10px;border-radius:var(--radius-full)}.message-video-bubble{display:flex;flex-direction:column}.message-video-content{max-width:100%;max-height:320px;border-radius:6px;outline:none}.message-audio-bubble{padding:4px}.message-audio-content{width:100%;max-width:290px}.message-document-bubble{display:flex;flex-direction:column}.document-card-link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:6px;background:#00000029;text-decoration:none;color:inherit;transition:background var(--transition-fast)}[data-theme=light] .document-card-link{background:#0000000d}.document-card-link:hover{background:#00000042}.doc-icon-badge{position:relative;width:44px;height:48px;border-radius:6px;border:1.5px solid;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#ffffff0a}.doc-ext-tag{position:absolute;bottom:-4px;padding:1px 4px;border-radius:2px;font-size:.6rem;font-weight:700;color:#fff;text-transform:uppercase}.doc-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.doc-name{font-size:.92rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-meta{font-size:.75rem;color:var(--text-secondary)}.doc-download-btn{width:34px;height:34px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);color:var(--text-primary);background:#ffffff14;flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast)}.document-card-link:hover .doc-download-btn{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.message-attachment-caption{font-size:.92rem;color:var(--text-primary);padding:6px 8px 2px;line-height:1.4;white-space:pre-wrap;word-break:break-word}.whatsapp-lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0b141af5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2000;display:flex;flex-direction:column;animation:fadeIn .18s ease-out}.whatsapp-lightbox-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#202c33b3;border-bottom:1px solid var(--border-color)}.lightbox-info{display:flex;flex-direction:column}.lightbox-sender{font-size:.95rem;font-weight:600;color:var(--text-primary)}.lightbox-time{font-size:.78rem;color:var(--text-secondary)}.lightbox-actions{display:flex;align-items:center;gap:8px}.whatsapp-lightbox-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden}.lightbox-image{max-width:90vw;max-height:80vh;object-fit:contain;border-radius:8px;box-shadow:var(--shadow-lg);-webkit-user-select:none;user-select:none}.lightbox-video{max-width:90vw;max-height:80vh;border-radius:8px;box-shadow:var(--shadow-lg)}.lightbox-caption-bar{margin-top:16px;background:#000000b3;padding:8px 20px;border-radius:var(--radius-full);font-size:.9rem;color:#fff;max-width:600px;text-align:center}.chat-drag-drop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0b141ae0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:500;display:flex;align-items:center;justify-content:center;pointer-events:none;animation:fadeIn .15s ease-out}.drag-drop-card{border:3px dashed var(--accent-primary);border-radius:24px;padding:60px 80px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;background:#00a8840f}.drag-drop-card h3{font-size:1.4rem;color:var(--text-primary);font-weight:600}.drag-drop-card p{font-size:.95rem;color:var(--text-secondary)}@keyframes emojiPop{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.whatsapp-emoji-picker{position:absolute;bottom:74px;left:20px;width:380px;max-width:calc(100vw - 36px);height:420px;max-height:60vh;background-color:var(--bg-chat-header);border-radius:14px;box-shadow:0 12px 36px #0000008c,0 0 0 1px #ffffff14;border:1px solid var(--border-color);display:flex;flex-direction:column;z-index:1050;overflow:hidden;animation:emojiPop .18s cubic-bezier(.16,1,.3,1)}.emoji-picker-header{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border-color);background-color:var(--bg-chat-header)}.emoji-search-box{flex:1;display:flex;align-items:center;gap:8px;background-color:var(--bg-card);border-radius:8px;padding:7px 10px;border:1px solid transparent;transition:border-color .2s}.emoji-search-box:focus-within{border-color:var(--accent-primary)}.emoji-search-icon{color:var(--text-muted);flex-shrink:0}.emoji-search-input{flex:1;background:none;border:none;outline:none;color:var(--text-primary);font-size:.88rem;font-family:inherit}.emoji-search-input::placeholder{color:var(--text-muted)}.emoji-search-clear{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:color .15s}.emoji-search-clear:hover{color:var(--text-primary)}.emoji-picker-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .15s,color .15s}.emoji-picker-close:hover{background-color:var(--bg-hover);color:var(--text-primary)}.emoji-picker-scroll{flex:1;overflow-y:auto;padding:8px 12px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}.emoji-picker-scroll::-webkit-scrollbar{width:6px}.emoji-picker-scroll::-webkit-scrollbar-thumb{background-color:#ffffff2e;border-radius:4px}.emoji-category-section{margin-bottom:0}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.emoji-item-btn{font-size:1.5rem;background:none;border:none;border-radius:8px;cursor:pointer;padding:6px 2px;display:flex;align-items:center;justify-content:center;line-height:1;transition:transform .12s ease,background-color .15s ease;-webkit-user-select:none;user-select:none}.emoji-item-btn:hover{background-color:var(--bg-hover);transform:scale(1.22)}.emoji-item-btn:active{transform:scale(1.05)}.emoji-category-tabs{display:flex;align-items:center;justify-content:space-between;padding:4px 6px;border-bottom:1px solid var(--border-color);background-color:var(--bg-chat-header);overflow-x:auto;scrollbar-width:none}.emoji-category-tabs::-webkit-scrollbar{display:none}.emoji-tab-btn{background:none;border:none;color:var(--text-muted);padding:8px 7px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .15s,background-color .15s;flex-shrink:0;position:relative}.emoji-tab-btn:hover{color:var(--text-primary);background-color:var(--bg-hover)}.emoji-tab-btn.active{color:var(--accent-primary);background-color:#00a8841a}.emoji-tab-btn.active:after{content:"";position:absolute;bottom:0;left:4px;right:4px;height:2.5px;background-color:var(--accent-primary);border-radius:2px}.emoji-no-results{padding:40px 10px;text-align:center;color:var(--text-muted);font-size:.88rem}.emoji-picker-footer{padding:8px 14px;background-color:var(--bg-chat-header);border-top:1px solid var(--border-color);display:flex;align-items:center;min-height:44px;flex-shrink:0}.emoji-footer-title{font-size:.82rem;font-weight:600;color:var(--text-secondary);letter-spacing:.3px}.emoji-hover-preview{display:flex;align-items:center;gap:10px}.emoji-preview-char{font-size:1.5rem;line-height:1}.emoji-preview-name{font-size:.82rem;font-weight:500;color:var(--text-primary);text-transform:capitalize}.whatsapp-media-picker{width:410px;height:480px;max-height:65vh}.media-picker-mode-nav{display:flex;align-items:center;justify-content:space-around;background-color:var(--bg-chat-header);border-top:1px solid var(--border-color);padding:6px 8px;flex-shrink:0;-webkit-user-select:none;user-select:none}.media-mode-tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;background:transparent;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;font-size:.86rem;font-weight:500;transition:all .15s ease}.media-mode-tab-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.media-mode-tab-btn.active{color:var(--accent-primary);background-color:#00a8841f;font-weight:600}.media-mode-label{font-size:.85rem;letter-spacing:.2px}.gif-categories-bar{display:flex;align-items:center;gap:6px;padding:6px 10px;border-bottom:1px solid var(--border-color);background-color:var(--bg-chat-header);overflow-x:auto;scrollbar-width:none;flex-shrink:0}.gif-categories-bar::-webkit-scrollbar{display:none}.gif-chip-btn{display:flex;align-items:center;gap:5px;padding:5px 10px;background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:14px;color:var(--text-secondary);font-size:.78rem;font-weight:500;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .15s ease}.gif-chip-btn:hover{background-color:var(--bg-hover);color:var(--text-primary);border-color:var(--border-color)}.gif-chip-btn.active{background-color:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.custom-gif-add-btn{border-style:dashed}.custom-gif-form{display:flex;gap:8px;padding:8px 12px;background-color:var(--bg-card);border-bottom:1px solid var(--border-color);animation:fadeIn .15s ease}.custom-gif-input{flex:1;background-color:var(--bg-chat-header);border:1px solid var(--border-color);border-radius:6px;padding:6px 10px;color:var(--text-primary);font-size:.82rem;outline:none}.custom-gif-input:focus{border-color:var(--accent-primary)}.custom-gif-send-btn{background-color:var(--accent-primary);color:#fff;border:none;border-radius:6px;padding:6px 12px;font-size:.8rem;font-weight:600;cursor:pointer;transition:opacity .15s}.custom-gif-send-btn:hover:not(:disabled){opacity:.9}.custom-gif-send-btn:disabled{opacity:.5;cursor:not-allowed}.gif-picker-scroll{padding:8px}.gif-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.gif-card-item{position:relative;aspect-ratio:16 / 11;border-radius:8px;overflow:hidden;background-color:#1a2228;cursor:pointer;border:1px solid var(--border-subtle);transition:transform .15s cubic-bezier(.16,1,.3,1),box-shadow .15s}.gif-card-item:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0006;border-color:var(--accent-primary)}.gif-image{width:100%;height:100%;object-fit:cover;display:block}.gif-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000bf,#0000 50%);display:flex;align-items:flex-end;justify-content:space-between;padding:6px 8px;opacity:.9;transition:opacity .15s}.gif-badge{background-color:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.5px;padding:2px 5px;border-radius:4px}.gif-title-text{color:#fff;font-size:.75rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px;text-shadow:0 1px 2px rgba(0,0,0,.8)}.gif-search-loading-banner{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;margin-bottom:8px;background-color:#00a8841f;border:1px solid rgba(0,168,132,.25);border-radius:8px;color:var(--accent-primary, #00a884);font-size:.8rem;font-weight:500}.gif-footer-loading{display:inline-flex;align-items:center;gap:6px;color:var(--accent-primary, #00a884)}.gif-powered-badge{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;color:var(--text-secondary);background-color:var(--bg-hover);padding:2px 7px;border-radius:12px;border:1px solid var(--border-subtle);font-weight:500;margin-left:auto}.sticker-packs-bar{display:flex;align-items:center;gap:6px;padding:6px 10px;border-bottom:1px solid var(--border-color);background-color:var(--bg-chat-header);overflow-x:auto;scrollbar-width:none;flex-shrink:0}.sticker-packs-bar::-webkit-scrollbar{display:none}.sticker-pack-btn{width:34px;height:34px;border-radius:8px;background:transparent;border:1px solid transparent;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .15s ease}.sticker-pack-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.sticker-pack-btn.active{background-color:#00a8841f;color:var(--accent-primary);border-color:#00a8844d}.sticker-pack-icon{font-size:1.15rem;line-height:1}.sticker-add-new-btn{margin-left:auto;display:flex;align-items:center;gap:4px;padding:5px 10px;background-color:#00a88426;color:var(--accent-primary);border:1px solid rgba(0,168,132,.35);border-radius:14px;font-size:.78rem;font-weight:600;cursor:pointer;flex-shrink:0;transition:all .15s ease}.sticker-add-new-btn:hover{background-color:var(--accent-primary);color:#fff}.sticker-uploading-indicator{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background-color:#00a8841a;color:var(--accent-primary);font-size:.85rem;font-weight:500;border-radius:8px;margin-bottom:8px}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sticker-picker-scroll{padding:8px 10px}.sticker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.sticker-item-card{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:10px;background-color:transparent;cursor:pointer;padding:6px;transition:transform .14s ease,background-color .14s ease}.sticker-item-card:hover{background-color:var(--bg-hover);transform:scale(1.1)}.sticker-image-preview{width:82%;height:82%;object-fit:contain;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}.sticker-card-actions{position:absolute;top:2px;right:2px;display:none;gap:2px}.sticker-item-card:hover .sticker-card-actions{display:flex}.sticker-action-btn{width:20px;height:20px;border-radius:50%;background-color:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .12s,background-color .12s}.sticker-action-btn:hover{transform:scale(1.15);background-color:#000000d9}.sticker-action-btn.starred{color:#fc0}.sticker-action-btn.delete-btn:hover{background-color:#ef4444;color:#fff}.sticker-create-card-btn{aspect-ratio:1;background-color:#00a8840d;border:2px dashed rgba(0,168,132,.4);border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.sticker-create-card-btn:hover{background-color:#00a8841f;border-color:var(--accent-primary);transform:scale(1.04)}.sticker-create-card-inner{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.72rem;font-weight:600;color:var(--accent-primary)}.sticker-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:36px 16px;color:var(--text-muted)}.sticker-empty-icon{width:60px;height:60px;border-radius:50%;background:#00a8841a;color:var(--accent-primary);display:flex;align-items:center;justify-content:center;margin-bottom:12px}.sticker-empty-state h4{margin:0 0 6px;color:var(--text-primary);font-size:.95rem}.sticker-empty-state p{margin:0 0 16px;font-size:.82rem;line-height:1.4;max-width:280px}.create-sticker-cta-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background-color:var(--accent-primary);color:#fff;border:none;border-radius:20px;font-size:.82rem;font-weight:600;cursor:pointer;transition:transform .15s ease,opacity .15s}.create-sticker-cta-btn:hover{transform:scale(1.03);opacity:.92}.message-bubble.has-sticker{background:transparent!important;box-shadow:none!important;border:none!important;padding:0!important;position:relative}.message-sticker-bubble{position:relative;display:inline-block;padding:4px}.message-sticker-content{width:145px;height:145px;max-width:60vw;max-height:60vw;object-fit:contain;display:block;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 4px 8px rgba(0,0,0,.22));transition:transform .15s cubic-bezier(.16,1,.3,1)}.message-sticker-content:hover{transform:scale(1.05)}.message-bubble.has-sticker .message-meta{position:absolute;bottom:8px;right:8px;background:#00000085;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:12px;padding:2px 7px;color:#fff!important;font-size:.68rem;z-index:2;box-shadow:0 1px 3px #0000004d}.message-bubble.has-sticker .message-meta .message-time{color:#fff!important;font-weight:500}.message-bubble.has-sticker .message-meta .receipt-icon{color:#fff!important}.message-bubble.has-sticker .message-meta .receipt-icon.read{color:#53bdeb!important}.message-bubble.has-gif{background:transparent!important;box-shadow:none!important;border:none!important;padding:0!important;position:relative}.message-bubble.has-gif .message-image-container{border-radius:12px;overflow:hidden;border:none!important;box-shadow:0 2px 8px #00000040}.message-bubble.has-gif .message-meta{position:absolute;bottom:8px;right:8px;background:#00000085;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:12px;padding:2px 7px;color:#fff!important;font-size:.68rem;z-index:2;box-shadow:0 1px 3px #0000004d}.message-bubble.has-gif .message-meta .message-time{color:#fff!important;font-weight:500}.message-bubble.has-gif .message-meta .receipt-icon{color:#fff!important}.message-bubble.has-gif .message-meta .receipt-icon.read{color:#53bdeb!important}.message-gif-badge-pill{position:absolute;bottom:8px;left:8px;background-color:#000000a6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.6px;padding:2px 7px;border-radius:4px;z-index:3;pointer-events:none;border:1px solid rgba(255,255,255,.2)}.message-image-bubble.is-gif-bubble .message-image-content{min-height:160px}.gif-input-btn{padding:0 4px}.gif-btn-text{font-size:.72rem;font-weight:800;letter-spacing:.5px;padding:2px 5px;border-radius:4px;border:1.5px solid currentColor;line-height:1;display:inline-flex;align-items:center;justify-content:center}.gif-input-btn.active .gif-btn-text{background-color:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.media-load-error-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px 16px;background:#0003;color:var(--text-muted);border-radius:8px;font-size:.82rem}.media-load-error-fallback .error-icon{opacity:.6}.retry-media-btn{background-color:#ffffff1a;color:var(--text-primary);border:1px solid var(--border-color);border-radius:4px;padding:4px 12px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s ease}.retry-media-btn:hover{background-color:var(--accent-primary);border-color:var(--accent-primary);color:#fff}@media (max-width: 768px){.whatsapp-emoji-picker,.whatsapp-media-picker{left:8px!important;right:8px!important;width:auto!important;max-width:calc(100vw - 16px)!important;bottom:68px!important;height:420px!important;max-height:58vh!important}.media-picker-mode-nav{padding:4px 6px}.media-mode-tab-btn{padding:6px;font-size:.8rem;gap:4px}.gif-grid{grid-template-columns:repeat(2,1fr);gap:6px}.sticker-grid{grid-template-columns:repeat(4,1fr);gap:8px}}.settings-drawer-container{display:flex;flex-direction:column;height:100%;width:100%;background-color:var(--bg-sidebar);position:absolute;top:0;left:0;z-index:25;animation:slideDrawerIn .22s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideDrawerIn{0%{transform:translate(-30px);opacity:.7}to{transform:translate(0);opacity:1}}.settings-drawer-header{height:64px;background-color:var(--bg-chat-header);border-bottom:1px solid var(--border-color);display:flex;align-items:center;padding:0 16px;gap:16px;flex-shrink:0}.settings-back-btn{color:var(--text-primary);display:flex;align-items:center;justify-content:center;border-radius:50%;width:40px;height:40px;transition:background-color var(--transition-fast)}.settings-back-btn:hover{background-color:var(--bg-hover)}.settings-drawer-title{font-size:1.15rem;font-weight:600;color:var(--text-primary);letter-spacing:-.2px}.settings-drawer-body{flex:1;overflow-y:auto;overflow-x:hidden;background-color:var(--bg-sidebar)}.settings-profile-card{display:flex;align-items:center;gap:16px;padding:18px 20px;border-bottom:1px solid var(--border-color);background-color:var(--bg-card);transition:background-color var(--transition-fast)}.settings-profile-avatar-wrap{position:relative;flex-shrink:0}.settings-profile-avatar{width:64px!important;height:64px!important;font-size:1.5rem!important;border:2px solid var(--accent-primary);box-shadow:0 2px 8px #00a88440}.settings-profile-details{flex:1;min-width:0}.settings-profile-name{font-size:1.05rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-profile-handle{font-size:.8rem;color:var(--accent-primary);font-weight:600}.settings-profile-status{font-size:.82rem;color:var(--text-secondary);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;display:inline-block;max-width:100%}.settings-profile-status:hover{text-decoration:underline;color:var(--text-primary)}.settings-status-input{width:100%;padding:6px 10px;background-color:var(--bg-active);border:1px solid var(--accent-primary);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.82rem;outline:none}.settings-subview{display:flex;flex-direction:column;animation:fadeIn .18s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.settings-section{padding:10px 0;border-bottom:1px solid var(--border-color)}.settings-section:last-child{border-bottom:none}.settings-section-title{padding:8px 20px;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--accent-primary)}.settings-list-group{display:flex;flex-direction:column}.settings-item{display:flex;align-items:center;gap:14px;padding:13px 20px;cursor:pointer;transition:background-color var(--transition-fast);-webkit-user-select:none;user-select:none}.settings-item:hover{background-color:var(--bg-hover)}.settings-item:active{background-color:var(--bg-active)}.settings-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.settings-item-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.settings-item-title{font-size:.95rem;font-weight:500;color:var(--text-primary)}.settings-item-subtitle{font-size:.78rem;color:var(--text-secondary);line-height:1.35}.settings-icon-badge{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.badge-green{background-color:#00a88424;color:#00a884}.badge-blue{background-color:#3b82f624;color:#3b82f6}.badge-teal{background-color:#14b8a624;color:#14b8a6}.badge-amber{background-color:#f59e0b24;color:#f59e0b}.badge-purple{background-color:#a855f724;color:#a855f7}.badge-red{background-color:#ea433524;color:#ea4335}.settings-status-badge{padding:2px 8px;border-radius:10px;font-size:.72rem;font-weight:600;background-color:var(--bg-active);color:var(--text-secondary);display:inline-flex;align-items:center;gap:4px}.settings-status-badge.badge-active{background-color:#00a8842e;color:#00a884}.settings-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0;cursor:pointer}.settings-switch input{opacity:0;width:0;height:0}.settings-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#374248;transition:.2s cubic-bezier(.4,0,.2,1);border-radius:24px}.settings-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.2s cubic-bezier(.4,0,.2,1);border-radius:50%;box-shadow:0 1px 3px #0000004d}.settings-switch input:checked+.settings-slider{background-color:#00a884}.settings-switch input:checked+.settings-slider:before{transform:translate(20px)}.settings-radio-group{display:flex;flex-direction:column}.settings-radio-row{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background-color var(--transition-fast)}.settings-radio-row:hover{background-color:var(--bg-hover)}.settings-radio-circle{width:20px;height:20px;border-radius:50%;border:2px solid var(--text-muted);display:flex;align-items:center;justify-content:center;transition:border-color var(--transition-fast);flex-shrink:0}.settings-radio-circle.selected{border-color:#00a884}.settings-radio-inner{width:10px;height:10px;border-radius:50%;background-color:#00a884}.linked-devices-hero{text-align:center;padding:28px 20px;background-color:var(--bg-card);border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;align-items:center}.linked-devices-hero-icon{width:68px;height:68px;border-radius:50%;background-color:#00a8841f;display:flex;align-items:center;justify-content:center}.settings-device-item{display:flex;align-items:center;gap:14px;padding:13px 20px;cursor:pointer;border-bottom:1px solid var(--border-color);transition:background-color var(--transition-fast)}.settings-device-item:hover{background-color:var(--bg-hover)}.settings-device-icon{width:40px;height:40px;border-radius:10px;background-color:var(--bg-active);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.settings-device-icon.current{background-color:#00a88426;color:#00a884}.settings-device-icon.large{width:52px;height:52px;font-size:1.2rem}.settings-device-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.settings-device-name{font-size:.95rem;font-weight:500;color:var(--text-primary)}.settings-device-meta{font-size:.78rem;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.online-indicator-dot{width:8px;height:8px;border-radius:50%;background-color:#25d366;display:inline-block;box-shadow:0 0 6px #25d36699}.badge-this-device{font-size:.7rem;font-weight:600;padding:1px 6px;border-radius:6px;background-color:#00a88433;color:#00a884}.qr-container{position:relative;padding:12px;background-color:#fff;border-radius:16px;box-shadow:0 4px 16px #00000059;display:inline-block;overflow:hidden}.qr-svg{display:block}.qr-scan-line{position:absolute;left:0;right:0;height:3px;background:linear-gradient(90deg,#00a88400,#00a884e6,#00a88400);box-shadow:0 0 8px #00a884;animation:qrScanBeam 2s ease-in-out infinite alternate;z-index:2}@keyframes qrScanBeam{0%{top:12px}to{top:calc(100% - 15px)}}.link-instructions{background-color:var(--bg-hover);border-radius:10px;padding:14px 16px;width:100%}.pairing-code-box{background-color:var(--bg-hover);border:1px dashed var(--accent-primary);border-radius:12px;padding:18px;text-align:center}.pairing-code-text{font-family:monospace;font-size:1.8rem;font-weight:700;letter-spacing:4px;color:var(--accent-primary)}.settings-tab-bar{display:flex;background-color:var(--bg-active);border-radius:10px;padding:3px;gap:4px}.settings-tab-btn{flex:1;padding:8px 12px;border:none;background:transparent;color:var(--text-secondary);font-size:.82rem;font-weight:500;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all var(--transition-fast)}.settings-tab-btn.active{background-color:var(--bg-sidebar);color:var(--text-primary);font-weight:600;box-shadow:0 1px 3px #0003}.backup-status-card{background-color:var(--bg-hover);border:1px solid var(--border-color);border-radius:12px;padding:16px}.backup-disk-icon{width:46px;height:46px;border-radius:50%;background-color:#00a88426;display:flex;align-items:center;justify-content:center;flex-shrink:0}.progress-bar-track{width:100%;height:6px;background-color:var(--bg-active);border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background-color:var(--accent-primary);border-radius:4px;transition:width .15s ease}.json-preview-box{background-color:#0b141a;border:1px solid var(--border-color);border-radius:8px;padding:14px;color:#53bdeb;font-family:monospace;font-size:.8rem;max-height:380px;overflow:auto;white-space:pre-wrap;word-break:break-all}.settings-contact-row{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;transition:background-color var(--transition-fast)}.settings-contact-row:hover{background-color:var(--bg-hover)}.settings-checkbox{width:20px;height:20px;border-radius:4px;border:2px solid var(--text-muted);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.settings-checkbox.checked{background-color:#ea4335;border-color:#ea4335}.settings-card-highlight{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;background-color:#00a8841a;border:1px solid rgba(0,168,132,.2);border-radius:8px}.settings-info-list{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);padding:12px 0}.settings-info-row{display:flex;justify-content:space-between;font-size:.82rem;color:var(--text-secondary)}.settings-info-row strong{color:var(--text-primary)}.settings-footer-note{display:flex;align-items:center;gap:10px;padding:16px 20px;font-size:.78rem;color:var(--text-muted);line-height:1.4}.settings-alert-danger{display:flex;align-items:center;gap:8px;padding:10px 14px;background-color:#ea43351f;border:1px solid rgba(234,67,53,.3);border-radius:8px;color:#ea4335;font-size:.82rem}.settings-input,.settings-select{width:100%;padding:10px 14px;background-color:var(--bg-hover);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9rem;outline:none;transition:border-color var(--transition-fast)}.settings-input:focus,.settings-select:focus{border-color:var(--accent-primary)}.input-with-icon-right{position:relative;display:flex;align-items:center}.input-with-icon-right input{padding-right:40px}.input-icon-btn{position:absolute;right:10px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center}.input-icon-btn:hover{color:var(--text-primary)}[data-font-size=small] .message-content,[data-font-size=small] .message-text{font-size:13.5px!important}[data-font-size=medium] .message-content,[data-font-size=medium] .message-text{font-size:14.5px!important}[data-font-size=large] .message-content,[data-font-size=large] .message-text{font-size:16.5px!important}[data-font-size=small] .chat-bubble{padding:6px 9px!important}[data-font-size=large] .chat-bubble{padding:10px 14px!important}.message-bubble.has-call{min-width:210px;max-width:260px;padding:10px 14px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .1s ease,filter .15s ease}.message-bubble.has-call:hover{filter:brightness(1.05)}.message-bubble.has-call:active{transform:scale(.98)}.web-call-bubble-content{display:flex;align-items:center;gap:12px}.web-call-icon-circle{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.web-call-icon-circle.incoming{background-color:#182229;color:#fff}.web-call-icon-circle.outgoing{background-color:#004d40;color:#fff}.web-call-arrow-badge{position:absolute;bottom:-2px;right:-2px;width:15px;height:15px;border-radius:50%;display:flex;align-items:center;justify-content:center}.web-call-arrow-badge.incoming{background-color:#111b21}.web-call-arrow-badge.outgoing{background-color:#00332c}.web-call-details{flex:1;display:flex;flex-direction:column}.web-call-title{font-size:.95rem;font-weight:600;color:#fff;margin-bottom:2px}.web-call-subtitle{font-size:.82rem;color:#8696a0}.message-bubble.outgoing .web-call-subtitle{color:#ffffffbf}.web-call-time{font-size:.72rem;align-self:flex-end;color:#8696a0;margin-left:6px;white-space:nowrap}.message-bubble.outgoing .web-call-time{color:#ffffffa6}.wa-nav-rail{width:64px;min-width:64px;height:100vh;background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:12px 0 16px;z-index:30;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.wa-nav-rail{position:fixed;bottom:0;left:0;width:100%;min-width:100%;height:56px;flex-direction:row;padding:0 16px;border-right:none;border-top:1px solid var(--border-color);background-color:var(--bg-sidebar)}}.wa-rail-top{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}@media (max-width: 768px){.wa-rail-top{flex-direction:row;justify-content:space-around;gap:0}}.wa-rail-bottom{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}@media (max-width: 768px){.wa-rail-bottom{display:none}}.wa-rail-btn{width:44px;height:44px;border-radius:var(--radius-md);background:transparent;border:none;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);position:relative}.wa-rail-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.wa-rail-btn.active{background-color:var(--bg-active);color:var(--text-primary)}.wa-rail-btn.wa-rail-ai:hover{background-color:#a855f726}.wa-rail-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.wa-rail-badge{position:absolute;top:-6px;right:-9px;background-color:#25d366;color:#111b21;font-size:.68rem;font-weight:700;min-width:18px;height:18px;padding:0 4px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0006}.wa-rail-dot{position:absolute;top:-1px;right:-1px;width:8px;height:8px;border-radius:50%;background-color:#25d366}.wa-rail-avatar-btn{background:transparent;border:none;padding:0;cursor:pointer}.wa-rail-user-avatar{width:36px;height:36px;font-size:.95rem;font-weight:600;border:1px solid var(--border-color);transition:transform var(--transition-fast)}.wa-rail-user-avatar:hover{transform:scale(1.05)}.wa-sidebar-header{height:60px;min-height:60px;padding:0 16px;background-color:var(--bg-sidebar);display:flex;align-items:center;justify-content:space-between}.wa-header-title{font-size:1.35rem;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.3px}.wa-header-actions{display:flex;align-items:center;gap:8px}.wa-header-green-btn{width:36px;height:36px;border-radius:50%;background-color:#25d366;color:#111b21;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform var(--transition-fast),background-color var(--transition-fast);box-shadow:0 2px 6px #25d36640}.wa-header-green-btn:hover{transform:scale(1.06);background-color:#22bf5b}.wa-filter-chips-row{display:flex;align-items:center;gap:8px;padding:6px 16px 10px;overflow-x:auto;scrollbar-width:none}.wa-filter-chips-row::-webkit-scrollbar{display:none}.wa-filter-chip{padding:6px 14px;border-radius:20px;font-size:.84rem;font-weight:500;background-color:var(--bg-hover);color:var(--text-secondary);border:none;cursor:pointer;display:flex;align-items:center;gap:6px;white-space:nowrap;transition:all var(--transition-fast)}.wa-filter-chip:hover{background-color:var(--bg-active);color:var(--text-primary)}.wa-filter-chip.active{background-color:#0a332c;color:#00a884;font-weight:600}.wa-chip-badge{font-size:.72rem;font-weight:700;background-color:#00a884;color:#111b21;padding:1px 6px;border-radius:10px}.wa-filter-add{padding:6px 10px;border-radius:50%}.wa-archived-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;transition:background-color var(--transition-fast);border-bottom:1px solid var(--border-color)}.wa-archived-row:hover{background-color:var(--bg-hover)}.wa-archived-left{display:flex;align-items:center;gap:16px}.wa-archived-icon{color:var(--text-muted)}.wa-archived-title{font-size:.95rem;font-weight:600;color:var(--text-primary)}.wa-archived-count{font-size:.85rem;font-weight:600;color:#00a884}.wa-typing-snippet{color:#25d366;font-weight:600}.wa-section-header{padding:12px 16px 6px;font-size:.85rem;font-weight:600;color:#00a884;text-transform:uppercase;letter-spacing:.5px}.wa-empty-container{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background-color:var(--bg-chat-area);position:relative;overflow-y:auto}.wa-empty-card{max-width:440px;width:100%;background-color:var(--bg-card);border:1px solid rgba(255,255,255,.05);border-radius:18px;padding:36px 28px;text-align:center;box-shadow:var(--shadow-md)}.wa-empty-card-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.wa-empty-card-desc{font-size:.9rem;color:var(--text-secondary);line-height:1.5;margin-bottom:22px}.wa-empty-call-btn{padding:9px 24px;border-radius:24px;background:transparent;border:1px solid #00a884;color:#00a884;font-weight:600;font-size:.9rem;cursor:pointer;transition:all var(--transition-fast)}.wa-empty-call-btn:hover{background-color:#00a884;color:#fff}.wa-empty-title{font-size:1.4rem;font-weight:700;color:var(--text-primary);margin-bottom:8px;text-align:center}.wa-empty-desc{font-size:.92rem;color:var(--text-secondary);max-width:420px;text-align:center;line-height:1.5}.wa-empty-actions-row{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:36px;flex-wrap:wrap}.wa-empty-action-item{display:flex;flex-direction:column;align-items:center;gap:8px;background:transparent;border:none;cursor:pointer}.wa-empty-action-circle{width:48px;height:48px;border-radius:50%;background-color:var(--bg-hover);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all var(--transition-fast)}.wa-empty-action-item:hover .wa-empty-action-circle{background-color:var(--bg-active);color:var(--text-primary);transform:translateY(-2px)}.wa-empty-action-circle.wa-circle-ai{background:linear-gradient(135deg,#a855f726,#3b82f626);border:1px solid rgba(168,85,247,.3)}.wa-empty-action-label{font-size:.78rem;color:var(--text-secondary)}.wa-empty-encryption-footer{position:absolute;bottom:24px;display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--text-muted)}.wa-lock-icon{color:var(--text-muted)}.wa-calls-action-buttons{display:flex;align-items:center;gap:14px;margin-top:24px;flex-wrap:wrap;justify-content:center}.wa-calls-btn-green{display:flex;align-items:center;gap:8px;padding:10px 22px;border-radius:24px;background-color:#25d366;color:#111b21;font-weight:700;font-size:.9rem;border:none;cursor:pointer;transition:transform var(--transition-fast)}.wa-calls-btn-green:hover{transform:scale(1.03);background-color:#22bf5b}.wa-calls-btn-dark{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:24px;background-color:var(--bg-hover);color:var(--text-primary);font-weight:600;font-size:.9rem;border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-fast)}.wa-calls-btn-dark:hover{background-color:var(--bg-active);transform:translateY(-1px)}.wa-add-favourite-row{display:flex;align-items:center;gap:14px;padding:12px 16px;cursor:pointer;transition:background-color var(--transition-fast)}.wa-add-favourite-row:hover{background-color:var(--bg-hover)}.wa-add-favourite-circle{width:40px;height:40px;border-radius:50%;background-color:#25d366;color:#111b21;display:flex;align-items:center;justify-content:center}.wa-add-favourite-text{font-size:.95rem;font-weight:600;color:var(--text-primary)}.wa-call-status-indicator{display:flex;align-items:center;font-size:.82rem;color:var(--text-secondary)}.wa-status-actions-row{display:flex;align-items:center;gap:32px;margin-top:24px}.wa-status-action-btn{display:flex;flex-direction:column;align-items:center;gap:10px;background:transparent;border:none;cursor:pointer}.wa-status-action-circle{width:56px;height:56px;border-radius:50%;background-color:var(--bg-hover);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all var(--transition-fast);border:1px solid var(--border-color)}.wa-status-action-btn:hover .wa-status-action-circle{background-color:var(--bg-active);color:var(--text-primary);transform:scale(1.05)}.wa-status-action-label{font-size:.82rem;color:var(--text-secondary)}.wa-my-status-item{padding:12px 16px;cursor:pointer}.wa-my-status-avatar-wrapper{position:relative;width:48px;height:48px}.wa-my-status-add-badge{position:absolute;bottom:-2px;right:-2px;width:20px;height:20px;border-radius:50%;background-color:#25d366;border:2px solid var(--bg-sidebar);display:flex;align-items:center;justify-content:center}.wa-status-avatar-wrapper{position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.wa-status-svg{position:absolute;top:0;left:0}.wa-status-avatar-inner{width:38px;height:38px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center}.wa-status-viewer-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0b141af2;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-user-select:none;user-select:none}.wa-status-viewer-container{width:100%;max-width:480px;height:90vh;max-height:850px;display:flex;flex-direction:column;position:relative;background-color:#0b141a;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-lg)}.wa-status-progress-row{display:flex;gap:4px;padding:12px 16px 8px;width:100%;z-index:10}.wa-status-progress-track{flex:1;height:3px;background-color:#ffffff4d;border-radius:2px;overflow:hidden}.wa-status-progress-fill{height:100%;background-color:#fff;transition:width 50ms linear}.wa-status-viewer-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;z-index:10}.wa-status-viewer-user{display:flex;align-items:center;gap:12px}.wa-status-avatar-mini{width:38px;height:38px;font-size:.9rem}.wa-status-viewer-user-text{display:flex;flex-direction:column}.wa-status-viewer-name{font-size:.95rem;font-weight:600;color:#fff}.wa-status-viewer-time{font-size:.75rem;color:#ffffffb3}.wa-status-viewer-actions{display:flex;align-items:center;gap:8px}.wa-status-viewer-body{flex:1;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.wa-status-image-wrapper{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.wa-status-image{max-width:100%;max-height:100%;object-fit:contain}.wa-status-caption-bar{position:absolute;bottom:16px;left:16px;right:16px;padding:10px 16px;background-color:#000000a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;border-radius:12px;font-size:.92rem;text-align:center}.wa-status-text-slide{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:32px;text-align:center}.wa-status-quote-text{font-size:1.45rem;font-weight:600;color:#fff;line-height:1.5;text-shadow:0 2px 4px rgba(0,0,0,.4)}.wa-status-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#00000059;border:none;color:#fff;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.5;transition:opacity var(--transition-fast)}.wa-status-nav-btn:hover{opacity:1}.wa-status-nav-btn.prev{left:12px}.wa-status-nav-btn.next{right:12px}.wa-status-reply-bar{display:flex;align-items:center;gap:10px;padding:14px 16px;background-color:#0006;z-index:10}.wa-status-reply-input{flex:1;height:42px;border-radius:24px;background-color:#ffffff26;border:1px solid rgba(255,255,255,.2);color:#fff;padding:0 16px;font-size:.92rem;outline:none}.wa-status-reply-submit{width:40px;height:40px;border-radius:50%;background-color:#25d366;color:#111b21;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.wa-channels-empty-icon{margin-bottom:20px}.wa-channels-actions-row{display:flex;align-items:center;gap:14px;margin-top:24px}.wa-suggested-channel-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;transition:background-color var(--transition-fast)}.wa-suggested-channel-item:hover{background-color:var(--bg-hover)}.wa-suggested-channel-info{flex:1;display:flex;flex-direction:column;margin-left:14px;margin-right:12px;overflow:hidden}.wa-suggested-channel-name{font-size:.92rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-suggested-channel-followers{font-size:.78rem;color:var(--text-secondary)}.wa-follow-btn{padding:6px 16px;border-radius:20px;font-size:.82rem;font-weight:600;background-color:var(--bg-hover);color:#00a884;border:none;cursor:pointer;display:flex;align-items:center;transition:all var(--transition-fast)}.wa-follow-btn:hover{background-color:#00a884;color:#fff}.wa-follow-btn.following{background:transparent;border:1px solid var(--border-subtle);color:var(--text-secondary)}.wa-channel-snippet{font-size:.82rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-channel-feed-area{display:flex;flex-direction:column;height:100%}.wa-channel-posts-scroll{flex:1;overflow-y:auto;padding:24px 20px;display:flex;flex-direction:column;gap:20px;max-width:720px;margin:0 auto;width:100%}.wa-channel-desc-banner{background-color:var(--bg-card);border:1px solid var(--border-color);padding:14px 18px;border-radius:12px;font-size:.88rem;color:var(--text-secondary);line-height:1.45}.wa-channel-post-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-sm)}.wa-channel-post-img{width:100%;max-height:380px;object-fit:cover}.wa-channel-post-text{padding:16px;font-size:.95rem;color:var(--text-primary);line-height:1.55;white-space:pre-wrap}.wa-channel-post-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-top:1px solid var(--border-color)}.wa-channel-reactions-row{display:flex;align-items:center;gap:6px}.wa-channel-reaction-chip{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:16px;background-color:var(--bg-hover);border:1px solid var(--border-color);font-size:.82rem;color:var(--text-primary);cursor:pointer;transition:transform var(--transition-fast)}.wa-channel-reaction-chip:hover{transform:scale(1.08)}.wa-reaction-count{font-size:.75rem;color:var(--text-secondary)}.wa-channel-reaction-add{padding:2px 8px;border-radius:16px;background-color:var(--bg-hover);border:1px solid var(--border-color);color:var(--text-secondary);font-size:.9rem;cursor:pointer}.wa-channel-post-meta{font-size:.75rem;color:var(--text-muted)}.wa-community-intro-card{background-color:var(--bg-card);border:1px solid rgba(255,255,255,.05);border-radius:18px;padding:28px 20px;text-align:center;box-shadow:var(--shadow-sm)}.wa-community-intro-title{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.wa-community-intro-desc{font-size:.88rem;color:var(--text-secondary);line-height:1.45;margin-bottom:14px}.wa-community-link-btn{background:transparent;border:none;color:#00a884;font-size:.88rem;font-weight:600;cursor:pointer;display:block;margin:0 auto 16px}.wa-start-community-btn{width:100%;padding:10px 0;border-radius:24px;background-color:#25d366;color:#111b21;font-weight:700;font-size:.9rem;border:none;cursor:pointer;transition:transform var(--transition-fast)}.wa-start-community-btn:hover{transform:scale(1.02);background-color:#22bf5b}.wa-community-item-block{background-color:var(--bg-hover);border-radius:12px;padding:12px;margin-bottom:12px;border:1px solid var(--border-color)}.wa-community-item-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.wa-community-item-meta{display:flex;flex-direction:column}.wa-community-item-name{font-size:.95rem;font-weight:600;color:var(--text-primary)}.wa-community-item-members{font-size:.78rem;color:var(--text-secondary)}.wa-community-subgroups{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--border-color);padding-top:8px}.wa-community-subgroup-row{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-radius:8px;cursor:pointer;transition:background-color var(--transition-fast)}.wa-community-subgroup-row:hover{background-color:var(--bg-active)}.wa-subgroup-info{display:flex;flex-direction:column}.wa-subgroup-name{font-size:.88rem;font-weight:600;color:var(--text-primary)}.wa-subgroup-desc{font-size:.75rem;color:var(--text-secondary)}.wa-meta-ai-area{display:flex;flex-direction:column;height:100%}.wa-ai-avatar-circle{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#a855f733,#3b82f633);border:1.5px solid rgba(168,85,247,.4);display:flex;align-items:center;justify-content:center}.wa-ai-bubble{background:linear-gradient(135deg,#1c1d2e,#182229)!important;border:1px solid rgba(168,85,247,.25)!important;box-shadow:0 2px 8px #a855f71a}.wa-ai-bubble-tag{display:flex;align-items:center;font-size:.75rem;font-weight:700;color:#a855f7;margin-bottom:6px}.wa-ai-chips-scroll{display:flex;align-items:center;gap:8px;padding:8px 16px;overflow-x:auto;scrollbar-width:none;background-color:var(--bg-sidebar);border-top:1px solid var(--border-color)}.wa-ai-chip-pill{padding:6px 14px;border-radius:18px;background-color:var(--bg-hover);border:1px solid rgba(168,85,247,.2);color:var(--text-primary);font-size:.82rem;white-space:nowrap;cursor:pointer;transition:all var(--transition-fast)}.wa-ai-chip-pill:hover{background-color:#a855f733;border-color:#a855f7}.wa-dialpad-card{width:100%;max-width:360px;background-color:var(--bg-card);border-radius:18px;padding:24px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color)}.wa-dialpad-display{display:flex;align-items:center;background-color:var(--bg-hover);border-radius:12px;padding:4px 12px;margin:16px 0;border:1px solid var(--border-color)}.wa-dialpad-input{flex:1;height:44px;background:transparent;border:none;font-size:1.3rem;font-weight:600;color:var(--text-primary);text-align:center;outline:none;letter-spacing:1px}.wa-dialpad-backspace{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:6px}.wa-dialpad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.wa-dialpad-key{height:60px;border-radius:50%;background-color:var(--bg-hover);border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.wa-dialpad-key:hover{background-color:var(--bg-active);transform:scale(1.05)}.wa-key-num{font-size:1.35rem;font-weight:600;color:var(--text-primary)}.wa-key-letters{font-size:.65rem;color:var(--text-muted);letter-spacing:1px}.wa-dialpad-actions{display:flex;align-items:center;justify-content:center;gap:20px}.wa-dialpad-call-btn{width:54px;height:54px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform var(--transition-fast)}.wa-dialpad-call-btn.voice{background-color:#25d366;color:#111b21}.wa-dialpad-call-btn.video{background-color:#0284c7;color:#fff}.wa-dialpad-call-btn:hover{transform:scale(1.08)}.wa-dialpad-call-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.wa-create-status-card{width:100%;max-width:440px;background-color:var(--bg-card);border-radius:18px;padding:24px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color)}.wa-create-status-tabs{display:flex;gap:8px;margin-bottom:16px}.wa-status-tab-btn{flex:1;padding:8px 12px;border-radius:10px;background-color:var(--bg-hover);border:none;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;gap:6px;font-size:.88rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.wa-status-tab-btn.active{background-color:#0a332c;color:#00a884;font-weight:600}.wa-status-text-preview{height:180px;border-radius:14px;display:flex;align-items:center;justify-content:center;padding:16px;margin-bottom:14px}.wa-status-text-textarea{width:100%;height:100%;background:transparent;border:none;color:#fff;font-size:1.15rem;font-weight:600;text-align:center;resize:none;outline:none}.wa-palette-row{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:16px}.wa-palette-dot{width:26px;height:26px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform var(--transition-fast)}.wa-palette-dot.selected{transform:scale(1.2);border-color:#fff}.wa-status-media-upload{margin-bottom:14px}.wa-media-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:160px;border:2px dashed var(--border-subtle);border-radius:14px;cursor:pointer;color:var(--text-secondary);transition:border-color var(--transition-fast)}.wa-media-dropzone:hover{border-color:#00a884;color:#00a884}.wa-status-media-preview{position:relative;height:180px;border-radius:14px;overflow:hidden}.wa-status-media-preview img{width:100%;height:100%;object-fit:cover}.wa-media-remove-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:#0009;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.wa-create-channel-card,.wa-create-community-card{width:100%;max-width:440px;background-color:var(--bg-card);border-radius:18px;padding:24px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color)}.wa-channel-icon-preview,.wa-community-icon-preview{width:72px;height:72px;border-radius:50%;background-color:var(--bg-hover);display:flex;align-items:center;justify-content:center;margin:0 auto 18px;border:1px solid var(--border-color)}.wa-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.wa-modal-title{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin:0}.wa-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:20px}.wa-empty-list-notice{padding:32px 16px;text-align:center;color:var(--text-secondary);font-size:.9rem}.wa-settings-top-header{height:60px;min-height:60px;padding:0 16px;background-color:var(--bg-sidebar);display:flex;align-items:center}.wa-settings-name-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.2px}.wa-settings-menu-scroll{flex:1;overflow-y:auto;display:flex;flex-direction:column}.wa-settings-hero-profile{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 20px 24px}.wa-mood-speech-bubble{background-color:#202c33;color:#e9edef;padding:6px 18px;border-radius:20px;font-size:.88rem;font-weight:500;position:relative;cursor:pointer;margin-bottom:14px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.08);box-shadow:0 2px 8px #0000004d;transition:transform var(--transition-fast),background-color var(--transition-fast)}.wa-mood-speech-bubble:hover{background-color:#2a3942;transform:translateY(-1px)}.wa-bubble-tail{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #202c33}.wa-settings-hero-avatar-wrap{width:104px;height:104px;border-radius:50%;overflow:hidden;cursor:pointer;box-shadow:0 4px 16px #0006;border:2px solid var(--border-color);transition:transform var(--transition-fast)}.wa-settings-hero-avatar-wrap:hover{transform:scale(1.03)}.wa-settings-hero-img{width:100%;height:100%;object-fit:cover}.wa-settings-clean-list{display:flex;flex-direction:column}.wa-clean-item{display:flex;align-items:center;padding:14px 20px;cursor:pointer;transition:background-color var(--transition-fast);gap:16px}.wa-clean-item:hover{background-color:var(--bg-hover)}.wa-clean-item-icon{width:26px;color:#8696a0;display:flex;align-items:center;justify-content:center}.wa-clean-item-text{flex:1;display:flex;flex-direction:column;gap:2px}.wa-clean-item-title{font-size:.98rem;font-weight:600;color:var(--text-primary)}.wa-clean-item-sub{font-size:.82rem;color:var(--text-secondary);line-height:1.35}.wa-clean-logout:hover .wa-clean-item-title{color:#ef4444}.wa-profile-view-content{padding:24px 20px;display:flex;flex-direction:column;gap:24px}.wa-profile-avatar-center-wrap{display:flex;justify-content:center;margin-bottom:8px}.wa-profile-large-avatar{position:relative;width:150px;height:150px;border-radius:50%;overflow:hidden;box-shadow:var(--shadow-md);border:2px solid var(--border-color)}.wa-avatar-img{width:100%;height:100%;object-fit:cover}.wa-profile-fallback-avatar{width:100%;height:100%;font-size:3rem;display:flex;align-items:center;justify-content:center;background-color:#00a884;color:#fff}.wa-avatar-hover-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0b141ab3;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;opacity:0;cursor:pointer;transition:opacity var(--transition-fast);font-size:.72rem;font-weight:700;text-align:center;padding:8px}.wa-profile-large-avatar:hover .wa-avatar-hover-overlay{opacity:1}.wa-profile-field-block{display:flex;flex-direction:column;gap:8px}.wa-profile-field-label{font-size:.82rem;color:#00a884;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.wa-profile-field-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background-color:var(--bg-hover);border-radius:10px;cursor:pointer;border:1px solid var(--border-color)}.wa-profile-field-row.editing{background-color:var(--bg-active);border-color:#00a884}.wa-profile-field-row.readonly{cursor:default}.wa-profile-field-val{font-size:.95rem;color:var(--text-primary);font-weight:500}.wa-edit-icon{color:var(--text-muted)}.wa-profile-edit-input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:.95rem;outline:none}.wa-profile-field-hint{font-size:.78rem;color:var(--text-secondary);line-height:1.4}.wa-shortcuts-card{width:100%;max-width:480px;background-color:var(--bg-card);border-radius:18px;padding:24px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color)}.wa-shortcuts-grid{display:flex;flex-direction:column;gap:12px;margin-top:12px}.wa-shortcut-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.05)}.wa-shortcut-desc{font-size:.9rem;color:var(--text-primary)}.wa-shortcut-kbd{padding:4px 10px;background-color:var(--bg-hover);border:1px solid var(--border-color);border-radius:6px;font-family:monospace;font-size:.8rem;color:#00a884}:root{--studio-bg: #06090d;--studio-header-bg: rgba(11, 16, 22, .94);--studio-border: rgba(255, 255, 255, .08);--studio-text: #f0f4f2;--studio-muted: #8696a0;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", SFMono-Regular, Menlo, monospace;--app-bg: #090e13;--rail-bg: #0b1117;--sidebar-bg: #0f171f;--chat-bg: #070b0e;--header-bg: #121c25;--card-bg: #15222c;--composer-bg: #101921;--input-bg: #172430;--border-subtle: rgba(255, 255, 255, .07);--border-hover: rgba(255, 255, 255, .16);--text-main: #f0f4f2;--text-sec: #8696a0;--text-muted: #667781;--text-on-accent: #05080b;--brand-emerald: #10b981;--brand-teal: #00a884;--brand-teal-hover: #02906f;--brand-teal-dark: #005c4b;--tick-grey: #8696a0;--tick-cyan: #53bdeb;--badge-bg: #00a884;--accent-cyan: #06b6d4;--accent-blue: #3b82f6;--accent-danger: #ef4444;--accent-warning: #f59e0b;--bubble-incoming-bg: #16222b;--bubble-incoming-border: rgba(255, 255, 255, .06);--bubble-incoming-text: #f0f4f2;--bubble-outgoing-bg: #005c4b;--bubble-outgoing-border: rgba(255, 255, 255, .1);--bubble-outgoing-text: #ffffff;--pill-date-bg: #141f27;--pill-date-text: #8696a0;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--window-radius: 14px;--shadow-window: 0 24px 60px rgba(0, 0, 0, .65), 0 2px 10px rgba(0, 0, 0, .4);--shadow-popup: 0 12px 36px rgba(0, 0, 0, .55), 0 0 0 1px var(--border-subtle);--transition-fast: .15s cubic-bezier(.16, 1, .3, 1);--transition-normal: .24s cubic-bezier(.16, 1, .3, 1)}[data-theme=light]{--studio-bg: #e5e9ea;--studio-header-bg: rgba(255, 255, 255, .94);--studio-border: rgba(0, 0, 0, .1);--studio-text: #0f172a;--studio-muted: #5f707a;--app-bg: #f0f2f5;--rail-bg: #e6ebed;--sidebar-bg: #ffffff;--chat-bg: #efeae2;--header-bg: #f0f2f5;--card-bg: #ffffff;--composer-bg: #f0f2f5;--input-bg: #ffffff;--border-subtle: rgba(0, 0, 0, .08);--border-hover: rgba(0, 0, 0, .2);--text-main: #111b21;--text-sec: #5f707a;--text-muted: #8696a0;--text-on-accent: #ffffff;--bubble-incoming-bg: #ffffff;--bubble-incoming-border: rgba(0, 0, 0, .06);--bubble-incoming-text: #111b21;--bubble-outgoing-bg: #d9fdd3;--bubble-outgoing-border: rgba(0, 168, 132, .18);--bubble-outgoing-text: #111b21;--pill-date-bg: #e2e8e4;--pill-date-text: #5f707a;--shadow-window: 0 18px 48px rgba(0, 0, 0, .15), 0 2px 8px rgba(0, 0, 0, .08);--shadow-popup: 0 12px 32px rgba(0, 0, 0, .16), 0 0 0 1px var(--border-subtle)}[data-reduce-transparency=true]{--studio-header-bg: #0b1016 !important;--app-bg: #070b0e !important;--sidebar-bg: #101720 !important;--header-bg: #101720 !important;--card-bg: #141d26 !important}[data-theme=light][data-reduce-transparency=true]{--studio-header-bg: #ffffff !important;--app-bg: #eae6df !important;--sidebar-bg: #ffffff !important;--header-bg: #f0f2f5 !important;--card-bg: #ffffff !important}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased}html,body{min-height:100vh;background-color:var(--studio-bg);color:var(--studio-text);font-family:var(--font-family);overflow-x:hidden}button,input,textarea,select{font:inherit;color:inherit;border:none;background:none;outline:none}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--brand-emerald)!important;outline-offset:2px}a{color:inherit;text-decoration:none}.studio-top-bar{width:100%;background:var(--studio-header-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--studio-border);padding:10px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:0;z-index:100;flex-wrap:wrap}.studio-left{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.back-link{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--brand-emerald);padding:6px 12px;border-radius:var(--radius-sm);background:#10b9811a;border:1px solid rgba(16,185,129,.25);transition:all var(--transition-fast)}.back-link:hover{background:#10b9812e;border-color:#10b98173}.studio-title-badge{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--studio-text)}.platform-pill{font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;padding:3px 8px;border-radius:12px;background:#ffffff14;border:1px solid var(--studio-border);color:var(--studio-muted)}.studio-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sim-notice{font-size:11.5px;color:var(--accent-warning);background:#f59e0b1f;border:1px solid rgba(245,158,11,.28);padding:5px 10px;border-radius:12px;display:inline-flex;align-items:center;gap:6px}.studio-btn{font-size:12px;font-weight:600;padding:6px 12px;border-radius:var(--radius-sm);background:#ffffff0d;border:1px solid var(--studio-border);color:var(--studio-text);display:inline-flex;align-items:center;gap:6px;transition:all var(--transition-fast)}.studio-btn:hover{background:#ffffff1a;border-color:var(--border-hover)}.studio-btn.active{background:#10b98126;border-color:var(--brand-emerald);color:var(--brand-emerald)}.studio-btn.danger{color:var(--accent-danger);border-color:#ef444440}.studio-btn.danger:hover{background:#ef44441f}.restore-window-pill{display:none;font-size:12px;font-weight:700;padding:6px 14px;border-radius:16px;background:var(--brand-emerald);color:#05080b;cursor:pointer;box-shadow:0 4px 14px #10b98159;animation:pulsePill 2s infinite ease-in-out}@keyframes pulsePill{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.preview-viewport-wrap{width:100%;max-width:1440px;margin:20px auto 40px;padding:0 20px;display:flex;flex-direction:column;align-items:center}.window-mockup{width:100%;height:840px;max-height:calc(100vh - 100px);min-height:680px;background:var(--app-bg);border-radius:var(--window-radius);box-shadow:var(--shadow-window);border:1px solid var(--border-subtle);display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all var(--transition-normal)}.window-mockup.minimized{display:none!important}.window-mockup.maximized{height:calc(100vh - 80px);max-height:none;border-radius:4px}.window-chrome{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--border-subtle);background:var(--header-bg);position:relative;z-index:10;flex-shrink:0}.chrome-macos{background:#121c25d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}[data-theme=light] .chrome-macos{background:#f0f2f5e6}.macos-traffic-lights{display:flex;align-items:center;gap:8px}.traffic-light{width:12px;height:12px;border-radius:50%;border:none;position:relative;display:grid;place-items:center;padding:0;transition:opacity var(--transition-fast)}.traffic-light.close{background:#ff5f56;border:1px solid #e0443e}.traffic-light.minimize{background:#ffbd2e;border:1px solid #dea123}.traffic-light.zoom{background:#27c93f;border:1px solid #1aab29}.traffic-light svg{opacity:0;transition:opacity .12s}.macos-traffic-lights:hover .traffic-light svg{opacity:.7}.macos-title{font-size:13px;font-weight:600;color:var(--text-sec);letter-spacing:-.2px;position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;pointer-events:none}.chrome-windows{background:var(--header-bg);padding-left:14px;padding-right:0}.windows-branding{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;color:var(--text-sec)}.windows-logo-mark{width:18px;height:18px;border-radius:4px;background:linear-gradient(135deg,var(--brand-emerald),var(--brand-teal));color:#05080b;font-weight:800;font-size:11px;display:grid;place-items:center}.windows-caption-controls{display:flex;align-items:center;height:100%}.win-caption-btn{width:46px;height:44px;display:grid;place-items:center;color:var(--text-sec);transition:background var(--transition-fast),color var(--transition-fast)}.win-caption-btn:hover{background:#ffffff14;color:var(--text-main)}[data-theme=light] .win-caption-btn:hover{background:#0000000f}.win-caption-btn.win-close:hover{background:#e81123!important;color:#fff!important}.chrome-linux{background:var(--header-bg);border-top-left-radius:var(--window-radius);border-top-right-radius:var(--window-radius)}.gnome-title{font-size:13px;font-weight:700;color:var(--text-main);position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px}.gnome-pill-btn{font-size:12px;font-weight:600;padding:4px 10px;border-radius:var(--radius-sm);background:#ffffff0f;border:1px solid var(--border-subtle);color:var(--text-sec);display:inline-flex;align-items:center;gap:4px}.gnome-close-btn{width:26px;height:26px;border-radius:50%;background:#ffffff14;color:var(--text-sec);display:grid;place-items:center;transition:background var(--transition-fast),color var(--transition-fast)}.gnome-close-btn:hover{background:var(--accent-danger);color:#fff}.chrome-web{background:var(--header-bg);padding:0 12px;gap:12px}.browser-nav-btns{display:flex;align-items:center;gap:6px;color:var(--text-muted)}.browser-address-bar{flex:1;max-width:640px;margin:0 auto;height:30px;background:var(--input-bg);border:1px solid var(--border-subtle);border-radius:15px;display:flex;align-items:center;padding:0 12px;font-size:12px;color:var(--text-sec);gap:8px}.browser-address-bar span.secure{color:var(--brand-emerald);font-weight:600}.app-workspace{flex:1;display:flex;min-height:0;position:relative;background:var(--app-bg)}.app-nav-rail{width:68px;background:var(--rail-bg);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;align-items:center;padding:16px 0;flex-shrink:0;z-index:5}.rail-logo{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--brand-emerald),var(--brand-teal));color:#05080b;font-weight:800;font-size:20px;display:grid;place-items:center;margin-bottom:24px;box-shadow:0 4px 12px #10b98159}.rail-items{display:flex;flex-direction:column;gap:8px;width:100%;align-items:center}.rail-btn{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;color:var(--text-sec);position:relative;transition:all var(--transition-fast)}.rail-btn:hover{background:#ffffff0f;color:var(--text-main)}[data-theme=light] .rail-btn:hover{background:#0000000d}.rail-btn.active{background:#10b98126;color:var(--brand-emerald)}.rail-btn.active:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:var(--brand-emerald)}.rail-badge{position:absolute;top:6px;right:6px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--badge-bg);color:#fff;font-size:10.5px;font-weight:700;display:grid;place-items:center;line-height:1}.rail-bottom{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:12px}.rail-user-avatar{width:38px;height:38px;border-radius:50%;background:var(--brand-teal);color:#fff;font-weight:700;font-size:13px;display:grid;place-items:center;position:relative;cursor:pointer;border:2px solid transparent;transition:border-color var(--transition-fast)}.rail-user-avatar:hover{border-color:var(--brand-emerald)}.rail-user-online-dot{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;background:var(--brand-emerald);border:2px solid var(--rail-bg)}.app-sidebar{width:340px;background:var(--sidebar-bg);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;min-height:0;flex-shrink:0;position:relative}.sidebar-view-container{flex:1;display:flex;flex-direction:column;min-height:0}.sidebar-view{flex:1;display:none;flex-direction:column;min-height:0}.sidebar-view.active{display:flex}.sidebar-header{padding:18px 16px 12px;display:flex;align-items:center;justify-content:space-between}.sidebar-header h1,.sidebar-header h2{font-size:20px;font-weight:800;letter-spacing:-.4px;color:var(--text-main);display:flex;align-items:center;gap:8px}.sidebar-actions{display:flex;align-items:center;gap:4px;position:relative}.icon-btn{width:34px;height:34px;border-radius:var(--radius-sm);display:grid;place-items:center;color:var(--text-sec);transition:all var(--transition-fast)}.icon-btn:hover{background:#ffffff14;color:var(--text-main)}[data-theme=light] .icon-btn:hover{background:#0000000f}.sidebar-search-box{padding:0 16px 12px;position:relative}.search-input-wrap{display:flex;align-items:center;background:var(--input-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:8px 12px;gap:10px;transition:border-color var(--transition-fast)}.search-input-wrap:focus-within{border-color:var(--brand-emerald)}.search-input-wrap input{flex:1;font-size:13px;color:var(--text-main)}.search-input-wrap input::placeholder{color:var(--text-muted)}.filter-chips-bar{display:flex;align-items:center;gap:6px;padding:0 16px 10px;overflow-x:auto;scrollbar-width:none}.filter-chips-bar::-webkit-scrollbar{display:none}.filter-chip{font-size:12px;font-weight:600;padding:5px 12px;border-radius:14px;background:#ffffff0d;border:1px solid var(--border-subtle);color:var(--text-sec);white-space:nowrap;transition:all var(--transition-fast)}.filter-chip:hover{background:#ffffff1a;color:var(--text-main)}.filter-chip.active{background:#10b9812e;border-color:#10b98166;color:var(--brand-emerald)}.conversations-scroll{flex:1;overflow-y:auto;min-height:0}.conversation-item{width:100%;padding:12px 16px;display:flex;align-items:center;gap:12px;text-align:left;border-bottom:1px solid var(--border-subtle);transition:background var(--transition-fast);position:relative}.conversation-item:hover{background:#ffffff0a}[data-theme=light] .conversation-item:hover{background:#00000008}.conversation-item.active{background:#10b9811f}.convo-avatar{width:46px;height:46px;border-radius:14px;color:#fff;font-weight:700;font-size:16px;display:grid;place-items:center;flex-shrink:0;position:relative}.convo-avatar .online-indicator{position:absolute;bottom:-2px;right:-2px;width:13px;height:13px;border-radius:50%;background:var(--brand-emerald);border:2px solid var(--sidebar-bg)}.convo-body{flex:1;min-width:0}.convo-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.convo-name{font-size:14px;font-weight:650;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.convo-time{font-size:11px;color:var(--text-muted);flex-shrink:0;margin-left:6px}.convo-bottom{display:flex;justify-content:space-between;align-items:center;gap:6px}.convo-snippet{font-size:12.5px;color:var(--text-sec);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:4px}.unread-pill{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--badge-bg);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center;flex-shrink:0}.sidebar-dropdown-menu{position:absolute;top:50px;right:14px;background:var(--card-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-popup);padding:6px;display:flex;flex-direction:column;gap:2px;min-width:180px;z-index:40}.menu-item-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius-sm);font-size:13px;color:var(--text-main);text-align:left;transition:background var(--transition-fast)}.menu-item-row:hover{background:#ffffff14}[data-theme=light] .menu-item-row:hover{background:#0000000d}.status-section-header{padding:12px 16px 6px;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--text-muted)}.status-row-item{width:100%;padding:10px 16px;display:flex;align-items:center;gap:12px;text-align:left;border-bottom:1px solid var(--border-subtle);transition:background var(--transition-fast)}.status-row-item:hover{background:#ffffff0a}.status-avatar-ring{width:46px;height:46px;border-radius:50%;padding:2px;border:2px solid var(--brand-emerald);display:grid;place-items:center;flex-shrink:0}.status-avatar-ring.seen{border-color:#fff3}.status-avatar-inner{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;font-size:14px}.call-row-item{width:100%;padding:12px 16px;display:flex;align-items:center;gap:12px;text-align:left;border-bottom:1px solid var(--border-subtle);transition:background var(--transition-fast)}.call-row-item:hover{background:#ffffff0a}.call-type-icon{font-size:11.5px;display:inline-flex;align-items:center;gap:4px}.call-type-icon.missed{color:var(--accent-danger)}.call-type-icon.incoming{color:var(--brand-emerald)}.call-type-icon.outgoing{color:var(--text-sec)}.starred-row-item{width:100%;padding:12px 16px;display:flex;flex-direction:column;gap:6px;text-align:left;border-bottom:1px solid var(--border-subtle);transition:background var(--transition-fast)}.starred-row-item:hover{background:#ffffff0a}.avatar-preset-grid{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0 18px}.avatar-preset-dot{width:38px;height:38px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:transform var(--transition-fast),border-color var(--transition-fast)}.avatar-preset-dot:hover{transform:scale(1.1)}.avatar-preset-dot.active{border-color:#fff;box-shadow:0 0 0 2px var(--brand-emerald)}.gnome-app-dropdown{position:absolute;top:40px;right:16px;background:var(--card-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-popup);padding:6px;display:none;flex-direction:column;gap:2px;min-width:180px;z-index:50}.app-chat-window{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--chat-bg);position:relative}.app-chat-window.wallpaper-emerald{background:radial-gradient(circle at 50% 50%,#062b23,#061114)!important}.app-chat-window.wallpaper-obsidian{background:#040608!important}.app-chat-window.wallpaper-blue{background:radial-gradient(circle at 30% 30%,#0d1e33,#070d17)!important}.app-chat-window.wallpaper-slate{background:#111a22!important}.chat-header{height:64px;padding:0 20px;background:var(--header-bg);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;z-index:2}.chat-header-contact{display:flex;align-items:center;gap:12px;cursor:pointer;min-width:0}.chat-header-avatar{width:40px;height:40px;border-radius:12px;color:#fff;font-weight:700;font-size:14px;display:grid;place-items:center;position:relative;flex-shrink:0}.chat-header-info{min-width:0}.chat-header-name{font-size:15px;font-weight:700;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-header-status{font-size:12px;color:var(--brand-emerald)}.chat-header-status.offline{color:var(--text-muted)}.chat-header-actions{display:flex;align-items:center;gap:6px}.inchat-search-bar{display:flex;align-items:center;gap:10px;padding:10px 20px;background:var(--card-bg);border-bottom:1px solid var(--border-subtle);animation:slideDown .18s ease-out}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.inchat-search-input{flex:1;background:var(--input-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:6px 10px;font-size:13px;color:var(--text-main)}.inchat-search-input:focus{border-color:var(--brand-emerald)}.inchat-matches-count{font-size:12px;color:var(--text-sec);white-space:nowrap}.messages-stream{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:12px;background-image:radial-gradient(circle at 10% 20%,rgba(0,168,132,.03) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(16,185,129,.03) 0%,transparent 40%)}.date-divider{align-self:center;background:var(--pill-date-bg);color:var(--pill-date-text);font-size:11px;font-weight:600;padding:4px 14px;border-radius:12px;margin:6px 0;-webkit-user-select:none;user-select:none}.encryption-notice{align-self:center;max-width:580px;background:var(--card-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px 16px;font-size:12px;line-height:1.5;color:var(--text-sec);text-align:center;margin-bottom:8px}.message-bubble{max-width:65%;min-width:120px;padding:8px 12px 6px;border-radius:14px;font-size:13.5px;line-height:1.5;position:relative;word-wrap:break-word;animation:fadeInBubble .2s cubic-bezier(.16,1,.3,1)}.message-bubble.highlighted{box-shadow:0 0 0 3px var(--brand-emerald)!important}@keyframes fadeInBubble{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.message-bubble.incoming{align-self:flex-start;background:var(--bubble-incoming-bg);border:1px solid var(--bubble-incoming-border);color:var(--bubble-incoming-text);border-top-left-radius:4px}.message-bubble.outgoing{align-self:flex-end;background:var(--bubble-outgoing-bg);border:1px solid var(--bubble-outgoing-border);color:var(--bubble-outgoing-text);border-top-right-radius:4px}.quoted-reply-card{padding:6px 8px;border-radius:var(--radius-sm);background:#0000002e;border-left:3px solid var(--brand-emerald);margin-bottom:6px;font-size:12px}.quoted-reply-card strong{color:var(--brand-emerald);display:block;font-size:11px}.bubble-action-bar{position:absolute;top:-16px;right:8px;background:var(--card-bg);border:1px solid var(--border-subtle);border-radius:16px;box-shadow:0 4px 12px #00000059;display:none;align-items:center;gap:2px;padding:2px 4px;z-index:10}.message-bubble:hover .bubble-action-bar,.message-bubble:focus-within .bubble-action-bar{display:flex}.bubble-action-btn{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:12px;color:var(--text-sec);transition:all var(--transition-fast)}.bubble-action-btn:hover{background:#ffffff26;color:var(--text-main);transform:scale(1.1)}.reactions-row{display:flex;align-items:center;gap:4px;margin-top:4px;flex-wrap:wrap}.reaction-badge{display:inline-flex;align-items:center;gap:3px;font-size:11px;background:#00000047;border:1px solid rgba(255,255,255,.12);padding:2px 6px;border-radius:10px;cursor:pointer}.reaction-badge:hover{border-color:var(--brand-emerald)}.bubble-meta{display:flex;align-items:center;justify-content:flex-end;gap:4px;font-size:10.5px;margin-top:3px;color:#ffffffa6}.message-bubble.incoming .bubble-meta{color:var(--text-muted)}[data-theme=light] .message-bubble.outgoing .bubble-meta{color:#111b21a6}.read-tick{display:inline-flex;align-items:center;font-size:11px;font-weight:700;color:var(--tick-grey);letter-spacing:-1.5px}.read-tick.cyan{color:var(--tick-cyan)!important}.starred-badge-icon{font-size:10px;color:var(--accent-warning)}.media-attachment-card{border-radius:var(--radius-md);overflow:hidden;margin-bottom:6px;background:#00000040;border:1px solid rgba(255,255,255,.08);cursor:pointer}.media-thumbnail-sim{min-height:140px;background:radial-gradient(circle at 65% 35%,#00a884,#0b151b);display:flex;flex-direction:column;justify-content:flex-end;padding:12px;color:#fff}.media-thumbnail-sim h4{font-size:13.5px;font-weight:700}.media-thumbnail-sim p{font-size:11px;opacity:.85}.doc-attachment-card{display:flex;align-items:center;gap:12px;background:#0003;padding:10px 14px;border-radius:var(--radius-md);margin-bottom:6px;border:1px solid rgba(255,255,255,.08);cursor:pointer}.doc-icon-badge{width:36px;height:36px;border-radius:8px;background:#ea4335;color:#fff;display:grid;place-items:center;font-size:18px;flex-shrink:0}.doc-info{flex:1;min-width:0}.doc-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-size{font-size:11px;opacity:.75}.payment-card-bubble{background:linear-gradient(135deg,#00a88440,#10b98126);border:1px solid var(--brand-emerald);border-radius:var(--radius-md);padding:12px 14px;display:flex;flex-direction:column;gap:4px}.payment-card-amount{font-size:20px;font-weight:800;color:var(--brand-emerald)}.audio-attachment-card{display:flex;align-items:center;gap:12px;padding:6px 4px}.audio-play-btn{width:34px;height:34px;border-radius:50%;background:var(--brand-emerald);color:#05080b;display:grid;place-items:center;flex-shrink:0}.audio-waveform-bars{display:flex;align-items:center;gap:3px;flex:1}.waveform-bar{width:3px;background:#ffffff73;border-radius:2px}.waveform-bar.active{background:var(--brand-emerald)}.audio-attachment-card.playing .waveform-bar{animation:waveBounce .8s ease-in-out infinite alternate}.audio-attachment-card.playing .waveform-bar:nth-child(2){animation-delay:.15s}.audio-attachment-card.playing .waveform-bar:nth-child(3){animation-delay:.3s}.audio-attachment-card.playing .waveform-bar:nth-child(4){animation-delay:.45s}.audio-attachment-card.playing .waveform-bar:nth-child(5){animation-delay:.6s}@keyframes waveBounce{0%{transform:scaleY(.4)}to{transform:scaleY(1.3)}}.quoted-reply-active-bar{display:none;padding:8px 16px;background:var(--card-bg);border-top:1px solid var(--border-subtle);border-left:4px solid var(--brand-emerald);align-items:center;justify-content:space-between;gap:12px}.quoted-reply-text{flex:1;font-size:12.5px;min-width:0}.quoted-reply-text strong{display:block;font-size:11.5px;color:var(--brand-emerald)}.chat-composer-bar{padding:12px 20px;background:var(--composer-bg);border-top:1px solid var(--border-subtle);display:flex;align-items:center;gap:10px;position:relative;z-index:3}.composer-input-field{flex:1;background:var(--input-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px 14px;font-size:14px;color:var(--text-main);transition:border-color var(--transition-fast)}.composer-input-field:focus{border-color:var(--brand-emerald)}.composer-input-field::placeholder{color:var(--text-muted)}.composer-send-btn{width:40px;height:40px;border-radius:50%;background:var(--brand-emerald);color:#05080b;display:grid;place-items:center;flex-shrink:0;transition:transform var(--transition-fast),background var(--transition-fast)}.composer-send-btn:hover{transform:scale(1.05);background:#0ea372}.attachment-popup-menu{position:absolute;bottom:64px;left:20px;background:var(--card-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-popup);padding:8px;display:none;flex-direction:column;gap:4px;min-width:200px;z-index:50;animation:fadeInPopup .15s ease-out}@keyframes fadeInPopup{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.attachment-menu-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius-sm);font-size:13px;color:var(--text-main);text-align:left;transition:background var(--transition-fast)}.attachment-menu-item:hover{background:#ffffff14}[data-theme=light] .attachment-menu-item:hover{background:#0000000d}.emoji-gif-sticker-panel{position:absolute;bottom:68px!important;left:20px!important;width:360px!important;height:380px!important;background:var(--card-bg)!important;border:1px solid var(--border-subtle)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-popup)!important;display:flex!important;flex-direction:column!important;z-index:50!important;overflow:hidden!important;animation:fadeInPopup .15s ease-out}.picker-tabs-header{display:flex;border-bottom:1px solid var(--border-subtle);background:#00000026}.picker-tab-btn{flex:1;padding:10px 0;font-size:12.5px;font-weight:650;color:var(--text-sec);border-bottom:2px solid transparent;text-align:center}.picker-tab-btn.active{color:var(--brand-emerald);border-bottom-color:var(--brand-emerald)}.picker-content-scroll{flex:1;overflow-y:auto;padding:12px}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;font-size:22px}.emoji-btn-item{display:grid;place-items:center;border-radius:var(--radius-sm);padding:4px;transition:transform var(--transition-fast)}.emoji-btn-item:hover{background:#ffffff1a;transform:scale(1.15)}.gif-grid{display:flex;flex-direction:column;gap:10px}.gif-card-btn{border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-subtle);cursor:pointer;transition:transform var(--transition-fast)}.gif-card-btn:hover{transform:scale(1.02);border-color:var(--brand-emerald)}.sticker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sticker-card-btn{aspect-ratio:1;border-radius:var(--radius-md);background:#ffffff0a;border:1px solid var(--border-subtle);display:grid;place-items:center;font-size:32px;cursor:pointer;transition:transform var(--transition-fast)}.sticker-card-btn:hover{transform:scale(1.08);border-color:var(--brand-emerald)}.reaction-picker-popover{position:absolute;top:-46px;left:10px;background:var(--card-bg);border:1px solid var(--border-subtle);border-radius:24px;box-shadow:0 8px 24px #00000080;display:flex;align-items:center;gap:6px;padding:6px 10px;z-index:60;animation:fadeInPopup .15s ease-out}.reaction-emoji-btn{font-size:20px;transition:transform var(--transition-fast)}.reaction-emoji-btn:hover{transform:scale(1.3)}.app-details-panel{width:320px;background:var(--sidebar-bg);border-left:1px solid var(--border-subtle);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;transition:transform var(--transition-normal),width var(--transition-normal)}.app-details-panel.collapsed{display:none}.details-header{height:64px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-subtle);font-size:15px;font-weight:700;color:var(--text-main)}.details-hero{padding:24px 16px;display:flex;flex-direction:column;align-items:center;text-align:center;border-bottom:1px solid var(--border-subtle)}.details-hero-avatar{width:76px;height:76px;border-radius:24px;color:#fff;font-weight:800;font-size:24px;display:grid;place-items:center;margin-bottom:12px}.details-hero-name{font-size:17px;font-weight:750;color:var(--text-main);margin-bottom:4px}.details-hero-phone{font-size:12.5px;color:var(--text-sec)}.details-section{padding:16px;border-bottom:1px solid var(--border-subtle)}.details-section-title{font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px}.details-bio-box{font-size:13px;color:var(--text-main);line-height:1.5}.details-media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.media-thumbnail-chip{aspect-ratio:1;border-radius:var(--radius-sm);background:var(--card-bg);border:1px solid var(--border-subtle);display:grid;place-items:center;font-size:20px;cursor:pointer;transition:transform var(--transition-fast)}.media-thumbnail-chip:hover{transform:scale(1.04)}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:none;place-items:center;z-index:80;padding:20px;animation:fadeInModal .2s cubic-bezier(.16,1,.3,1)}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.modal-card{width:100%;max-width:760px;max-height:92%;background:var(--card-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-popup);display:flex;flex-direction:column;overflow:hidden;position:relative}.modal-header{padding:16px 20px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.modal-header h2{font-size:17px;font-weight:750;color:var(--text-main)}.settings-split-layout{display:flex;flex:1;min-height:480px;max-height:580px;overflow:hidden}.settings-nav-sidebar{width:220px;background:#00000026;border-right:1px solid var(--border-subtle);padding:12px 8px;display:flex;flex-direction:column;gap:3px;overflow-y:auto;flex-shrink:0}.settings-tab-btn{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;color:var(--text-sec);text-align:left;transition:all var(--transition-fast)}.settings-tab-btn:hover{background:#ffffff0d;color:var(--text-main)}.settings-tab-btn.active{background:#10b98126;color:var(--brand-emerald)}.settings-content-area{flex:1;padding:24px;overflow-y:auto;font-size:13.5px;color:var(--text-sec)}.settings-form-row{margin-bottom:18px}.settings-form-row label{display:block;font-size:12px;font-weight:700;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px}.call-simulation-overlay{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100vw!important;height:100vh!important;background:radial-gradient(circle at 50% 30%,#0d2822,#060e12)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:space-between!important;padding:40px 24px!important;z-index:99999!important;color:#fff!important;animation:fadeInModal .25s ease-out}.call-hero-avatar{width:96px;height:96px;border-radius:32px;font-size:32px;font-weight:800;display:grid;place-items:center;box-shadow:0 8px 32px #10b9814d;margin-bottom:16px}.call-timer{font-family:var(--font-mono);font-size:14px;color:var(--brand-emerald);margin-top:6px}.call-controls-bar{display:flex;align-items:center;gap:20px}.call-ctrl-btn{width:52px;height:52px;border-radius:50%;background:#ffffff26;color:#fff;display:grid;place-items:center;transition:all var(--transition-fast)}.call-ctrl-btn:hover{background:#ffffff40}.call-ctrl-btn.active{background:var(--brand-emerald)!important;color:#05080b!important}.call-ctrl-btn.end-call{background:#ea4335!important;color:#fff}.lightbox-modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000e0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:none;flex-direction:column;z-index:95;padding:20px}.lightbox-header{display:flex;align-items:center;justify-content:space-between;color:#fff;margin-bottom:16px}.lightbox-body{flex:1;display:grid;place-items:center;overflow:hidden}.lightbox-body img,.lightbox-body svg{max-width:90%;max-height:80vh;border-radius:var(--radius-md);box-shadow:0 12px 36px #0009}.doc-viewer-modal{width:100%;max-width:600px;background:var(--card-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-popup);padding:24px;display:flex;flex-direction:column;gap:16px}.preview-toast{position:absolute;bottom:24px;left:50%;transform:translate(-50%);background:#121c24f2;border:1px solid var(--brand-emerald);box-shadow:0 8px 24px #0009;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;padding:10px 18px;border-radius:24px;font-size:12.5px;font-weight:600;display:none;align-items:center;gap:10px;z-index:120;pointer-events:none;animation:toastSlideUp .2s cubic-bezier(.16,1,.3,1)}@keyframes toastSlideUp{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}@media (max-width: 1200px){.app-details-panel{position:absolute;right:0;top:0;bottom:0;z-index:20;box-shadow:var(--shadow-popup)}}@media (max-width: 900px){.app-sidebar{width:280px}.app-nav-rail{width:56px}}@media (max-width: 680px){.window-mockup{height:auto;min-height:600px}.app-sidebar{width:100%}.app-chat-window{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}