:root{--wa-brand: #00a884;--wa-brand-dark: #008069;--wa-teal: #128c7e;--wa-green: #25d366;--wa-sent: #d9fdd3;--wa-received: #ffffff;--wa-chat-bg: #efeae2;--wa-header: #f0f2f5;--wa-applist-bg: #f0f2f5;--wa-hover: #f5f6f6;--wa-active: #ebebeb;--wa-input: #f0f2f5;--wa-text: #111b21;--wa-muted: #667781;--wa-muted-light: #8696a0;--wa-border: #e9edef;--wa-link: #027eb5;--wa-chat-header: #f0f2f5;--wa-panel: #ffffff;--wa-shadow: rgba(11, 20, 26, .08);--wa-wallpaper: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='212' height='212' viewBox='0 0 212 212'%3E%3Cg fill='none' stroke='%23000000' stroke-opacity='0.055' stroke-width='1.6'%3E%3Cpath d='M20 24c0-5 4-9 9-9s9 4 9 9-6 12-9 15c-3-3-9-10-9-15z'/%3E%3Cpath d='M110 18h20v13a6 6 0 0 1-6 6H99l6-6' transform='rotate(180 110 24)'/%3E%3Ccircle cx='176' cy='30' r='9'/%3E%3Cpath d='M170 30h12M176 24v12'/%3E%3Cpath d='M22 108c8-6 18-6 26 0s10 16 4 22-16 4-22-4a15 15 0 0 1-8-18z'/%3E%3Cpath d='M100 100l6 16 16 6-16 6-6 16-6-16-16-6 16-6z'/%3E%3Cpath d='M168 96c10 0 18 8 18 18s-8 18-18 18-18-8-18-18 8-18 18-18zM162 114h12M168 108v12'/%3E%3Cpath d='M30 176c0-8 6-14 14-14s14 6 14 14-9 16-14 20c-5-4-14-12-14-20z'/%3E%3Cpath d='M108 168c6-4 13-4 18 0s7 11 3 16-11 3-16-1a11 11 0 0 1-5-15z'/%3E%3Cpath d='M182 172l4 10 10 4-10 4-4 10-4-10-10-4 10-4z'/%3E%3C/g%3E%3C/svg%3E")}[data-theme=dark]{--wa-brand: #00a884;--wa-brand-dark: #008069;--wa-teal: #00a884;--wa-green: #00a884;--wa-sent: #005c4b;--wa-received: #202c33;--wa-chat-bg: #0b141a;--wa-header: #202c33;--wa-applist-bg: #111b21;--wa-hover: #202c33;--wa-active: #2a3942;--wa-input: #2a3942;--wa-text: #e9edef;--wa-muted: #8696a0;--wa-muted-light: #667781;--wa-border: #222d34;--wa-chat-header: #202c33;--wa-panel: #111b21;--wa-shadow: rgba(0, 0, 0, .3);--wa-wallpaper: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='212' height='212' viewBox='0 0 212 212'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='0.045' stroke-width='1.6'%3E%3Cpath d='M20 24c0-5 4-9 9-9s9 4 9 9-6 12-9 15c-3-3-9-10-9-15z'/%3E%3Cpath d='M110 18h20v13a6 6 0 0 1-6 6H99l6-6' transform='rotate(180 110 24)'/%3E%3Ccircle cx='176' cy='30' r='9'/%3E%3Cpath d='M170 30h12M176 24v12'/%3E%3Cpath d='M22 108c8-6 18-6 26 0s10 16 4 22-16 4-22-4a15 15 0 0 1-8-18z'/%3E%3Cpath d='M100 100l6 16 16 6-16 6-6 16-6-16-16-6 16-6z'/%3E%3Cpath d='M168 96c10 0 18 8 18 18s-8 18-18 18-18-8-18-18 8-18 18-18zM162 114h12M168 108v12'/%3E%3Cpath d='M30 176c0-8 6-14 14-14s14 6 14 14-9 16-14 20c-5-4-14-12-14-20z'/%3E%3Cpath d='M108 168c6-4 13-4 18 0s7 11 3 16-11 3-16-1a11 11 0 0 1-5-15z'/%3E%3Cpath d='M182 172l4 10 10 4-10 4-4 10-4-10-10-4 10-4z'/%3E%3C/g%3E%3C/svg%3E")}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--wa-text);background:var(--wa-applist-bg);font-size:15.75px;-webkit-font-smoothing:antialiased}button{font-family:inherit;border:none;background:transparent;padding:0;margin:0;text-align:inherit;font-size:inherit;color:inherit;cursor:pointer;box-sizing:border-box}.muted{color:var(--wa-muted);font-size:13px;line-height:1.55}.app{display:flex;height:100vh;width:100vw;overflow:hidden;position:relative;background:var(--wa-applist-bg)}.sidebar{width:400px;min-width:320px;max-width:460px;height:100%;background:var(--wa-panel);border-right:1px solid var(--wa-border);display:flex;flex-direction:column;flex-shrink:0;z-index:10;transition:transform .2s ease;overflow:hidden}.chat-main{flex:1;height:100%;display:flex;flex-direction:column;background:var(--wa-chat-bg);min-width:0;min-height:0;position:relative}.chat-drop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;background:#00a8841f;border:3px dashed var(--wa-teal);display:flex;align-items:center;justify-content:center;pointer-events:none}.chat-drop-overlay-box{background:var(--wa-panel);border-radius:12px;padding:28px 40px;text-align:center;font-size:15px;font-weight:600;color:var(--wa-text);box-shadow:0 4px 20px #0003}.header{height:60px;background:var(--wa-header);display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--wa-border);flex-shrink:0}.settings-top-bar{justify-content:flex-start;gap:8px}.settings-top-btn{display:flex;align-items:center;gap:6px;height:38px;padding:0 16px;border-radius:8px;font-size:14px;font-weight:600;color:var(--wa-text);cursor:pointer;transition:background .15s ease}button.settings-top-btn:hover{background:var(--wa-hover)}.settings-top-btn.active{background:#00a8841f;color:var(--wa-teal);cursor:default}.sidebar-brand{display:flex;align-items:center;gap:10px;cursor:pointer;min-width:0;flex:1;overflow:hidden}.brand-avatar{background:var(--wa-teal);color:#fff;font-size:20px;font-weight:700;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;flex-shrink:0}.sidebar-brand-meta{display:flex;flex-direction:column;min-width:0;overflow:hidden}.brand-title{font-size:15px;font-weight:700;color:var(--wa-text);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-badge{font-size:11px;color:var(--wa-muted);text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.header-crm-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:32px;width:auto;min-width:unset;padding:0 10px;background:#00a8841f;color:var(--wa-brand);border:1px solid rgba(0,168,132,.28);border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;box-sizing:border-box;transition:all .15s ease}.header-crm-btn:hover{background:#00a88438;border-color:var(--wa-brand);transform:translateY(-1px)}.header-crm-btn:active{transform:translateY(0)}.icon-btn{width:38px;height:38px;border:none;background:transparent;border-radius:50%;color:var(--wa-muted);cursor:pointer;display:grid;place-items:center;font-size:17px;transition:background .15s}.icon-btn:hover{background:var(--wa-hover);color:var(--wa-text)}.icon-btn.on{color:var(--wa-brand)}.icon-btn-sm{border:none;background:transparent;color:var(--wa-muted);cursor:pointer;padding:2px 6px;font-size:13px}.search-bar{padding:8px 12px;border-bottom:1px solid var(--wa-border);background:var(--wa-panel)}.search-box{display:flex;align-items:center;gap:10px;background:var(--wa-input);border-radius:8px;padding:6px 12px;height:36px;color:var(--wa-muted)}.search-box input{flex:1;border:none;outline:none;background:transparent;color:var(--wa-text);font-size:14px}.search-full-history-link{display:block;width:100%;margin-top:8px;background:none;border:none;padding:4px 2px;color:var(--wa-brand);font-size:12.5px;font-weight:600;text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-full-history-link:hover{text-decoration:underline}.chat-list{flex:1;overflow-y:auto;overflow-x:hidden;background:var(--wa-panel);display:flex;flex-direction:column;width:100%;min-width:0}.chat-item{display:flex;align-items:center;gap:14px;padding:14px 16px;cursor:pointer;border:none!important;border-bottom:1px solid var(--wa-border)!important;background:transparent;width:100%!important;max-width:100%!important;box-sizing:border-box!important;text-align:left;outline:none!important;box-shadow:none!important;margin:0!important;min-width:0!important;flex-shrink:0;transition:background .12s ease;-webkit-user-select:none;user-select:none}.chat-item:hover{background:var(--wa-hover)}.chat-item.active{background:var(--wa-active)}.avatar{width:55px;height:55px;border-radius:50%;background:var(--wa-teal);color:#fff;display:grid;place-items:center;font-size:19px;font-weight:600;flex-shrink:0;overflow:hidden}.chat-item-meta{flex:1 1 0;min-width:0;width:0;max-width:100%;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.chat-item-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:3px;width:100%;min-width:0;max-width:100%}.chat-item-name{font-size:17.85px;font-weight:600;color:var(--wa-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 0;min-width:0;display:block}.chat-item-time{font-size:13.5px;color:var(--wa-muted);flex-shrink:0;white-space:nowrap;margin-left:4px}.chat-item-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-width:0;max-width:100%}.chat-item-preview{color:var(--wa-muted);font-size:15.25px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 0;min-width:0;display:block}.unread-pill{background:var(--wa-green);color:#fff;font-size:11.5px;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:grid;place-items:center;padding:0 6px;flex-shrink:0;margin-left:6px}.sidebar-footer{padding:10px 16px;border-top:1px solid var(--wa-border);background:var(--wa-panel);display:flex;align-items:center;justify-content:center;flex-shrink:0;width:100%;box-sizing:border-box}.sidebar-new-chat-btn{width:100%;border-radius:20px;border:1px solid var(--wa-brand)!important;color:var(--wa-brand-dark)!important;background:transparent;font-size:13.5px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;cursor:pointer;transition:all .15s ease}.sidebar-new-chat-btn:hover{background:#e8f5e9;border-color:var(--wa-brand)!important}.empty-chat-list{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:var(--wa-muted);gap:12px}.empty-icon{font-size:44px;opacity:.4}.chat-header{height:66px;background:var(--wa-chat-header);border-bottom:1px solid var(--wa-border);display:flex;align-items:center;justify-content:space-between;padding:0 18px;flex-shrink:0;z-index:5}.chat-header-left{display:flex;align-items:center;gap:10px;min-width:0}.mobile-back-btn{display:none;font-size:20px;font-weight:700}.chat-title{display:flex;align-items:center;gap:12px;cursor:pointer;min-width:0}.chat-avatar{width:46px;height:46px;font-size:17px}.chat-header-info{display:flex;flex-direction:column;min-width:0}.chat-row{font-size:18.5px;font-weight:600;color:var(--wa-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-sub{font-size:13.5px;color:var(--wa-muted);display:flex;align-items:center;gap:6px}.window-chip{font-size:11px;font-weight:600}.window-chip.open{color:#2e7d32}.window-chip.closed{color:#e65100}.chat-header-actions{display:flex;align-items:center;gap:8px}.tpl-btn{background:#e8f5e9;color:var(--wa-brand-dark);border:1px solid #c8e6c9;font-weight:600}.tpl-btn:hover{background:#c8e6c9}.link-action-btn{background:#e65100;color:#fff;border:none;border-radius:4px;padding:3px 10px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.messages{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:16px 5%;background-color:var(--wa-chat-bg);background-image:var(--wa-wallpaper);background-repeat:repeat;display:flex;flex-direction:column}.date-group{margin-bottom:8px}.date-separator{display:flex;align-items:center;justify-content:center;margin:12px 0}.system-log-note{text-align:center;font-size:11.5px;color:var(--wa-muted);background:#fff9;border-radius:7.5px;padding:3px 10px;margin:6px auto;width:fit-content;font-style:italic}[data-theme=dark] .system-log-note{background:#18222999}.date-separator span{background:#ffffffd9;box-shadow:0 1px 1px #0b141a1a;color:var(--wa-muted);font-size:12px;font-weight:500;padding:4px 12px;border-radius:7.5px;text-transform:uppercase}[data-theme=dark] .date-separator span{background:#182229;color:#8696a0}.msg{max-width:68%;margin:3px 0;word-wrap:break-word;display:flex;position:relative}.msg.self{margin-left:auto;justify-content:flex-end}.msg.theirs{margin-right:auto;justify-content:flex-start}.bubble-wrapper{position:relative;max-width:100%}.msg.theirs .bubble{background:var(--wa-received);color:var(--wa-text);border-top-left-radius:0}.msg.self .bubble{background:var(--wa-sent);color:var(--wa-text);border-top-right-radius:0}.text-body{white-space:pre-wrap;word-break:break-word}.bubble-meta{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:5px;float:right;margin-left:10px;font-size:12.6px;color:var(--wa-muted);-webkit-user-select:none;user-select:none}.meta-time{font-size:12.6px;color:var(--wa-muted)}.tick{font-size:13px;line-height:1}.tick.sent,.tick.delivered{color:var(--wa-muted-light)}.tick.read{color:#53bdeb}.msg-actions{display:none;position:absolute;top:50%;transform:translateY(-50%);left:calc(100% + 8px);background:#fff;border-radius:14px;box-shadow:0 2px 5px #00000026;padding:2px 4px;gap:2px;z-index:2;white-space:nowrap}.msg.self .msg-actions{left:auto;right:calc(100% + 8px)}.bubble-wrapper:hover .msg-actions,.msg-actions.force-show{display:flex}.msg-actions-close{display:none}.msg-actions.force-show .msg-actions-close{display:grid;order:99;border-left:1px solid var(--wa-border);border-radius:0;margin-left:2px;padding-left:4px}.msg-more-trigger{display:none;position:absolute;top:-6px;left:100%;margin-left:4px;width:20px;height:20px;border:none;border-radius:50%;background:var(--wa-panel);box-shadow:0 1px 3px #0003;color:var(--wa-muted);font-size:13px;font-weight:700;line-height:1;cursor:pointer;z-index:3}.msg.self .msg-more-trigger{left:auto;right:100%;margin-left:0;margin-right:4px}@media (hover: none){.msg-more-trigger{display:grid;place-items:center}}.action-btn{width:24px;height:24px;border:none;background:transparent;border-radius:50%;cursor:pointer;display:grid;place-items:center;font-size:12px;color:var(--wa-muted)}.action-btn:hover{background:var(--wa-hover);color:var(--wa-text)}.action-btn.danger:hover{background:#ffebee;color:#c62828}.reply-context{background:#0000000d;border-left:3px solid var(--wa-brand);border-radius:4px;padding:4px 8px;margin-bottom:6px;font-size:12px}.reply-label{font-weight:700;color:var(--wa-brand-dark);display:block}.reply-text{color:var(--wa-muted);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-media-wrap{display:flex;flex-direction:column;gap:4px}.msg-media-box{position:relative;border-radius:6px;overflow:hidden;display:inline-block;cursor:pointer;background:#0000000d}.msg-media-img,.msg-media-video{max-width:320px;max-height:340px;border-radius:6px;display:block;object-fit:cover;transition:opacity .15s}.msg-media-img:hover{opacity:.95}.media-dl-pill{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:50%;background:#0b141aa6;color:#fff;display:grid;place-items:center;text-decoration:none;font-size:14px;box-shadow:0 2px 6px #0000004d;transition:background .15s,transform .1s}.media-dl-pill:hover{background:#0b141ae6;transform:scale(1.05)}.msg-media-caption{font-size:14px;margin-top:4px;white-space:pre-wrap}.msg-revoked{color:#d32f2f;font-style:italic;font-size:13.5px;display:flex;align-items:center;gap:6px}.msg:has(.otp-bubble) .bubble{background:var(--wa-panel);border:1px solid var(--wa-border);box-shadow:none}.otp-bubble{display:flex;align-items:flex-start;gap:8px}.otp-icon{font-size:15px;flex-shrink:0;margin-top:1px}.otp-text{color:var(--wa-muted);font-size:14px;line-height:1.5}.otp-learn-more{color:var(--wa-link);font-weight:600;text-decoration:none;white-space:nowrap}.otp-learn-more:hover{text-decoration:underline}.msg-revoked-remark{color:#d32f2f;font-style:italic;font-size:12px;margin-top:4px}.tpl-msg-footer{color:var(--wa-muted);font-size:12.5px;margin-top:6px}.tpl-msg-header-text{font-weight:700;font-size:14px;margin-bottom:6px}.tpl-msg-header-media{display:block;width:100%;max-height:220px;object-fit:cover;border-radius:8px;margin-bottom:6px}.tpl-msg-header-doc{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#0000000a;border:1px solid var(--wa-border);border-radius:8px;margin-bottom:8px;color:inherit;text-decoration:none;transition:background .15s,border-color .15s}.tpl-msg-header-doc:hover{background:#00000012;border-color:var(--wa-brand)}[data-theme=dark] .tpl-msg-header-doc{background:#ffffff0f}[data-theme=dark] .tpl-msg-header-doc:hover{background:#ffffff1a}.tpl-msg-buttons{margin:8px -8px -4px;border-top:1px solid var(--wa-border);display:flex;flex-direction:column}.tpl-msg-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 8px;color:var(--wa-brand);font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;border-top:1px solid var(--wa-border)}.tpl-msg-btn:first-child{border-top:none}.tpl-msg-btn:hover{background:var(--wa-input)}.tpl-msg-btn-static{cursor:default}.tpl-msg-btn-static:hover{background:transparent}.flow-response-card{background:var(--wa-input);border-radius:8px;padding:10px 12px;min-width:200px}.flow-response-header{font-size:13px;font-weight:600;color:var(--wa-brand);margin-bottom:6px}.flow-response-fields{display:flex;flex-direction:column;gap:4px}.flow-response-field{display:flex;justify-content:space-between;gap:12px;font-size:13px}.flow-field-label{color:var(--wa-muted);text-transform:capitalize}.flow-field-value{font-weight:500;text-align:right}.interactive-reply-chip{background:var(--wa-input);border-radius:8px;padding:8px 12px;font-size:14px;font-weight:500}.tpl-not-approved-notice{background:#fff3e0;color:#92400e;border:1px solid #fdba74;border-radius:8px;padding:8px 12px;font-size:13px;margin:8px 0}[data-theme=dark] .tpl-not-approved-notice{background:#3d2c14;color:#fbbf24;border-color:#92600a}.wa-audio-player{display:flex;align-items:center;gap:12px;min-width:280px;max-width:340px;padding:4px 2px}.wa-audio-avatar{flex-shrink:0}.wa-voice-avatar-badge{background:#00a88424}.wa-audio-file-badge{background:#ff8c0026}.wa-audio-content{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.wa-audio-top-row{display:flex;align-items:center;gap:10px}.wa-audio-play-btn{width:38px;height:38px;border-radius:50%;background:var(--wa-brand);color:#fff;border:none;display:grid;place-items:center;cursor:pointer;flex-shrink:0;transition:transform .1s,background .15s;box-shadow:0 1px 3px #0000002e}.wa-audio-play-btn:hover{transform:scale(1.05);background:#008f6f}.wa-audio-scrubber-wrap{flex:1;position:relative;display:flex;align-items:center;height:24px}.wa-audio-track-bg{position:absolute;left:0;right:0;height:4px;border-radius:2px;background:#0000001f;overflow:hidden}[data-theme=dark] .wa-audio-track-bg{background:#fff3}.wa-audio-track-fill{height:100%;background:var(--wa-brand);border-radius:2px;transition:width .05s linear}.wa-audio-range-input{position:relative;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2;margin:0}.wa-audio-bottom-row{display:flex;align-items:center;justify-content:space-between;font-size:11.5px;color:var(--wa-muted);-webkit-user-select:none;user-select:none;padding:0 2px}.wa-audio-time{font-family:inherit;font-variant-numeric:tabular-nums}.wa-audio-actions{display:flex;align-items:center;gap:8px}.wa-audio-speed-btn{background:#00000014;border:none;border-radius:10px;font-size:11px;font-weight:600;padding:2px 7px;color:var(--wa-text);cursor:pointer;transition:background .15s,color .15s}.wa-audio-speed-btn:hover,.wa-audio-speed-btn.boosted{background:var(--wa-brand);color:#fff}[data-theme=dark] .wa-audio-speed-btn{background:#ffffff26}.wa-audio-dl-btn{color:var(--wa-muted);display:grid;place-items:center;width:22px;height:22px;border-radius:50%;transition:color .15s,transform .1s;text-decoration:none}.wa-audio-dl-btn:hover{color:var(--wa-brand);transform:scale(1.1)}.wa-contacts-container{display:flex;flex-direction:column;gap:8px;min-width:240px;max-width:320px}.wa-contact-card{background:#00000008;border:1px solid var(--wa-border);border-radius:8px;overflow:hidden;display:flex;flex-direction:column}[data-theme=dark] .wa-contact-card{background:#ffffff0a}.wa-contact-info-row{display:flex;align-items:center;gap:12px;padding:12px}.wa-contact-avatar{width:44px;height:44px;border-radius:50%;background:#0eabf4;color:#fff;display:grid;place-items:center;font-weight:600;font-size:18px;flex-shrink:0}.wa-contact-details{flex:1;min-width:0}.wa-contact-name{font-weight:600;font-size:14.5px;color:var(--wa-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-contact-org{font-size:12px;color:var(--wa-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.wa-contact-phone{font-size:13px;color:var(--wa-muted);margin-top:2px}.wa-contact-extra-phones{padding:0 12px 8px;font-size:12px;color:var(--wa-muted);display:flex;flex-direction:column;gap:2px}.wa-contact-actions{display:flex;border-top:1px solid var(--wa-border)}.wa-contact-action-btn{flex:1;padding:8px 10px;font-size:13px;font-weight:500;background:transparent;border:none;color:var(--wa-link);cursor:pointer;text-align:center;transition:background .12s;display:flex;align-items:center;justify-content:center;gap:4px}.wa-contact-action-btn:hover{background:#0000000d}[data-theme=dark] .wa-contact-action-btn:hover{background:#ffffff0f}.wa-contact-action-btn.primary{color:var(--wa-brand);font-weight:600;border-right:1px solid var(--wa-border)}.doc-bubble{display:flex;align-items:center;gap:12px;background:#0000000a;border:1px solid var(--wa-border);border-radius:6px;padding:10px 14px;text-decoration:none;color:inherit;min-width:220px;transition:background .15s,border-color .15s}.doc-bubble:hover{background:#00000012;border-color:var(--wa-brand)}.doc-icon{font-size:28px;flex-shrink:0}.doc-info{display:flex;flex-direction:column;min-width:0;flex:1}.doc-name{font-weight:600;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-size{font-size:11.5px;color:var(--wa-muted)}.doc-dl-badge{width:28px;height:28px;border-radius:50%;background:#00000014;color:var(--wa-text);display:grid;place-items:center;font-size:13px;margin-left:6px;flex-shrink:0;transition:background .15s,color .15s}.doc-bubble:hover .doc-dl-badge{background:var(--wa-brand);color:#fff}.msg-sticker-wrap{padding:4px}.msg-sticker-img{width:140px;height:140px;object-fit:contain}.location-bubble{background:#f0f7ff;border-radius:8px;overflow:hidden;max-width:280px;display:block;text-decoration:none;color:inherit;cursor:pointer}.location-map-img{display:block;width:100%;height:150px;object-fit:cover;background:#e0e0e0}.location-main{font-weight:600;font-size:13.5px;padding:8px 10px}.location-addr{font-size:12px;color:var(--wa-muted);margin:3px 0 6px}.location-link{display:block;font-size:12px;color:var(--wa-brand);text-decoration:none;font-weight:600;padding:0 10px 10px}.contacts-bubble{display:flex;flex-direction:column;gap:6px}.contact-card{background:#00000008;border-radius:6px;padding:8px;font-size:13px}.reaction-bubble{display:inline-flex;align-items:center;gap:6px;background:#fff3cd;border-radius:12px;padding:2px 8px;font-size:12px}.reaction-emoji{font-size:15px}.interactive-bubble{background:#e3f2fd;color:#1565c0;border-radius:6px;padding:6px 10px;font-size:13px;font-weight:500}.reply-bar{background:var(--wa-applist-bg);border-top:1px solid var(--wa-border);display:flex;align-items:center;padding:8px 16px;gap:12px;flex-shrink:0}.reply-bar-accent{width:4px;height:36px;background:var(--wa-brand);border-radius:2px}.reply-bar-body{flex:1;min-width:0}.reply-bar-close{background:transparent;border:none;color:var(--wa-muted);font-size:16px;cursor:pointer}.composer{background:var(--wa-applist-bg);border-top:1px solid var(--wa-border);padding:4px 16px 8px;display:flex;flex-direction:column;flex-shrink:0;position:relative;gap:0}.composer>.composer-row,.composer form>.composer-row{display:flex;align-items:center;gap:10px}.composer-sig-badge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--wa-brand);background:#25d36614;border:1px solid rgba(37,211,102,.25);border-radius:20px;padding:2px 10px;cursor:pointer;-webkit-user-select:none;user-select:none;width:fit-content;margin:3px 0 4px;font-weight:500;transition:background .15s}.composer-sig-badge:hover{background:#25d36629}.composer-sig-badge span{font-weight:600}.composer-inner-row{display:flex;align-items:center;gap:10px;width:100%}.composer-btn{width:40px;height:40px;border-radius:50%;border:none;background:transparent;cursor:pointer;font-size:20px;color:var(--wa-muted);display:grid;place-items:center;flex-shrink:0}.composer-btn:hover{background:var(--wa-hover);color:var(--wa-text)}.composer input,.composer textarea{flex:1;min-height:48px;max-height:136px;border-radius:9px;background:var(--wa-panel);border:1px solid var(--wa-border);outline:none;padding:12px 17px;font-size:16.25px;color:var(--wa-text);font-family:inherit;resize:none;line-height:1.45;field-sizing:content}.composer input:focus,.composer textarea:focus{border-color:var(--wa-brand)}.send-btn{width:42px;height:42px;border-radius:50%;border:none;background:var(--wa-brand);color:#fff;font-size:18px;cursor:pointer;display:grid;place-items:center;flex-shrink:0;transition:background .15s}.send-btn:hover:not(:disabled){background:var(--wa-teal)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.composer-error-alert{position:absolute;top:-42px;left:16px;right:16px;background:#ffebee;color:#c62828;padding:8px 12px;border-radius:6px;font-size:12.5px;box-shadow:0 2px 6px #0000001a}.welcome{flex:1;display:flex;align-items:center;justify-content:center;background:var(--wa-header);border-bottom:6px solid var(--wa-brand);padding:24px}.welcome-content{max-width:480px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.welcome-illustration{font-size:80px;margin-bottom:8px}.welcome h1{font-size:30px;font-weight:300;color:var(--wa-text)}.welcome p{font-size:16px;color:var(--wa-muted);line-height:1.55}.welcome-lock-note{font-size:14px;color:var(--wa-muted-light);margin:12px 0}.welcome-newchat-btn{width:auto;padding:0 24px;height:42px}.contact-panel{position:absolute;top:0;right:0;bottom:0;width:360px;background:var(--wa-panel);border-left:1px solid var(--wa-border);z-index:20;display:flex;flex-direction:column;animation:slideIn .2s ease;box-shadow:-4px 0 16px #00000014}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.contact-header{height:60px;background:var(--wa-header);border-bottom:1px solid var(--wa-border);display:flex;align-items:center;justify-content:space-between;padding:0 16px}.contact-header h3{font-size:16px;font-weight:600}.contact-body{flex:1;overflow-y:auto;padding:24px 16px;display:flex;flex-direction:column;align-items:center;text-align:center}.contact-avatar{width:84px;height:84px;border-radius:50%;background:var(--wa-teal);color:#fff;font-size:32px;font-weight:700;display:grid;place-items:center;margin-bottom:12px}.contact-body h4{font-size:18px;font-weight:600;margin-bottom:4px}.contact-phone{font-size:13.5px;color:var(--wa-muted);margin-bottom:20px}.contact-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;margin-bottom:24px}.stat-card{background:var(--wa-applist-bg);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:4px;text-align:left}.stat-card strong{font-size:12px;color:var(--wa-muted)}.stat-card span{font-size:15px;font-weight:700}.contact-actions-list{display:flex;flex-direction:column;gap:8px;width:100%}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0b141a99;display:grid;place-items:center;padding:16px;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{width:100%;max-width:440px;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;padding:20px;overflow:hidden}.msg-info-modal{max-width:340px}.msg-info-modal h3{margin:0 0 12px;font-size:16px}.msg-info-preview{background:var(--wa-sent, #d9fdd3);border-radius:8px;padding:8px 10px;font-size:13.5px;margin-bottom:14px;max-height:90px;overflow-y:auto;word-break:break-word;color:#111}.msg-info-row{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-top:1px solid var(--wa-border)}.msg-info-row:first-of-type{border-top:none}.msg-info-icon{font-size:16px;font-weight:700;width:22px;flex-shrink:0;text-align:center;line-height:1.4}.msg-info-label{font-weight:600;font-size:13.5px;color:var(--wa-text)}.msg-info-row.failed .msg-info-label{color:#ef4444}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.modal-head h3{font-size:17px;font-weight:600}.field{margin-bottom:16px}.field label{display:block;font-size:13px;font-weight:600;color:var(--wa-muted);margin-bottom:6px}.field input,.field select{width:100%;height:42px;border:1px solid var(--wa-border);border-radius:8px;padding:0 12px;font-size:14.5px;outline:none;background:#fff;font-family:inherit}.field input:focus{border-color:var(--wa-brand)}.field-hint{display:block;font-size:12px;color:var(--wa-muted);margin-top:5px}.modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:20px}.btn{height:40px;border-radius:8px;padding:0 18px;font-size:14px;font-weight:600;cursor:pointer;border:1px solid var(--wa-border);background:#fff;color:var(--wa-text);display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn.primary{background:var(--wa-brand);color:#fff;border:none}.btn.primary:hover:not(:disabled){background:var(--wa-teal)}.btn.primary:disabled{opacity:.6;cursor:not-allowed}.btn.small{height:32px;padding:0 12px;font-size:12.5px;border-radius:6px}.btn.danger{background:#c62828;color:#fff;border:none}.alert{background:#ffebee;color:#c62828;border-radius:8px;padding:10px 14px;font-size:13px;margin-bottom:14px}.tpl-modal{max-width:680px;max-height:85vh;display:flex;flex-direction:column}.tpl-loading{padding:40px;text-align:center;color:var(--wa-muted)}.tpl-body{display:flex;gap:16px;min-height:300px;max-height:60vh;overflow:hidden}.tpl-opt.on{border-color:var(--wa-brand);background:#e8f5e9}.role{display:inline-block;font-size:10px;font-weight:700;border-radius:4px;padding:2px 6px;text-transform:uppercase}.r-utility{background:#e3f2fd;color:#1565c0}.r-marketing{background:#fce4ec;color:#c2185b}.r-admin{background:#e8f5e9;color:#2e7d32}.r-staff{background:#e3f2fd;color:#1565c0}.tpl-form{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding-left:4px}.tpl-preview{background:var(--wa-applist-bg);border:1px solid var(--wa-border);border-radius:8px;padding:12px}.tpl-header{font-size:12px;color:var(--wa-muted);margin-bottom:6px}.tpl-body-text{font-size:14px;line-height:1.45;white-space:pre-wrap}.tpl-footer{font-size:12px;color:var(--wa-muted);margin-top:8px;border-top:1px dashed var(--wa-border);padding-top:6px}.tpl-inputs{display:flex;flex-direction:column;gap:8px}.media-viewer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000000e6;display:grid;place-items:center;padding:20px}.media-viewer-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column}.media-viewer-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-bottom:8px}.media-viewer-dl-btn{background:var(--wa-brand);color:#fff;text-decoration:none;font-size:13px;font-weight:600;padding:6px 14px;border-radius:18px;display:inline-flex;align-items:center;gap:6px;transition:background .15s}.media-viewer-dl-btn:hover{background:var(--wa-teal)}.media-viewer-close{background:#ffffff26;border:none;color:#fff;width:32px;height:32px;border-radius:50%;font-size:18px;cursor:pointer;display:grid;place-items:center;transition:background .15s}.media-viewer-close:hover{background:#ffffff4d}.media-viewer-elem{max-width:90vw;max-height:85vh;border-radius:6px;box-shadow:0 4px 20px #00000080}.badge{display:inline-block;font-size:11px;font-weight:700;border-radius:4px;padding:2px 6px}.badge.ok{background:#e8f5e9;color:#2e7d32}.badge.bad{background:#ffebee;color:#c62828}@media (max-width: 1024px){.sidebar{width:100%;max-width:100%;border-right:none}.sidebar.has-active-chat,.chat-main.hidden-mobile{display:none}.chat-main.active{display:flex;width:100%}.mobile-back-btn{display:grid}.contact-panel{width:100%}.messages{padding:12px 10px}.msg{max-width:85%}}.chip.active{background:#e8f5e9;color:var(--wa-brand-dark);font-weight:600;border-color:#c8e6c9}.chat-status-icons{display:inline-flex;align-items:center;gap:4px;margin-left:4px;font-size:12px}.chat-label-pill{display:inline-block;font-size:10px;font-weight:700;padding:1px 6px;border-radius:10px;color:#fff;margin-top:3px;white-space:nowrap;max-width:100px;overflow:hidden;text-overflow:ellipsis}.context-menu-popover{position:absolute;background:var(--wa-panel);border:1px solid var(--wa-border);border-radius:8px;box-shadow:0 4px 16px #0000002e;padding:6px 0;z-index:50;min-width:170px}.context-menu-item{display:flex;align-items:center;gap:10px;padding:8px 16px;width:100%;font-size:13.5px;color:var(--wa-text);cursor:pointer;text-align:left;transition:background .12s}.context-menu-item:hover{background:var(--wa-hover)}.context-menu-item.danger{color:#c62828}.in-chat-search-bar{display:flex;align-items:center;gap:10px;padding:8px 16px;background:var(--wa-header);border-bottom:1px solid var(--wa-border);flex-shrink:0;animation:fadeIn .15s ease}.in-chat-search-bar input{flex:1;height:34px;background:var(--wa-input);border:1px solid var(--wa-border);border-radius:6px;padding:0 12px;font-size:13.5px;outline:none;color:var(--wa-text)}.search-match-count{font-size:12px;color:var(--wa-muted);white-space:nowrap}.highlight-target{animation:flashHighlight 1.5s ease}@keyframes flashHighlight{0%{background:#fff9c4!important}50%{background:#fff59d!important}to{background:transparent}}.wa-link{color:var(--wa-link);text-decoration:underline;word-break:break-all;cursor:pointer}.wa-link:hover{text-decoration:underline;opacity:.85}.wa-phone-link{color:#027eb5;text-decoration:underline;text-decoration-style:dotted;cursor:pointer;font-weight:500;transition:background .12s,color .12s;padding:0 3px;border-radius:4px;display:inline-flex;align-items:center;gap:2px}.wa-phone-link:hover{background:#027eb51f;color:var(--wa-brand)}[data-theme=dark] .wa-phone-link{color:#53bdeb}[data-theme=dark] .wa-phone-link:hover{background:#53bdeb26}.wa-bold{font-weight:700}.wa-italic{font-style:italic}.wa-strike{text-decoration:line-through}.wa-code-block{display:block;background:#0000000f;padding:6px 8px;border-radius:4px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12.5px;margin:4px 0;white-space:pre-wrap}[data-theme=dark] .wa-code-block{background:#ffffff14}.wa-inline-code{background:#0000000f;padding:1px 5px;border-radius:4px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12.5px}[data-theme=dark] .wa-inline-code{background:#ffffff1a}.wa-quote-line{display:flex;gap:8px;margin:3px 0}.wa-quote-bar{width:3.5px;border-radius:2px;background:var(--wa-brand);flex-shrink:0}.wa-quote-content{font-style:italic;color:var(--wa-text);opacity:.9}.wa-bullet-line{display:flex;gap:6px;margin:2px 0}.wa-bullet-dot{color:var(--wa-brand);font-weight:700;flex-shrink:0}.composer-preview-bar{background:var(--wa-header);border-top:1px solid var(--wa-border);border-bottom:1px solid var(--wa-border);padding:5px 14px;font-size:13px;color:var(--wa-text);display:flex;align-items:center;gap:12px;animation:fadeIn .12s ease}.composer-preview-label{font-size:10.5px;font-weight:700;text-transform:uppercase;color:var(--wa-brand);letter-spacing:.5px;flex-shrink:0;display:flex;align-items:center;gap:4px}.composer-preview-content{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.composer-fmt-tools{display:flex;align-items:center;gap:4px}.fmt-btn{background:#0000000d;border:1px solid var(--wa-border);border-radius:4px;padding:1px 6px;font-size:11.5px;font-weight:600;color:var(--wa-text);cursor:pointer;transition:background .1s,border-color .1s}.fmt-btn:hover{background:var(--wa-hover);border-color:var(--wa-brand)}[data-theme=dark] .fmt-btn{background:#ffffff14}[data-theme=dark] .msg-reaction-pill{background:#202c33;border-color:#2a3942}@keyframes popUp{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.reaction-opt:hover{transform:scale(1.25)}.quick-reply-item:last-child{border-bottom:none}.quick-reply-item:hover,.quick-reply-item.active{background:var(--wa-hover)}.attach-menu-tray{position:absolute;bottom:60px;left:20px;background:var(--wa-panel);border:1px solid var(--wa-border);border-radius:12px;box-shadow:0 6px 24px #0000002e;padding:12px;display:flex;flex-direction:column;gap:10px;z-index:40;animation:popUp .15s ease}.attach-opt{display:flex;align-items:center;gap:12px;padding:6px 10px;border-radius:8px;cursor:pointer;transition:background .12s;width:100%}.attach-opt:hover{background:var(--wa-hover)}.attach-icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:17px;color:#fff}.bg-purple{background:#ac44cf}.bg-pink{background:#ec407a}.bg-doc{background:#5f66cd}.bg-audio{background:#ff8c00}.bg-contact{background:#0eabf4}.bg-teal{background:#00a884}.bg-amber{background:#f59e0b}.bg-blue{background:#2563eb}.bg-orange{background:#ea580c}.chip:hover{background:var(--wa-hover);color:var(--wa-text)}.chip.active{background:var(--wa-brand);color:#fff;font-weight:600;box-shadow:0 1px 3px #00a88440}.chip.active .tab-count-badge{background:#fff;color:var(--wa-brand)}.chip-add-btn:hover{background:var(--wa-brand);color:#fff;border-color:var(--wa-brand)}.custom-tab-pill{position:relative;padding-right:22px!important}.custom-tab-close-btn{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:14px;height:14px;border-radius:50%;border:none;background:transparent;color:inherit;opacity:.6;display:grid;place-items:center;font-size:10px;cursor:pointer}.custom-tab-close-btn:hover{opacity:1;background:#00000026}.custom-list-modal{max-width:480px}.color-preset-btn.active{transform:scale(1.2);border-color:#fff;box-shadow:0 0 0 2px var(--wa-brand)}.custom-list-conv-picker{max-height:180px;overflow-y:auto;border:1px solid var(--wa-border);border-radius:8px;padding:4px;display:flex;flex-direction:column;gap:2px}.custom-list-conv-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;cursor:pointer;font-size:13px}.custom-list-conv-item:hover{background:var(--wa-hover)}.custom-list-conv-item .conv-name{font-weight:500;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-list-conv-item .conv-phone{font-size:11.5px;color:var(--wa-muted)}.staff-note-form textarea{width:100%;background:var(--wa-input);border:1px solid var(--wa-border);border-radius:8px;padding:8px 12px;font-size:13px;color:var(--wa-text);outline:none;font-family:inherit;resize:vertical}[data-theme=dark] .staff-note-card{background:#2a2c20;border-color:#3e3f28;color:#fff9c4}[data-theme=dark] .staff-note-meta{color:#bcaaa4}[data-theme=dark] .chat-notes-banner{background:#25281b;border-color:#353823;color:#fff9c4}[data-theme=dark] .chat-notes-banner-btn{background:#3e3820;color:#ffe082;border-color:#554d2a}.attach-label{font-size:14px;font-weight:500;color:var(--wa-text)}.emoji-palette-popover{position:absolute;bottom:62px;left:16px;background:var(--wa-panel);border:1px solid var(--wa-border);border-radius:12px;box-shadow:0 8px 24px #0003;width:330px;max-height:280px;z-index:40;display:flex;flex-direction:column;overflow:hidden;animation:popUp .15s ease}.emoji-header{display:flex;align-items:center;justify-content:space-around;background:var(--wa-header);border-bottom:1px solid var(--wa-border);padding:6px}.emoji-tab-btn{font-size:16px;cursor:pointer;padding:4px 8px;border-radius:6px}.emoji-tab-btn.active{background:var(--wa-hover)}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;padding:10px;overflow-y:auto;max-height:220px}.emoji-btn{font-size:20px;height:34px;display:grid;place-items:center;border-radius:6px;cursor:pointer;transition:transform .1s,background .1s}.emoji-btn:hover{transform:scale(1.2);background:var(--wa-hover)}.quick-reply-popover{position:absolute;bottom:62px;left:60px;right:60px;background:var(--wa-panel);border:1px solid var(--wa-border);border-radius:10px;box-shadow:0 6px 20px #0000002e;max-height:220px;overflow-y:auto;z-index:35}.quick-reply-item{display:flex;flex-direction:column;padding:10px 14px;border-bottom:1px solid var(--wa-border);cursor:pointer;text-align:left;transition:background .12s}.quick-reply-item:hover{background:var(--wa-hover)}.qr-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.qr-shortcut{font-weight:700;color:var(--wa-brand-dark);font-size:13.5px}.qr-title{font-size:12.5px;color:var(--wa-muted)}.qr-text{font-size:13px;color:var(--wa-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-panel{position:absolute;top:0;right:0;bottom:0;width:380px;max-width:100%;background:var(--wa-panel);border-left:1px solid var(--wa-border);z-index:25;display:flex;flex-direction:column;box-shadow:-4px 0 16px #0000001a;animation:slideIn .2s ease}.drawer-header{height:60px;background:var(--wa-header);border-bottom:1px solid var(--wa-border);display:flex;align-items:center;justify-content:space-between;padding:0 16px;flex-shrink:0}.drawer-header h3{font-size:16px;font-weight:600}.drawer-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:14px}.gallery-tabs{display:flex;border-bottom:1px solid var(--wa-border);margin-bottom:12px}.gallery-tab{flex:1;text-align:center;padding:8px 0;font-size:13px;font-weight:600;color:var(--wa-muted);cursor:pointer;border-bottom:2px solid transparent}.gallery-tab.active{color:var(--wa-brand-dark);border-bottom-color:var(--wa-brand)}.media-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.gallery-thumb{width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px;cursor:pointer;transition:opacity .15s}.gallery-thumb:hover{opacity:.85}.gallery-thumb-video{position:relative;overflow:hidden;background:#000}.gallery-thumb-video video{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.gallery-video-play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;font-size:18px;text-shadow:0 1px 4px rgba(0,0,0,.6);background:#00000026}.starred-msg-card{background:var(--wa-applist-bg);border-radius:8px;padding:10px 12px;border:1px solid var(--wa-border);cursor:pointer;transition:background .12s}.starred-msg-card:hover{background:var(--wa-hover)}.starred-card-header{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--wa-muted);margin-bottom:4px}.starred-card-text{font-size:13.5px;color:var(--wa-text);line-height:1.4}.login{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100vw;background:var(--wa-chat-bg);background-image:linear-gradient(180deg,var(--wa-brand-dark) 0,var(--wa-brand-dark) 220px,var(--wa-chat-bg) 220px,var(--wa-chat-bg) 100%);padding:20px}.login-card{width:100%;max-width:440px;background:#fff;border-radius:12px;box-shadow:0 10px 30px #00000026;overflow:hidden}.login-hero{padding:32px 24px 20px;text-align:center;display:flex;flex-direction:column;align-items:center}.logo-wrap{margin-bottom:12px}.logo-wrap img{height:54px;width:auto;object-fit:contain}.login-hero h1{font-size:24px;font-weight:700;color:var(--wa-text);margin-bottom:4px}.login-hero p{font-size:13px;color:var(--wa-muted)}.login-body{padding:20px 24px 32px}.login-body form .btn{width:100%;margin-top:8px;background:var(--wa-brand);color:#fff;border:none;font-size:15px;height:44px;border-radius:8px}.login-body form .btn:hover:not(:disabled){background:var(--wa-teal)}.settings-shell-wrap{width:100%;height:100%;display:flex;flex-direction:column;align-items:stretch;background-color:var(--wa-chat-bg);background-image:var(--wa-wallpaper);background-repeat:repeat;overflow:hidden}.settings-shell{display:flex;align-items:stretch;width:100%;height:100%;flex:1;min-height:0;overflow:hidden;position:relative;background:var(--wa-panel);box-shadow:0 0 0 1px var(--wa-border)}.settings-sidebar{width:360px;min-width:320px;max-width:420px;flex-shrink:0;display:flex;flex-direction:column;gap:4px;padding:14px 12px;border-right:1px solid var(--wa-border);height:100%;overflow-y:auto;box-sizing:border-box;background:var(--wa-applist-bg)}.status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--wa-muted-light);border:2px solid var(--wa-applist-bg);flex-shrink:0}.status-dot.online{background:#25d366}.sidebar-profile-card{display:flex;align-items:center;gap:10px;padding:10px 8px 16px;margin-bottom:8px;border-bottom:1px solid var(--wa-border)}.sidebar-avatar-wrap{position:relative;flex-shrink:0}.sidebar-avatar-wrap .status-dot{position:absolute;bottom:0;right:0}.sidebar-profile-info{min-width:0}.sidebar-profile-name{font-weight:700;font-size:14.5px;color:var(--wa-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-profile-role{font-size:12px;font-weight:600;margin-top:1px}.sidebar-profile-role.r-admin{color:var(--wa-teal)}.sidebar-profile-role.r-staff{color:var(--wa-muted)}.settings-nav-group{display:flex;flex-direction:column;gap:2px;margin-bottom:12px}.settings-nav-group-label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--wa-muted);padding:8px 12px 4px}.settings-nav-item{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:10px 14px;border:none;background:transparent;color:var(--wa-text);border-radius:8px;font-size:14.5px;font-weight:500;text-align:left;cursor:pointer;transition:all .15s ease;box-sizing:border-box}.settings-nav-item:hover{background:var(--wa-hover, rgba(0, 0, 0, .05))}.settings-nav-item.active{background:#00a8841f;color:#00a884;font-weight:600}.settings-nav-home-btn{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;margin:0 0 6px;padding:10px 14px;border:1px solid var(--wa-border);background:var(--wa-panel);color:var(--wa-text);border-radius:8px;font-size:14.5px;font-weight:600;text-align:left;cursor:pointer;box-sizing:border-box;transition:all .15s ease}.settings-nav-home-btn:hover{background:var(--wa-hover, rgba(0, 0, 0, .05))}.settings-nav-home-btn.active{background:#00a884;color:#fff;border-color:#00a884}.settings-nav-home-btn.active .settings-nav-icon{filter:brightness(1.2)}.settings-home-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.settings-home-card{display:flex;flex-direction:column;justify-content:space-between;padding:16px;border-radius:10px;border:1px solid var(--wa-border, #e9edef);background:var(--wa-card-bg, #ffffff);cursor:pointer;transition:all .18s ease;box-shadow:0 1px 3px #00000008}.settings-home-card:hover{border-color:#00a884;transform:translateY(-2px);box-shadow:0 4px 14px #00a8841f}.settings-home-card-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.settings-home-card-icon{width:38px;height:38px;border-radius:8px;background:var(--wa-panel, #f0f2f5);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.settings-home-card-title{font-weight:600;font-size:14.5px;color:var(--wa-text, #111b21)}.settings-home-card-desc{font-size:12.5px;color:var(--wa-muted, #667781);line-height:1.4;margin-bottom:12px}.settings-home-card-action{font-size:12px;font-weight:600;color:#00a884;display:flex;align-items:center;gap:4px}.settings-nav-logout-btn{margin-top:14px;padding-top:14px;border-top:1px solid var(--wa-border);color:#ef4444}.settings-nav-logout-btn:hover{background:#ef444414}.settings-nav-icon{font-size:19px;flex-shrink:0;width:23px;text-align:center}.settings-mobile-toggle,.settings-nav-backdrop{display:none}.settings-page{padding:24px 32px;display:flex;flex-direction:column;align-items:stretch;gap:20px;overflow-y:auto;flex:1;min-width:0;width:100%;height:100%;box-sizing:border-box;font-size:14.5px;line-height:1.55}@media (max-width: 860px){.settings-shell{flex-direction:column;overflow:visible;height:auto}.settings-mobile-toggle{display:flex;align-items:center;justify-content:space-between;width:calc(100% - 24px);margin:12px;padding:12px 14px;background:var(--wa-panel);border:1px solid var(--wa-border);border-radius:10px;color:var(--wa-text);font-size:14.5px;font-weight:600;cursor:pointer}.settings-sidebar{display:none;width:100%;max-width:100%}.settings-sidebar.open{display:flex;position:fixed;top:56px;left:10px;right:10px;bottom:20px;width:auto;max-width:calc(100vw - 20px);max-height:85vh;z-index:100;background:var(--wa-panel);border:1px solid var(--wa-border);border-radius:12px;box-shadow:0 12px 36px #00000059}.settings-nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:95}.settings-page{height:auto;padding:14px 14px 40px;gap:16px;width:100%}}@media (max-width: 480px){.settings-card{padding:16px;border-radius:10px}}.settings-card{background:var(--wa-panel);border:1px solid var(--wa-border);border-radius:12px;padding:24px 28px;display:flex;flex-direction:column;gap:16px;width:100%;max-width:100%;box-sizing:border-box;box-shadow:0 1px 3px #0b141a0a}.settings-card h3{margin:0;font-size:18px;font-weight:700;color:var(--wa-text);line-height:1.3}.settings-card h4{margin:6px 0 10px;font-size:13.5px;font-weight:700;color:var(--wa-muted);text-transform:uppercase;letter-spacing:.04em}.input{width:100%;box-sizing:border-box;height:48px;padding:0 16px;border:1.5px solid var(--wa-border);border-radius:9px;background:var(--wa-input, var(--wa-panel));color:var(--wa-text);font-size:15.25px;font-family:inherit;outline:none;transition:border-color .15s ease,box-shadow .15s ease}textarea.input{height:auto;padding:12px 15px;line-height:1.6}.input::placeholder{color:var(--wa-muted);opacity:.8}.input:focus{border-color:var(--wa-teal);box-shadow:0 0 0 3px #00a88426}.input:disabled{opacity:.6;cursor:not-allowed}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M0 0l5 6 5-6z' fill='%238696a0'/></svg>");background-repeat:no-repeat;background-position:right 12px center;padding-right:30px}.settings-field-label{display:block;font-size:12.5px;font-weight:600;color:var(--wa-muted);margin-bottom:7px}.settings-field{display:flex;flex-direction:column;gap:2px}.qr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.qr-card{border:1px solid var(--wa-border);border-radius:12px;padding:16px;text-align:center;background:var(--wa-input, var(--wa-panel));display:flex;flex-direction:column;align-items:center;gap:10px;transition:box-shadow .15s ease,transform .15s ease}.qr-card:hover{box-shadow:0 4px 14px #00000014;transform:translateY(-1px)}.qr-card img{width:132px;height:132px;border-radius:8px;background:#fff;padding:6px;border:1px solid var(--wa-border)}.qr-card-message{font-size:13px;font-weight:600;color:var(--wa-text);word-break:break-word}.qr-card-link{font-size:11.5px;color:var(--wa-teal);word-break:break-all}.qr-card-actions{display:flex;gap:8px;width:100%}.qr-card-actions .btn{flex:1}.staff-add-panel{background:#00a8840f;border:1px solid rgba(0,168,132,.25);border-radius:12px;padding:18px}.staff-add-panel h4{color:var(--wa-teal);text-transform:none;letter-spacing:normal;font-size:14px;margin:0 0 12px}.staff-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.mon-row-actions{display:flex;gap:6px;flex-shrink:0;margin-left:auto}@media (max-width: 520px){.mon-row{align-items:flex-start}.mon-row-actions{width:100%;margin-left:44px}}.sig-preview-chat{background-color:var(--wa-chat-bg, #efeae2);background-image:var(--wa-wallpaper);background-repeat:repeat;border:1px solid var(--wa-border);border-radius:10px;padding:16px;display:flex;justify-content:flex-end}.sig-preview-bubble{background:#dcf8c6;border-radius:10px;padding:8px 10px 6px;font-size:13.5px;white-space:pre-wrap;word-break:break-word;line-height:1.5;color:#111;max-width:340px;box-shadow:0 1px 2px #00000026}.sig-preview-time{display:block;text-align:right;font-size:10.5px;color:#00000073;margin-top:4px}.sig-preview-ticks{color:#53bdeb}.settings-avatar{width:64px;height:64px;border-radius:50%;background:var(--wa-teal);color:#fff;font-size:26px;font-weight:700;display:grid;place-items:center;margin-bottom:4px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.mon-list{display:flex;flex-direction:column;gap:8px;margin-top:6px}.mon-row{display:flex;align-items:center;gap:12px;padding:10px;background:var(--wa-applist-bg);border-radius:8px;border:1px solid var(--wa-border)}.avatar.sm{width:36px;height:36px;font-size:13px}.mon-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.mon-name{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px}.mon-detail{font-size:12px;color:var(--wa-muted)}.status-tick{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;margin-left:4px;line-height:1;flex-shrink:0}.status-tick svg{display:block}.status-tick.tick-sent svg path{fill:#8696a0}.status-tick.tick-delivered svg path{fill:#8696a0}.status-tick.tick-read svg path{fill:#53bdeb!important}.status-tick.tick-sending{animation:tickPulse 1s ease-in-out infinite alternate}@keyframes tickPulse{0%{opacity:.4}to{opacity:.9}}.chat-item-status-tick{margin-right:4px}.service-window-hero{max-width:520px;margin:40px auto;background:var(--wa-panel-bg);border:1.5px solid rgba(245,158,11,.4);border-radius:12px;padding:24px;text-align:center;box-shadow:0 4px 16px #0000001f;display:flex;flex-direction:column;align-items:center;gap:12px}.service-window-hero-icon{font-size:36px;margin-bottom:2px}.service-window-hero-title{font-size:18px;font-weight:700;color:var(--wa-text);margin:0}.service-window-hero-badge{display:inline-block;background:#fef3c7;color:#b45309;font-size:12px;font-weight:700;padding:4px 10px;border-radius:12px;border:1px solid #fde68a}.service-window-hero-desc{font-size:14px;color:var(--wa-muted);line-height:1.5;margin:0}.service-window-hero-btn{background:var(--wa-teal);color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;margin-top:6px;display:inline-flex;align-items:center;gap:8px;transition:opacity .15s ease}.service-window-hero-btn:hover{opacity:.9}.service-window-alert{background:#fffbeb;border-bottom:1px solid #fef3c7;color:#92400e;padding:10px 16px;font-size:13px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}.service-window-alert-btn{background:#d97706;color:#fff;border:none;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.service-window-alert-btn:hover{background:#b45309}.composer-template-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--wa-panel-bg);border-top:1px solid var(--wa-border);padding:12px 20px}.composer-template-bar-text{font-size:13px;color:var(--wa-muted)}.composer-template-bar-btn{background:var(--wa-teal);color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.bubble{position:relative}.msg-reaction-pill{position:absolute;bottom:-10px;right:12px;z-index:3;display:inline-flex;align-items:center;gap:3px;background:var(--wa-panel-bg);border:1px solid var(--wa-border);border-radius:14px;padding:2px 7px;font-size:13px;box-shadow:0 1.5px 4px #00000029;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .15s ease,box-shadow .15s ease}.msg-reaction-pill:hover{transform:scale(1.08);box-shadow:0 2px 6px #00000038}.msg-reaction-pill.has-own{border-color:#00a88480;background:#00a88414}.reaction-emojis{display:inline-flex;gap:2px;line-height:1}.reaction-count{font-size:11px;font-weight:700;color:var(--wa-muted);margin-left:2px}.reaction-details-popup{position:absolute;bottom:24px;right:0;z-index:50;background:var(--wa-panel-bg);border:1px solid var(--wa-border);border-radius:8px;padding:8px;box-shadow:0 4px 16px #0003;min-width:150px;animation:fadeIn .12s ease}.reaction-details-header{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--wa-muted);padding-bottom:6px;border-bottom:1px solid var(--wa-border);margin-bottom:6px}.reaction-details-list{display:flex;flex-direction:column;gap:6px}.reaction-detail-row{display:flex;align-items:center;justify-content:space-between;font-size:13px;padding:3px 6px;border-radius:4px}.reaction-detail-row.own-row{background:#00a88414;cursor:pointer}.reaction-detail-row.own-row:hover{background:#ef44441a}.reactor-name{font-weight:500}.reactor-emoji{font-size:16px}.reactor-remove-hint{font-size:10px;color:var(--wa-danger);margin-left:6px}.reaction-opt:hover{transform:scale(1.3);background:#0000000d}.reaction-opt.active{background:#00a88433}.reaction-more-btn{background:none;border:none;font-size:15px;cursor:pointer;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;color:var(--wa-muted);transition:transform .12s ease}.reaction-more-btn:hover{transform:scale(1.2);color:var(--wa-teal)}.filter-chips{display:flex;align-items:center;gap:10px;padding:10px 16px;overflow-x:auto;white-space:nowrap;border-bottom:1px solid var(--wa-border);background:var(--wa-panel);scrollbar-width:thin}.filter-chips::-webkit-scrollbar{height:6px}.filter-chips::-webkit-scrollbar-thumb{background:var(--wa-border);border-radius:3px}.filter-chips::-webkit-scrollbar-track{background:transparent}.chip{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border-radius:18px;font-size:14.5px;font-weight:500;background:var(--wa-applist-bg);color:var(--wa-muted);border:1px solid transparent;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .15s ease;flex-shrink:0}.chip:hover{background:#00a88414;color:var(--wa-text)}.chip.active{background:#00a88424;color:var(--wa-teal);font-weight:600;border-color:#00a88459}.tab-count-badge{background:var(--wa-teal);color:#fff;font-size:11px;font-weight:700;border-radius:10px;padding:1px 6px;line-height:1.2}.chip.active .tab-count-badge{background:var(--wa-teal);color:#fff}.chip-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.chip-del-btn{background:none;border:none;color:var(--wa-muted);font-size:10px;margin-left:2px;cursor:pointer;padding:0 2px;line-height:1;opacity:.7}.chip-del-btn:hover{opacity:1;color:var(--wa-danger)}.chip-add-btn{width:28px;height:28px;min-width:28px;border-radius:50%;background:var(--wa-applist-bg);color:var(--wa-muted);border:1px solid var(--wa-border);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;flex-shrink:0;transition:all .15s ease}.chip-add-btn:hover{background:var(--wa-teal);color:#fff;border-color:var(--wa-teal)}.custom-list-modal,.staff-notes-modal{max-width:500px;max-height:88vh;display:flex;flex-direction:column}.modal-head-title{display:flex;align-items:center;gap:10px}.modal-icon-badge{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;font-size:16px;color:#fff;flex-shrink:0}.modal-icon-badge.bg-amber{background:#f59e0b}.modal-sub-label{font-size:11.5px;color:var(--wa-muted)}.color-preset-row{display:flex;gap:8px;margin-top:6px}.color-preset-btn{width:26px;height:26px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .12s ease}.color-preset-btn.active{transform:scale(1.2);border-color:#fff;box-shadow:0 0 0 2px var(--wa-teal)}.custom-list-convs-picker{max-height:220px;overflow-y:auto;border:1px solid var(--wa-border);border-radius:8px;margin-top:6px;background:var(--wa-applist-bg)}.conv-picker-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--wa-border);cursor:pointer;transition:background .1s ease}.conv-picker-row:hover{background:#00a8840f}.conv-picker-row.selected{background:#00a8841f}.conv-picker-name{font-size:13.5px;font-weight:500}.conv-picker-phone{font-size:11px;color:var(--wa-muted);margin-left:6px}.staff-note-form{padding:12px 16px;background:var(--wa-applist-bg);border-bottom:1px solid var(--wa-border);display:flex;flex-direction:column;gap:8px}.staff-note-form textarea{width:100%;border:1px solid var(--wa-border);border-radius:6px;padding:8px 10px;font-size:13.5px;background:var(--wa-panel-bg);color:var(--wa-text);resize:vertical}.staff-note-form button{align-self:flex-end}.staff-notes-list{padding:12px 16px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;max-height:320px}.staff-note-card{background:var(--wa-applist-bg);border:1px solid var(--wa-border);border-left:4px solid #f59e0b;border-radius:6px;padding:10px 12px}.staff-note-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;font-size:11.5px;color:var(--wa-muted)}.staff-note-author{font-weight:600;color:#f59e0b}.staff-note-del-btn{background:none;border:none;color:var(--wa-muted);cursor:pointer;font-size:12px;padding:2px 4px}.staff-note-del-btn:hover{color:var(--wa-danger)}.staff-note-body{font-size:13px;line-height:1.4;white-space:pre-wrap;color:var(--wa-text)}.staff-notes-empty{text-align:center;color:var(--wa-muted);font-size:13px;padding:24px 0}.chat-notes-banner{background:#f59e0b1a;border-bottom:1px solid rgba(245,158,11,.25);padding:8px 16px;display:flex;align-items:center;justify-content:space-between;font-size:12.5px;color:var(--wa-text)}.chat-notes-banner-left{display:flex;align-items:center;gap:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-notes-banner-tag{background:#f59e0b;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase}.chat-notes-banner-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-notes-banner-btn{background:none;border:1px solid #f59e0b;color:#f59e0b;font-size:11px;font-weight:600;border-radius:4px;padding:2px 8px;cursor:pointer;white-space:nowrap;flex-shrink:0}.chat-notes-banner-btn:hover{background:#f59e0b;color:#fff}.staff-assign-select{background:var(--wa-applist-bg);border:1px solid var(--wa-border);color:var(--wa-text);font-size:12px;border-radius:14px;padding:4px 8px;cursor:pointer;outline:none}.staff-assign-select:hover{border-color:var(--wa-teal)}.chat-assign-pill{font-size:11px;background:#027eb51f;color:#027eb5;border:1px solid rgba(2,126,181,.3);padding:1px 6px;border-radius:4px;margin-left:6px;font-weight:500}.catalog-modal{max-width:520px;max-height:88vh;display:flex;flex-direction:column}.catalog-tab-switch{display:flex;border-bottom:1px solid var(--wa-border);background:var(--wa-applist-bg)}.catalog-tab-btn{flex:1;padding:10px 14px;background:none;border:none;border-bottom:2px solid transparent;font-size:13.5px;font-weight:500;color:var(--wa-muted);cursor:pointer;transition:all .15s ease}.catalog-tab-btn.active{color:var(--wa-teal);border-bottom-color:var(--wa-teal);font-weight:600;background:var(--wa-panel-bg)}.catalog-panel-body{padding:14px 16px;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.catalog-preview-box{background:var(--wa-applist-bg);border:1px solid var(--wa-border);border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:8px}.catalog-preview-header{display:flex;align-items:center;gap:10px}.catalog-preview-avatar{width:38px;height:38px;border-radius:50%;background:var(--wa-teal);color:#fff;display:grid;place-items:center;font-size:18px}.catalog-preview-name{font-size:14px;font-weight:600;margin:0}.catalog-preview-sub{font-size:11.5px;color:var(--wa-muted)}.catalog-preview-quote{font-size:13px;font-style:italic;color:var(--wa-text);margin:4px 0}.catalog-preview-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--wa-border);padding-top:8px;font-size:11.5px;color:var(--wa-muted)}.catalog-action-pill{background:var(--wa-teal);color:#fff;font-weight:600;font-size:12px;padding:3px 10px;border-radius:12px}.catalog-search-row{display:flex;align-items:center;gap:8px;background:var(--wa-applist-bg);border:1px solid var(--wa-border);border-radius:8px;padding:6px 12px}.catalog-search-row input{border:none;background:none;width:100%;font-size:13px;outline:none;color:var(--wa-text)}.catalog-product-list{max-height:240px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.catalog-product-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--wa-border);border-radius:8px;background:var(--wa-applist-bg);cursor:pointer;transition:all .12s ease}.catalog-product-item:hover{background:#00a8840f}.catalog-product-item.selected{border-color:var(--wa-teal);background:#00a8841a}.catalog-product-thumb{width:44px;height:44px;border-radius:6px;object-fit:cover}.catalog-product-info{flex:1}.catalog-product-title{font-size:13.5px;font-weight:600}.catalog-product-meta{display:flex;align-items:center;gap:8px;margin-top:2px}.catalog-product-price{font-size:12.5px;font-weight:700;color:var(--wa-teal)}.catalog-product-cat{font-size:11px;color:var(--wa-muted)}.catalog-product-radio{font-size:16px;color:var(--wa-teal)}.msg-catalog-card{background:var(--wa-panel-bg);border:1px solid var(--wa-border);border-radius:8px;overflow:hidden;margin-bottom:4px;max-width:320px}.msg-catalog-card-banner{background:#00a884;color:#fff;padding:8px 12px;display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600}.msg-catalog-card-body{padding:10px 12px}.msg-catalog-card-title{font-size:14px;font-weight:600;margin-bottom:4px}.msg-catalog-card-text{font-size:13px;line-height:1.4;color:var(--wa-text);margin-bottom:10px}.msg-catalog-card-btn{display:block;text-align:center;background:#00a884;color:#fff!important;text-decoration:none;font-size:13px;font-weight:600;padding:8px 12px;border-radius:6px;transition:opacity .15s ease}.msg-catalog-card-btn:hover{opacity:.9}.msg-product-card{background:var(--wa-panel-bg);border:1px solid var(--wa-border);border-radius:8px;overflow:hidden;max-width:300px;margin-bottom:4px}.msg-product-card-img{width:100%;height:160px;object-fit:cover;display:block}.msg-product-card-body{padding:10px 12px}.msg-product-card-title{font-size:14px;font-weight:600;margin-bottom:2px}.msg-product-card-price{font-size:14px;font-weight:700;color:var(--wa-teal);margin-bottom:6px}.msg-product-card-desc{font-size:12.5px;line-height:1.35;color:var(--wa-muted);margin-bottom:8px}.msg-product-card-btn{display:block;text-align:center;background:#00a884;color:#fff!important;text-decoration:none;font-size:12.5px;font-weight:600;padding:6px 12px;border-radius:6px}.archived-chats-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--wa-panel-bg);border-bottom:1px solid var(--wa-border);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .12s ease}.archived-chats-bar:hover{background:#00a8840f}.archived-chats-bar-left{display:flex;align-items:center;gap:12px}.archived-icon{font-size:17px;color:var(--wa-teal)}.archived-title{font-size:14px;font-weight:600;color:var(--wa-text)}.archived-count{font-size:12px;color:var(--wa-teal);font-weight:700}.archived-header-banner{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--wa-applist-bg);border-bottom:1px solid var(--wa-border);font-size:14px;font-weight:600}.read-by-badge{font-size:10.5px;color:var(--wa-muted);display:inline-flex;align-items:center;gap:3px;margin-left:6px}.reply-by-badge{font-size:10.5px;color:var(--wa-teal);display:inline-flex;align-items:center;gap:3px;margin-left:6px;font-weight:500}.camera-backdrop{z-index:1200;background:#000000d9;display:flex;align-items:center;justify-content:center}.camera-modal{width:92%;max-width:680px;max-height:90vh;background:#111b21;color:#e9edef;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 12px 36px #0009;animation:modalPop .2s cubic-bezier(.1,.9,.2,1)}.camera-header{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:#202c33;border-bottom:1px solid #2a3942}.camera-title{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:#e9edef}.camera-header-actions{display:flex;align-items:center;gap:10px}.camera-tool-btn{background:#2a3942;border:1px solid #3b4a54;color:#00a884;font-size:12px;font-weight:600;border-radius:16px;padding:4px 12px;cursor:pointer;transition:all .15s}.camera-tool-btn:hover{background:#374248}.camera-close-btn{color:#aebac1!important}.camera-body{position:relative;background:#000;min-height:380px;display:flex;align-items:center;justify-content:center;overflow:hidden}.camera-viewfinder{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.camera-viewfinder.flashing{opacity:.1;filter:brightness(3)}.camera-live-video{width:100%;max-height:480px;object-fit:cover;display:block}.camera-preview-box{width:100%;max-height:480px;display:flex;align-items:center;justify-content:center;background:#000}.camera-preview-media{max-width:100%;max-height:480px;object-fit:contain;display:block}.camera-rec-badge{position:absolute;top:14px;left:16px;background:#000000bf;border:1px solid rgba(234,0,65,.6);padding:4px 12px;border-radius:18px;display:flex;align-items:center;gap:8px;z-index:10}.camera-rec-dot{width:10px;height:10px;border-radius:50%;background:#ea0038;animation:waBlink 1s infinite alternate}@keyframes waBlink{0%{opacity:1;transform:scale(1)}to{opacity:.3;transform:scale(.85)}}.camera-rec-text{font-size:13px;font-weight:700;color:#fff;letter-spacing:.5px}.camera-error-container{padding:32px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;max-width:400px}.camera-error-icon{font-size:36px}.camera-error-container h4{font-size:17px;font-weight:600;color:#e9edef}.camera-error-container p{font-size:13.5px;color:#8696a0;line-height:1.5}.camera-footer{background:#202c33;padding:14px 18px;border-top:1px solid #2a3942}.camera-live-controls{display:flex;flex-direction:column;align-items:center;gap:12px}.camera-mode-tabs{display:flex;align-items:center;background:#111b21;border-radius:20px;padding:3px;gap:4px}.camera-mode-tab{background:transparent;border:none;color:#8696a0;font-size:12px;font-weight:700;padding:6px 16px;border-radius:16px;cursor:pointer;transition:all .15s}.camera-mode-tab.active{background:#00a884;color:#111b21}.camera-shutter-wrap{display:flex;align-items:center;justify-content:center;padding:6px 0}.camera-shutter-btn{width:64px;height:64px;border-radius:50%;border:4px solid #fff;background:transparent;padding:3px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .1s ease}.camera-shutter-btn:active{transform:scale(.92)}.shutter-inner{width:100%;height:100%;border-radius:50%;background:#fff}.camera-record-btn{width:64px;height:64px;border-radius:50%;border:4px solid #ea0038;background:transparent;padding:3px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .1s}.record-inner{width:100%;height:100%;border-radius:50%;background:#ea0038;transition:all .2s}.camera-stop-btn{width:64px;height:64px;border-radius:50%;border:4px solid #fff;background:transparent;padding:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;animation:stopPulse 1.2s infinite alternate}@keyframes stopPulse{0%{transform:scale(1)}to{transform:scale(1.06)}}.stop-inner{width:22px;height:22px;background:#ea0038;border-radius:4px}.camera-preview-controls{display:flex;flex-direction:column;gap:12px}.camera-caption-input{width:100%;background:#111b21;border:1px solid #2a3942;border-radius:8px;padding:10px 14px;color:#e9edef;font-size:14px;outline:none}.camera-caption-input:focus{border-color:#00a884}.camera-preview-buttons{display:flex;align-items:center;justify-content:space-between}.camera-retake-btn{background:#2a3942;color:#e9edef}.camera-send-btn{padding:8px 24px;font-size:14px;font-weight:600}.voice-recorder-bar{flex:1;display:flex;align-items:center;gap:12px;background:var(--wa-applist-bg);border-radius:8px;padding:6px 12px;min-height:42px;animation:fadeIn .15s ease}.voice-recorder-bar.error-state{background:#ea00381f;border:1px solid rgba(234,0,56,.3)}.voice-error-text{font-size:12.5px;color:#ea0038;flex:1}.voice-rec-btn{background:transparent;border:none;font-size:18px;cursor:pointer;padding:4px;border-radius:50%;display:grid;place-items:center;transition:all .15s}.voice-rec-trash:hover{background:#ea003826;transform:scale(1.1)}.voice-rec-live-info{flex:1;display:flex;align-items:center;gap:16px}.voice-rec-pulse-badge{display:flex;align-items:center;gap:8px}.voice-rec-pulse-dot{width:9px;height:9px;border-radius:50%;background:#ea0038;animation:waBlink .9s infinite alternate}.voice-rec-time{font-size:13.5px;font-weight:600;color:var(--wa-text);min-width:38px;font-variant-numeric:tabular-nums}.voice-rec-canvas{height:28px;flex:1;max-width:220px}.voice-rec-preview-info{flex:1;display:flex;align-items:center;gap:10px}.voice-preview-play-btn{background:transparent;border:none;font-size:16px;color:var(--wa-teal);cursor:pointer;padding:2px 6px}.voice-preview-track{flex:1;height:4px;background:var(--wa-border);border-radius:2px;overflow:hidden;position:relative}.voice-preview-fill{height:100%;background:var(--wa-teal);transition:width .1s linear}.voice-rec-actions{display:flex;align-items:center;gap:8px}.voice-rec-stop{font-size:15px;color:var(--wa-muted)}.voice-rec-stop:hover{color:var(--wa-text)}.voice-rec-send-btn{width:38px;height:38px;border-radius:50%;background:var(--wa-teal);color:#fff;border:none;display:grid;place-items:center;font-size:15px;cursor:pointer;transition:transform .1s ease}.voice-rec-send-btn:hover{transform:scale(1.05);background:var(--wa-teal-hover)}.voice-rec-send-btn:active{transform:scale(.95)}.composer-mic-btn{width:40px;height:40px;border-radius:50%;background:transparent;color:var(--wa-muted);border:none;font-size:19px;cursor:pointer;display:grid;place-items:center;transition:all .15s ease;flex-shrink:0}.composer-mic-btn:hover{color:var(--wa-teal);background:var(--wa-hover-bg);transform:scale(1.08)}.msg-actions.has-open-picker,.bubble-wrapper:hover .msg-actions{display:flex!important;opacity:1!important;visibility:visible!important;z-index:50!important}.reaction-trigger-wrap{display:inline-block}.reaction-bar-popup{position:absolute;top:50%;transform:translateY(-50%);left:calc(100% + 8px);background:var(--wa-panel);border:1px solid var(--wa-border);border-radius:28px;padding:6px 12px;display:flex;align-items:center;gap:6px;box-shadow:0 8px 24px #0006;z-index:200!important;animation:popIn .15s cubic-bezier(.1,.9,.2,1);pointer-events:auto!important;max-width:min(280px,70vw)}.msg.self .reaction-bar-popup{left:auto;right:calc(100% + 8px)}@keyframes popIn{0%{opacity:0;transform:translateY(-50%) scale(.85)}to{opacity:1;transform:translateY(-50%) scale(1)}}@media (max-width: 480px){.reaction-bar-popup{left:auto;right:auto;top:calc(100% + 8px);transform:none}@keyframes popIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}}.reaction-bar-popup:after{content:"";position:absolute;bottom:-14px;left:-10px;right:-10px;height:16px;background:transparent}.reaction-opt{font-size:22px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;cursor:pointer;transition:transform .15s cubic-bezier(.1,.9,.2,1),background .15s;border:none;background:transparent;-webkit-user-select:none;user-select:none}.reaction-opt:hover{transform:scale(1.35);background:#ffffff26}.reaction-opt.active{background:#00a8844d;transform:scale(1.15)}.attach-preview-backdrop{z-index:1250;background:#000000d9;display:flex;align-items:center;justify-content:center}.attach-preview-modal{width:92%;max-width:640px;max-height:92vh;background:var(--wa-panel);color:var(--wa-text);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 16px 48px #00000073;animation:modalPop .2s cubic-bezier(.1,.9,.2,1)}.attach-preview-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--wa-input);border-bottom:1px solid var(--wa-border)}.attach-preview-title{display:flex;flex-direction:column;gap:2px;font-size:15px;font-weight:600}.attach-file-info{font-size:12px;color:var(--wa-muted);font-weight:400}.attach-preview-body{padding:20px;background:var(--wa-chat-bg);min-height:280px;max-height:55vh;display:flex;align-items:center;justify-content:center;overflow-y:auto}.attach-preview-media{max-width:100%;max-height:48vh;object-fit:contain;border-radius:8px;box-shadow:0 4px 12px #00000040}.attach-doc-box{background:var(--wa-input);border-radius:12px;padding:24px 32px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;width:100%;max-width:380px}.attach-doc-icon{font-size:48px}.attach-doc-name{font-size:15px;font-weight:600;word-break:break-all}.attach-doc-size{font-size:12.5px;color:var(--wa-muted)}.attach-audio-box{background:var(--wa-input);border-radius:12px;padding:20px 24px;display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:380px}.attach-audio-icon{font-size:40px}.attach-audio-name{font-size:14px;font-weight:600}.attach-audio-size{font-size:12px;color:var(--wa-muted)}.attach-audio-player{width:100%;margin-top:8px}.attach-preview-footer{background:var(--wa-input);padding:12px 18px;border-top:1px solid var(--wa-border);position:relative}.attach-caption-row{display:flex;align-items:center;gap:10px}.attach-emoji-btn{background:transparent;border:none;font-size:20px;cursor:pointer;padding:4px}.attach-caption-input{flex:1;background:var(--wa-panel);border:1px solid var(--wa-border);border-radius:8px;padding:10px 14px;color:var(--wa-text);font-size:14.5px;outline:none}.attach-caption-input:focus{border-color:var(--wa-brand)}.attach-send-btn{width:42px;height:42px;border-radius:50%;background:var(--wa-brand);color:#fff;border:none;font-size:17px;display:grid;place-items:center;cursor:pointer;transition:transform .1s ease}.attach-send-btn:hover{transform:scale(1.08);background:var(--wa-brand-dark)}.attach-send-btn:disabled{opacity:.6;cursor:not-allowed}.full-tpl-modal{width:95%!important;max-width:960px!important;height:88vh!important;max-height:720px!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.tpl-modal-title{display:flex;align-items:center;gap:10px}.tpl-head-icon{font-size:20px}.tpl-layout{flex:1;display:flex;overflow:hidden}.tpl-sidebar{width:320px;border-right:1px solid var(--wa-border);display:flex;flex-direction:column;background:var(--wa-applist-bg)}.tpl-search-box{padding:12px;border-bottom:1px solid var(--wa-border);display:flex;flex-direction:column;gap:8px}.tpl-search-input{width:100%;padding:8px 12px;border-radius:8px;border:1px solid var(--wa-border);background:var(--wa-panel-bg);color:var(--wa-text);font-size:13.5px;outline:none}.tpl-search-input:focus{border-color:var(--wa-teal)}.tpl-filter-pills{display:flex;gap:6px}.tpl-cat-btn{background:var(--wa-panel-bg);border:1px solid var(--wa-border);color:var(--wa-muted);border-radius:12px;padding:3px 10px;font-size:11px;font-weight:600;cursor:pointer}.tpl-cat-btn.active{background:var(--wa-teal);color:#fff;border-color:var(--wa-teal)}.tpl-list{flex:1;overflow-y:auto;padding:6px;display:flex;flex-direction:column;gap:4px}.tpl-opt{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:8px;border:1px solid transparent;background:transparent;text-align:left;cursor:pointer;transition:background .1s}.tpl-opt:hover{background:var(--wa-hover-bg)}.tpl-opt.on{background:#00a8841f;border-color:#00a8844d}.tpl-opt-top{display:flex;align-items:center;justify-content:space-between}.tpl-name{font-size:13.5px;font-weight:600;color:var(--wa-text)}.tpl-opt-snippet{font-size:12px;color:var(--wa-muted);line-height:1.35}.tpl-editor-pane{flex:1;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.tpl-live-preview-wrap{background:#0b141a;padding:20px;display:flex;flex-direction:column;align-items:center;overflow-y:auto;border-right:1px solid var(--wa-border)}.tpl-preview-header-tag{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:320px;margin-bottom:12px;font-size:12px;color:#8696a0;font-weight:600}.tpl-badge{background:#202c33;border-radius:10px;padding:2px 8px;font-size:10.5px;color:#00a884}.tpl-phone-bubble{background:#202c33;color:#e9edef;border-radius:8px 8px 8px 0;padding:8px;width:100%;max-width:320px;box-shadow:0 2px 6px #0000004d;display:flex;flex-direction:column;gap:6px}.tpl-header-media-preview{width:100%;max-height:160px;border-radius:6px;overflow:hidden;background:#111b21}.tpl-preview-img{width:100%;height:140px;object-fit:cover;display:block}.tpl-media-placeholder{height:90px;display:grid;place-items:center;font-size:12px;color:#8696a0}.tpl-doc-preview-badge{display:flex;align-items:center;gap:8px;background:#111b21;border-radius:6px;padding:8px 10px;font-size:18px}.tpl-doc-preview-meta{display:flex;flex-direction:column;font-size:12px}.tpl-doc-preview-meta small{font-size:10px;color:#8696a0}.tpl-bubble-header-text{font-size:14px;font-weight:700;color:#e9edef}.tpl-bubble-body-text{font-size:13.5px;line-height:1.4;white-space:pre-wrap;word-break:break-word}.tpl-bubble-footer-text{font-size:11px;color:#8696a0}.tpl-bubble-buttons{display:flex;flex-direction:column;gap:4px;margin-top:4px;border-top:1px solid #2a3942;padding-top:6px}.tpl-bubble-btn{background:#111b21;border-radius:4px;padding:6px 10px;text-align:center;font-size:12.5px;color:#00a884;font-weight:600}.tpl-fields-form{padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:14px;background:var(--wa-panel-bg)}.tpl-fields-form h4{font-size:15px;font-weight:600;margin-bottom:2px}.tpl-field-group{display:flex;flex-direction:column;gap:6px}.tpl-field-label{display:flex;justify-content:space-between;align-items:baseline;font-size:12.5px;font-weight:600;color:var(--wa-text)}.tpl-field-label small{font-size:11px;color:var(--wa-muted);font-weight:400}.tpl-input-with-action{display:flex;gap:6px}.tpl-input-with-action input{flex:1}.tpl-file-pick-btn{cursor:pointer;white-space:nowrap}.tpl-var-row{display:flex;align-items:center;gap:8px}.tpl-var-pill{font-size:11.5px;font-family:monospace;background:var(--wa-hover-bg);border:1px solid var(--wa-border);padding:6px 8px;border-radius:6px;color:var(--wa-teal);font-weight:600;min-width:54px;text-align:center}.tpl-var-row input{flex:1}.tpl-send-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:12px;padding-top:14px;border-top:1px solid var(--wa-border)}.tpl-submit-btn{padding:8px 20px;font-weight:600}.login-wrapper{min-height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 20%,#0d2822,#071714 60%,#040d0b);position:relative;overflow:hidden;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;padding:24px}.login-brand-bar{position:absolute;top:24px;width:100%;display:flex;justify-content:center;z-index:5}.brand-badge-row{display:flex;align-items:center}.secure-badge{display:inline-flex;align-items:center;gap:8px;background:#00a8841f;border:1px solid rgba(0,168,132,.3);color:#00e5a3;padding:6px 14px;border-radius:9999px;font-size:12.5px;font-weight:500;letter-spacing:.3px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.login-card-container{position:relative;width:100%;max-width:440px;z-index:10}.login-card-glow{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(135deg,#00a88466,#128c7e1a,#25d36633);border-radius:20px;filter:blur(16px);opacity:.7;z-index:-1;animation:pulseGlow 6s ease-in-out infinite alternate}@keyframes pulseGlow{0%{opacity:.5;filter:blur(14px)}to{opacity:.85;filter:blur(20px)}}.login-card-glass{background:#121c19d9;border:1px solid rgba(255,255,255,.09);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:18px;box-shadow:0 20px 50px #00000080,0 0 1px #fff3;padding:36px 32px 28px;color:#f1f5f9}.login-card-top{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:28px}.brand-avatar-container{width:64px;height:64px;border-radius:16px;background:#ffffff0d;border:1px solid rgba(0,168,132,.3);display:flex;align-items:center;justify-content:center;margin-bottom:16px;box-shadow:0 8px 24px #00a88426}.brand-logo-img{width:44px;height:44px;object-fit:contain}.brand-logo-fallback{font-size:28px}.login-card-top h2{font-size:23px;font-weight:700;color:#fff;margin:0 0 6px;letter-spacing:-.3px}.login-subtitle{font-size:13.5px;color:#94a3b8;margin:0}.login-form-premium{display:flex;flex-direction:column;gap:18px}.login-error-pill{display:flex;align-items:center;gap:10px;background:#ef44441f;border:1px solid rgba(239,68,68,.35);color:#fca5a5;padding:10px 14px;border-radius:10px;font-size:13px;line-height:1.4}.input-group-modern{display:flex;flex-direction:column;gap:7px}.input-group-modern label{font-size:13px;font-weight:500;color:#cbd5e1}.input-field-wrap{position:relative;display:flex;align-items:center;background:#0a1210b3;border:1px solid rgba(255,255,255,.12);border-radius:10px;transition:all .2s ease}.input-field-wrap:focus-within{border-color:#00a884;box-shadow:0 0 0 3px #00a88433;background:#0a1210f2}.input-icon{position:absolute;left:14px;color:#64748b;display:flex;align-items:center;pointer-events:none}.input-field-wrap input{width:100%;height:46px;padding:0 42px;background:transparent;border:none;color:#f8fafc;font-size:14.5px;font-family:inherit;outline:none}.input-field-wrap input::placeholder{color:#64748b}.password-toggle-btn{position:absolute;right:12px;background:transparent;border:none;color:#64748b;cursor:pointer;display:flex;align-items:center;padding:4px;border-radius:4px;transition:color .15s}.password-toggle-btn:hover{color:#00e5a3}.login-action-btn{width:100%;height:48px;margin-top:6px;background:linear-gradient(135deg,#00a884,#008069);border:none;border-radius:10px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease;box-shadow:0 8px 20px #00a88440}.login-action-btn:hover:not(:disabled){background:linear-gradient(135deg,#00b892,#008c73);box-shadow:0 10px 26px #00a88461;transform:translateY(-1px)}.login-action-btn:active:not(:disabled){transform:translateY(0)}.login-action-btn:disabled{opacity:.65;cursor:not-allowed}.btn-text-state{display:flex;align-items:center;gap:8px}.btn-loading-state{display:flex;align-items:center;gap:10px}.spinner-border{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-card-footer{margin-top:28px;padding-top:20px;border-top:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;align-items:center;gap:10px}.db-sync-indicator{display:flex;align-items:center;gap:8px;font-size:12px;color:#94a3b8}.status-dot-pulse{width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981}.copyright-note{font-size:11.5px;color:#64748b}.icebreaker-preview{background:var(--wa-chat-bg);border:1px solid var(--wa-border);border-radius:12px;padding:24px 20px;text-align:center;max-width:340px}.icebreaker-preview-avatar{display:flex;justify-content:center;margin-bottom:10px}.icebreaker-preview-name{font-weight:700;font-size:15px;color:var(--wa-text)}.icebreaker-preview-sub{font-size:12px;color:var(--wa-muted);margin-bottom:16px}.icebreaker-preview-prompts{display:flex;flex-direction:column;gap:8px;align-items:stretch}.icebreaker-preview-pill{background:var(--wa-panel);border:1px solid var(--wa-border);border-radius:20px;padding:10px 16px;font-size:13px;color:var(--wa-brand);font-weight:600;text-align:left}.icebreaker-preview-commands{margin-top:18px;text-align:left;border-top:1px solid var(--wa-border);padding-top:14px}.icebreaker-preview-commands-label{font-size:11.5px;color:var(--wa-muted);margin-bottom:8px;font-weight:600}.icebreaker-preview-command-row{display:flex;justify-content:space-between;gap:10px;padding:6px 0;font-size:12.5px}.icebreaker-preview-command-name{color:var(--wa-teal);font-weight:700;flex-shrink:0}.icebreaker-preview-command-desc{color:var(--wa-muted);text-align:right}.cb-container{display:flex;flex-direction:column;gap:14px;width:100%}.cb-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;background:var(--wa-panel, #f0f2f5);padding:10px 14px;border-radius:8px;border:1px solid var(--wa-border, #e9edef)}.cb-table-wrapper{width:100%;overflow-x:auto;border-radius:8px;border:1px solid var(--wa-border, #e9edef);background:var(--wa-card-bg, #ffffff);box-shadow:0 1px 3px #00000008}.cb-table{width:100%;border-collapse:collapse;text-align:left;font-size:13.5px}.cb-table th{background:var(--wa-panel, #f0f2f5);color:var(--wa-subtext, #667781);font-weight:600;font-size:11.5px;text-transform:uppercase;letter-spacing:.5px;padding:10px 14px;border-bottom:2px solid var(--wa-border, #e9edef);white-space:nowrap}.cb-table td{padding:11px 14px;border-bottom:1px solid var(--wa-border, #e9edef);color:var(--wa-text, #111b21);vertical-align:middle}.cb-table tbody tr:hover{background:var(--wa-hover, #f5f6f6)}.cb-table tbody tr:last-child td{border-bottom:none}.cb-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px;font-size:11.5px;font-weight:500;background:#00a8841a;color:#008069;border:1px solid rgba(0,168,132,.2)}.cb-custom-tag{display:inline-block;padding:2px 6px;border-radius:4px;font-size:11px;background:var(--wa-input, #f0f2f5);color:var(--wa-subtext, #54656f);margin-right:4px;margin-bottom:2px;border:1px solid var(--wa-border, #e9edef)}.crm-kanban-root{display:flex;flex-direction:column;height:100vh;width:100%;background:var(--wa-chat-bg);overflow:hidden;font-family:inherit;position:relative}.kanban-toast{position:fixed;top:18px;right:24px;z-index:99999;padding:10px 18px;border-radius:8px;font-size:13.5px;font-weight:500;box-shadow:0 4px 18px #0003;animation:slideInDown .25s ease-out}.toast-success{background:#008069;color:#fff}.toast-error{background:#ef4444;color:#fff}.kanban-top-nav{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:52px;background:var(--wa-header);border-bottom:1px solid var(--wa-border);flex-shrink:0}.kanban-nav-left{display:flex;align-items:center;gap:6px}.kanban-nav-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--wa-text);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.kanban-nav-btn:hover{background:var(--wa-hover);border-color:var(--wa-border)}.kanban-nav-btn.active{background:#00a8841f;color:var(--wa-brand);border-color:#00a8844d;font-weight:600}.kanban-portal-title{font-size:14.5px;font-weight:600;color:var(--wa-text);letter-spacing:.2px}.kanban-user-chip{display:flex;align-items:center;gap:8px;background:var(--wa-panel);padding:3px 10px 3px 4px;border-radius:20px;border:1px solid var(--wa-border)}.kanban-user-meta{display:flex;flex-direction:column}.kanban-user-name{font-size:12px;font-weight:600;color:var(--wa-text);line-height:1.2}.kanban-user-role{font-size:10.5px;color:var(--wa-muted);text-transform:uppercase}.kanban-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:var(--wa-panel);border-bottom:1px solid var(--wa-border);gap:14px;flex-wrap:wrap;flex-shrink:0}.kanban-stats-strip{display:flex;align-items:center;gap:8px}.kanban-stat-pill{display:flex;align-items:center;gap:6px;padding:4px 10px;background:var(--wa-input);border-radius:6px;font-size:12px}.kanban-stat-pill.highlight-unread{background:#ef44441a;color:#ef4444;font-weight:600}.stat-label{color:var(--wa-muted)}.stat-val{font-weight:700;color:var(--wa-text)}.highlight-unread .stat-val{color:#ef4444}.kanban-filter-group{display:flex;align-items:center;gap:10px;flex:1;max-width:780px}.kanban-search-box{display:flex;align-items:center;gap:6px;background:var(--wa-input);border:1px solid var(--wa-border);border-radius:8px;padding:4px 10px;flex:1;min-width:180px}.kanban-search-box input{border:none;background:transparent;outline:none;font-size:12.5px;color:var(--wa-text);width:100%}.kanban-clear-search{background:transparent;border:none;cursor:pointer;color:var(--wa-muted);font-size:12px;padding:0 4px}.kanban-segmented-control{display:flex;background:var(--wa-input);padding:2px;border-radius:8px;border:1px solid var(--wa-border)}.segment-btn{border:none;background:transparent;padding:4px 10px;font-size:12px;border-radius:6px;cursor:pointer;color:var(--wa-muted);font-weight:500;display:inline-flex;align-items:center;gap:4px;transition:all .12s ease}.segment-btn.active{background:var(--wa-panel);color:var(--wa-text);font-weight:600;box-shadow:0 1px 4px var(--wa-shadow)}.unread-dot-badge{background:#ef4444;color:#fff;border-radius:10px;padding:1px 5px;font-size:10.5px;font-weight:700}.kanban-staff-filter{display:flex;align-items:center;gap:4px;background:var(--wa-input);border:1px solid var(--wa-border);border-radius:8px;padding:4px 8px}.kanban-staff-filter select{border:none;background:transparent;outline:none;font-size:12px;color:var(--wa-text);font-weight:500;cursor:pointer}.kanban-actions-group{display:flex;align-items:center;gap:8px}.kanban-action-btn{padding:5px 11px;background:var(--wa-input);border:1px solid var(--wa-border);border-radius:7px;font-size:12px;font-weight:500;cursor:pointer;color:var(--wa-text);transition:all .15s ease}.kanban-action-btn:hover{background:var(--wa-hover)}.kanban-action-btn.primary{background:var(--wa-brand);color:#fff;border-color:var(--wa-brand)}.kanban-action-btn.primary:hover{background:var(--wa-brand-dark)}.kanban-refresh-btn,.kanban-icon-btn{padding:5px 8px;background:var(--wa-input);border:1px solid var(--wa-border);border-radius:7px;cursor:pointer;font-size:12px;color:var(--wa-text)}.kanban-icon-btn.active{background:#00a88426;color:var(--wa-brand);border-color:#00a8844d}.kanban-board-container{flex:1;overflow-x:auto;overflow-y:hidden;padding:12px 16px;display:flex}.kanban-columns-track{display:flex;gap:14px;height:100%;min-height:0;align-items:stretch}.kanban-column{min-width:320px;max-width:330px;width:320px;background:var(--wa-header);border-radius:12px;display:flex;flex-direction:column;border:1px solid var(--wa-border);box-shadow:0 1px 6px var(--wa-shadow);transition:background .15s ease,border-color .15s ease,box-shadow .15s ease;overflow:hidden;min-height:0}.kanban-column.column-drag-over{background:#00a88414;border-color:var(--wa-brand);box-shadow:0 0 0 2px var(--wa-brand)}.kanban-column-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--wa-panel);border-bottom:1px solid var(--wa-border);flex-shrink:0}.col-header-left{display:flex;align-items:center;gap:8px;overflow:hidden}.col-color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.col-title{font-size:13.5px;font-weight:600;color:var(--wa-text);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.col-header-right{display:flex;align-items:center;gap:6px}.col-card-count{background:var(--wa-input);color:var(--wa-text);font-size:11.5px;font-weight:700;padding:2px 7px;border-radius:10px}.col-unread-badge{background:#ef4444;color:#fff;font-size:11px;font-weight:700;padding:2px 6px;border-radius:10px}.kanban-cards-list{flex:1;min-height:0;overflow-y:scroll;padding:10px;display:flex;flex-direction:column;gap:9px;scrollbar-width:auto;scrollbar-color:var(--wa-brand) var(--wa-input)}.kanban-cards-list::-webkit-scrollbar{width:10px}.kanban-cards-list::-webkit-scrollbar-track{background:var(--wa-input);border-radius:5px}.kanban-cards-list::-webkit-scrollbar-thumb{background:var(--wa-brand);border-radius:5px;border:2px solid var(--wa-input);min-height:40px}.kanban-cards-list::-webkit-scrollbar-thumb:hover{background:var(--wa-brand-dark)}.kanban-empty-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;height:140px;border:1.5px dashed var(--wa-border);border-radius:10px;color:var(--wa-muted);text-align:center;padding:16px;font-size:12.5px}.kanban-empty-dropzone span{font-size:24px;margin-bottom:4px}.drop-hint{font-size:11px;color:var(--wa-muted-light);margin-top:4px}.kanban-column-load-more{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 8px;margin-top:4px;background:#00000005;border-radius:8px;border:1px dashed var(--wa-border);color:var(--wa-muted);font-size:11.5px;font-weight:500}.kanban-col-loader-spinner{width:16px;height:16px;border:2px solid var(--wa-border);border-top-color:var(--wa-brand);border-radius:50%;animation:kanbanSpin .75s linear infinite}.kanban-load-more-btn{background:var(--wa-brand);color:#fff;border:none;font-size:11.5px;font-weight:600;padding:4px 10px;border-radius:6px;cursor:pointer;transition:background .15s ease,transform .1s ease;box-shadow:0 1px 3px #0000001a}.kanban-load-more-btn:hover{background:var(--wa-brand-dark);transform:translateY(-1px)}.kanban-load-more-btn:active{transform:translateY(0)}.kanban-card{background:var(--wa-panel);border-radius:10px;padding:11px 12px;border:1px solid var(--wa-border);box-shadow:0 1px 3px var(--wa-shadow);cursor:grab;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;position:relative;-webkit-user-select:none;user-select:none}.kanban-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--wa-shadow);border-color:#00a88466}.kanban-card.card-dragging{opacity:.4;transform:scale(.97);box-shadow:0 0 0 2px var(--wa-brand)}.kanban-card.has-unread{border-left:3.5px solid var(--wa-brand)}.kanban-card.compact-card{padding:8px 10px}.card-top-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.card-client-meta{display:flex;align-items:center;gap:8px;overflow:hidden}.client-text-info{display:flex;flex-direction:column;overflow:hidden}.client-name{font-size:13px;font-weight:600;color:var(--wa-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-phone{font-size:11px;color:var(--wa-muted);cursor:copy;white-space:nowrap;transition:color .12s ease}.client-phone:hover{color:var(--wa-brand);text-decoration:underline}.col-total-value-badge{background:#10b9811f;color:#059669;border:1px solid rgba(16,185,129,.3);font-size:11px;font-weight:700;padding:2px 7px;border-radius:10px;white-space:nowrap}.card-crm-strip{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin:5px 0}.card-deal-value-pill{background:#10b9811f;color:#047857;font-size:11px;font-weight:700;padding:1.5px 6px;border-radius:5px;border:1px solid rgba(16,185,129,.25);display:inline-flex;align-items:center;gap:3px}.card-priority-badge{font-size:10.5px;font-weight:700;padding:1.5px 6px;border-radius:5px;cursor:pointer;transition:opacity .15s ease,transform .1s ease;-webkit-user-select:none;user-select:none}.card-priority-badge:hover{transform:scale(1.05)}.card-priority-badge.hot{background:#fee2e2;color:#dc2626;border:1px solid #fca5a5}.card-priority-badge.warm{background:#fef3c7;color:#d97706;border:1px solid #fde68a}.card-priority-badge.cold{background:#e0f2fe;color:#0284c7;border:1px solid #bae6fd}.card-priority-badge.normal{background:var(--wa-input);color:var(--wa-muted);border:1px solid var(--wa-border)}.card-followup-badge{font-size:10.5px;font-weight:600;padding:1.5px 6px;border-radius:5px;display:inline-flex;align-items:center;gap:3px}.card-followup-badge.overdue{background:#fee2e2;color:#dc2626;border:1px solid #f87171;animation:pulseOverdue 2s infinite}@keyframes pulseOverdue{0%,to{opacity:1}50%{opacity:.75}}.card-followup-badge.today{background:#fef3c7;color:#b45309;border:1px solid #fcd34d;font-weight:700}.card-followup-badge.upcoming{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.card-staff-select{background:var(--wa-input);color:var(--wa-text);border:1px solid var(--wa-border);border-radius:5px;font-size:11px;padding:2px 4px;max-width:90px;cursor:pointer;outline:none}.crm-lead-edit-box{background:#00000005;border:1px solid var(--wa-border);border-radius:10px;padding:12px;margin-bottom:14px}.crm-lead-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width: 600px){.crm-lead-edit-grid{grid-template-columns:1fr}}.crm-field-label{display:block;font-size:11.5px;font-weight:600;color:var(--wa-text);margin-bottom:4px}.crm-field-input{width:100%;padding:6px 10px;border-radius:6px;border:1px solid var(--wa-border);background:var(--wa-panel);color:var(--wa-text);font-size:12.5px;outline:none}.crm-field-input:focus{border-color:var(--wa-brand)}.quick-send-modal-card{width:90%;max-width:520px;background:var(--wa-panel);border-radius:14px;border:1px solid var(--wa-border);box-shadow:0 10px 30px #00000040;overflow:hidden}.quick-send-textarea{width:100%;min-height:90px;padding:10px;border-radius:8px;border:1px solid var(--wa-border);background:var(--wa-input);color:var(--wa-text);font-size:13px;resize:vertical;outline:none}.quick-replies-pill-list{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0;max-height:100px;overflow-y:auto}.quick-reply-chip{background:var(--wa-input);border:1px solid var(--wa-border);border-radius:12px;padding:3px 8px;font-size:11.5px;color:var(--wa-text);cursor:pointer;transition:all .15s ease}.quick-reply-chip:hover{background:var(--wa-brand);color:#fff;border-color:var(--wa-brand)}.card-badges-right{display:flex;align-items:center;gap:4px}.card-unread-pill{background:#25d366;color:#0b141a;font-size:11px;font-weight:700;border-radius:10px;padding:1px 6px;min-width:18px;text-align:center}.card-star{font-size:12px}.card-message-snippet{margin:4px 0 6px;display:flex;justify-content:space-between;align-items:flex-start;gap:6px}.msg-preview{font-size:12px;color:var(--wa-muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35;flex:1}.no-msg{font-style:italic;color:var(--wa-muted-light)}.msg-time{font-size:10.5px;color:var(--wa-muted-light);white-space:nowrap;margin-top:1px}.card-footer-info{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:6px;padding-top:6px;border-top:1px solid rgba(0,0,0,.04)}.card-audit-pill{font-size:10.5px;color:var(--wa-muted);background:var(--wa-input);padding:2px 6px;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}.card-audit-pill.unhandled{color:var(--wa-muted-light)}.card-staff-pill{font-size:10.5px;color:#0284c7;background:#0284c71a;padding:2px 6px;border-radius:4px;font-weight:500;white-space:nowrap}.card-actions-strip{display:flex;align-items:center;gap:6px;margin-top:8px}.card-btn-chat{flex:1;background:#00a8841a;color:var(--wa-brand);border:1px solid rgba(0,168,132,.25);border-radius:6px;padding:4px 6px;font-size:11.5px;font-weight:600;cursor:pointer;transition:all .15s ease}.card-btn-chat:hover{background:var(--wa-brand);color:#fff}.card-btn-log{background:var(--wa-input);border:1px solid var(--wa-border);border-radius:6px;padding:4px 7px;font-size:11.5px;color:var(--wa-text);cursor:pointer}.card-btn-log:hover{background:var(--wa-hover)}.card-stage-select{border:1px solid var(--wa-border);background:var(--wa-input);border-radius:6px;padding:3px 6px;font-size:11px;color:var(--wa-text);cursor:pointer;max-width:115px}.kanban-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.kanban-modal-card{background:var(--wa-panel);border-radius:12px;width:100%;max-width:580px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 10px 30px #00000040;border:1px solid var(--wa-border);overflow:hidden}.kanban-modal-card.small{max-width:420px}.kanban-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--wa-border);background:var(--wa-header)}.kanban-modal-header h3{margin:0;font-size:16px;color:var(--wa-text)}.modal-contact-subtitle{font-size:12.5px;color:var(--wa-muted);display:block;margin-top:2px}.kanban-modal-close{background:transparent;border:none;font-size:18px;cursor:pointer;color:var(--wa-muted)}.kanban-modal-body{padding:16px 18px;overflow-y:auto;flex:1}.kanban-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:12px 18px;border-top:1px solid var(--wa-border);background:var(--wa-header)}.kanban-btn{padding:7px 15px;border-radius:7px;font-size:13px;font-weight:500;cursor:pointer;border:1px solid transparent}.kanban-btn.primary{background:var(--wa-brand);color:#fff}.kanban-btn.secondary{background:var(--wa-input);color:var(--wa-text);border-color:var(--wa-border)}.kanban-note-form{display:flex;gap:8px;margin-bottom:16px}.kanban-note-form input{flex:1;padding:8px 12px;border-radius:8px;border:1px solid var(--wa-border);background:var(--wa-input);color:var(--wa-text);font-size:13px;outline:none}.audit-timeline-container h4{font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:var(--wa-muted);margin:0 0 10px}.timeline-items-list{display:flex;flex-direction:column;gap:10px}.timeline-item{display:flex;gap:10px;padding:8px 10px;border-radius:8px;background:var(--wa-input);font-size:12.5px}.timeline-item.stage-item{border-left:3px solid #3b82f6}.timeline-item.note-item{border-left:3px solid #10b981}.timeline-icon{font-size:16px}.timeline-content{flex:1}.timeline-title{color:var(--wa-text)}.stage-badge{font-weight:600;color:#2563eb;background:#2563eb1a;padding:1px 5px;border-radius:4px}.timeline-meta{font-size:11px;color:var(--wa-muted);margin-top:3px}@media (max-width: 768px){.kanban-column{min-width:280px;width:280px}.kanban-toolbar{flex-direction:column;align-items:stretch}.kanban-top-label{display:none}}