:root{--wa-brand:#00a884;--wa-brand-dark:#008069;--wa-teal:#128c7e;--wa-green:#25d366;--wa-sent:#d9fdd3;--wa-received:#fff;--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:#fff;--wa-shadow:#0b141a14;--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:#0000004d;--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{width:100%;height:100%;overflow:hidden}body{color:var(--wa-text);background:var(--wa-applist-bg);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15.75px}button{text-align:inherit;font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;box-sizing:border-box;background:0 0;border:none;margin:0;padding:0}.muted{color:var(--wa-muted);font-size:13px;line-height:1.55}.app{background:var(--wa-applist-bg);width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.sidebar{background:var(--wa-panel);border-right:1px solid var(--wa-border);z-index:10;flex-direction:column;flex-shrink:0;width:400px;min-width:320px;max-width:460px;height:100%;transition:transform .2s;display:flex;overflow:hidden}.chat-main{background:var(--wa-chat-bg);flex-direction:column;flex:1;min-width:0;height:100%;min-height:0;display:flex;position:relative}.header{background:var(--wa-header);border-bottom:1px solid var(--wa-border);flex-shrink:0;justify-content:space-between;align-items:center;height:60px;padding:0 16px;display:flex}.settings-top-bar{justify-content:flex-start;gap:8px}.settings-top-btn{height:38px;color:var(--wa-text);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:0 16px;font-size:14px;font-weight:600;transition:background .15s;display:flex}button.settings-top-btn:hover{background:var(--wa-hover)}.settings-top-btn.active{color:var(--wa-teal);cursor:default;background:#00a8841f}.sidebar-brand{cursor:pointer;align-items:center;gap:12px;display:flex}.brand-avatar{background:var(--wa-teal);color:#fff;border-radius:50%;place-items:center;width:40px;height:40px;font-size:20px;font-weight:700;display:grid}.sidebar-brand-meta{flex-direction:column;display:flex}.brand-title{color:var(--wa-text);font-size:16px;font-weight:700;line-height:1.2}.agent-badge{color:var(--wa-muted);text-transform:capitalize;font-size:11px}.header-actions{align-items:center;gap:4px;display:flex}.icon-btn{width:38px;height:38px;color:var(--wa-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;font-size:17px;transition:background .15s;display:grid}.icon-btn:hover{background:var(--wa-hover);color:var(--wa-text)}.icon-btn.on{color:var(--wa-brand)}.icon-btn-sm{color:var(--wa-muted);cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:13px}.search-bar{border-bottom:1px solid var(--wa-border);background:var(--wa-panel);padding:8px 12px}.search-box{background:var(--wa-input);height:36px;color:var(--wa-muted);border-radius:8px;align-items:center;gap:10px;padding:6px 12px;display:flex}.search-box input{color:var(--wa-text);background:0 0;border:none;outline:none;flex:1;font-size:14px}.chat-list{background:var(--wa-panel);flex-direction:column;flex:1;width:100%;min-width:0;display:flex;overflow:hidden auto}.chat-item{cursor:pointer;text-align:left;-webkit-user-select:none;user-select:none;background:0 0;flex-shrink:0;align-items:center;gap:14px;padding:14px 16px;transition:background .12s;display:flex;border:none!important;border-bottom:1px solid var(--wa-border)!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;box-shadow:none!important;outline:none!important;min-width:0!important;margin:0!important}.chat-item:hover{background:var(--wa-hover)}.chat-item.active{background:var(--wa-active)}.avatar{background:var(--wa-teal);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:55px;height:55px;font-size:19px;font-weight:600;display:grid;overflow:hidden}.chat-item-meta{flex-direction:column;flex:1 1 0;justify-content:center;width:0;min-width:0;max-width:100%;display:flex;overflow:hidden}.chat-item-top{justify-content:space-between;align-items:center;gap:8px;width:100%;min-width:0;max-width:100%;margin-bottom:3px;display:flex}.chat-item-name{color:var(--wa-text);white-space:nowrap;text-overflow:ellipsis;flex:1 1 0;min-width:0;font-size:17.85px;font-weight:600;display:block;overflow:hidden}.chat-item-time{color:var(--wa-muted);white-space:nowrap;flex-shrink:0;margin-left:4px;font-size:13.5px}.chat-item-bottom{justify-content:space-between;align-items:center;gap:8px;width:100%;min-width:0;max-width:100%;display:flex}.chat-item-preview{color:var(--wa-muted);white-space:nowrap;text-overflow:ellipsis;flex:1 1 0;min-width:0;font-size:15.25px;display:block;overflow:hidden}.unread-pill{background:var(--wa-green);color:#fff;border-radius:10px;flex-shrink:0;place-items:center;min-width:20px;height:20px;margin-left:6px;padding:0 6px;font-size:11.5px;font-weight:700;display:grid}.sidebar-footer{border-top:1px solid var(--wa-border);background:var(--wa-panel);box-sizing:border-box;flex-shrink:0;justify-content:center;align-items:center;width:100%;padding:10px 16px;display:flex}.sidebar-new-chat-btn{cursor:pointer;background:0 0;border-radius:20px;justify-content:center;align-items:center;gap:8px;width:100%;padding:8px 16px;font-size:13.5px;font-weight:600;transition:all .15s;display:flex;border:1px solid var(--wa-brand)!important;color:var(--wa-brand-dark)!important}.sidebar-new-chat-btn:hover{background:#e8f5e9;border-color:var(--wa-brand)!important}.empty-chat-list{text-align:center;color:var(--wa-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 20px;display:flex}.empty-icon{opacity:.4;font-size:44px}.chat-header{background:var(--wa-chat-header);border-bottom:1px solid var(--wa-border);z-index:5;flex-shrink:0;justify-content:space-between;align-items:center;height:66px;padding:0 18px;display:flex}.chat-header-left{align-items:center;gap:10px;min-width:0;display:flex}.mobile-back-btn{font-size:20px;font-weight:700;display:none}.chat-title{cursor:pointer;align-items:center;gap:12px;min-width:0;display:flex}.chat-avatar{width:46px;height:46px;font-size:17px}.chat-header-info{flex-direction:column;min-width:0;display:flex}.chat-row{color:var(--wa-text);white-space:nowrap;text-overflow:ellipsis;font-size:18.5px;font-weight:600;overflow:hidden}.chat-sub{color:var(--wa-muted);align-items:center;gap:6px;font-size:13.5px;display:flex}.window-chip{font-size:11px;font-weight:600}.window-chip.open{color:#2e7d32}.window-chip.closed{color:#e65100}.chat-header-actions{align-items:center;gap:8px;display:flex}.tpl-btn{color:var(--wa-brand-dark);background:#e8f5e9;border:1px solid #c8e6c9;font-weight:600}.tpl-btn:hover{background:#c8e6c9}.link-action-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#e65100;border:none;border-radius:4px;padding:3px 10px;font-size:12px;font-weight:600}.messages{background-color:var(--wa-chat-bg);background-image:var(--wa-wallpaper);background-repeat:repeat;flex-direction:column;flex:1;min-height:0;padding:16px 5%;display:flex;overflow:hidden auto}.date-group{margin-bottom:8px}.date-separator{justify-content:center;align-items:center;margin:12px 0;display:flex}.system-log-note{text-align:center;color:var(--wa-muted);background:#fff9;border-radius:7.5px;width:fit-content;margin:6px auto;padding:3px 10px;font-size:11.5px;font-style:italic}[data-theme=dark] .system-log-note{background:#18222999}.date-separator span{color:var(--wa-muted);text-transform:uppercase;background:#ffffffd9;border-radius:7.5px;padding:4px 12px;font-size:12px;font-weight:500;box-shadow:0 1px 1px #0b141a1a}[data-theme=dark] .date-separator span{color:#8696a0;background:#182229}.msg{word-wrap:break-word;max-width:68%;margin:3px 0;display:flex;position:relative}.msg.self{justify-content:flex-end;margin-left:auto}.msg.theirs{justify-content:flex-start;margin-right:auto}.bubble-wrapper{max-width:100%;position:relative}.bubble{box-shadow:0 1px 1px var(--wa-shadow);border-radius:9px;padding:10px 13px 11px;font-size:16.25px;line-height:1.5;position:relative}.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{float:right;color:var(--wa-muted);-webkit-user-select:none;user-select:none;justify-content:flex-end;align-items:center;gap:4px;margin-top:5px;margin-left:10px;font-size:12.6px;display:flex}.meta-time{color:var(--wa-muted);font-size:12.6px}.tick{font-size:13px;line-height:1}.tick.sent,.tick.delivered{color:var(--wa-muted-light)}.tick.read{color:#53bdeb}.msg-actions{z-index:2;white-space:nowrap;background:#fff;border-radius:14px;gap:2px;padding:2px 4px;display:none;position:absolute;top:50%;left:calc(100% + 8px);transform:translateY(-50%);box-shadow:0 2px 5px #00000026}.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{border-left:1px solid var(--wa-border);border-radius:0;order:99;margin-left:2px;padding-left:4px;display:grid}.msg-more-trigger{background:var(--wa-panel);width:20px;height:20px;color:var(--wa-muted);cursor:pointer;z-index:3;border:none;border-radius:50%;margin-left:4px;font-size:13px;font-weight:700;line-height:1;display:none;position:absolute;top:-6px;left:100%;box-shadow:0 1px 3px #0003}.msg.self .msg-more-trigger{margin-left:0;margin-right:4px;left:auto;right:100%}@media (hover:none){.msg-more-trigger{place-items:center;display:grid}}.action-btn{cursor:pointer;width:24px;height:24px;color:var(--wa-muted);background:0 0;border:none;border-radius:50%;place-items:center;font-size:12px;display:grid}.action-btn:hover{background:var(--wa-hover);color:var(--wa-text)}.action-btn.danger:hover{color:#c62828;background:#ffebee}.reply-context{border-left:3px solid var(--wa-brand);background:#0000000d;border-radius:4px;margin-bottom:6px;padding:4px 8px;font-size:12px}.reply-label{color:var(--wa-brand-dark);font-weight:700;display:block}.reply-text{color:var(--wa-muted);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.msg-media-wrap{flex-direction:column;gap:4px;display:flex}.msg-media-box{cursor:pointer;background:#0000000d;border-radius:6px;display:inline-block;position:relative;overflow:hidden}.msg-media-img,.msg-media-video{object-fit:cover;border-radius:6px;max-width:320px;max-height:340px;transition:opacity .15s;display:block}.msg-media-img:hover{opacity:.95}.media-dl-pill{color:#fff;background:#0b141aa6;border-radius:50%;place-items:center;width:32px;height:32px;font-size:14px;text-decoration:none;transition:background .15s,transform .1s;display:grid;position:absolute;top:8px;right:8px;box-shadow:0 2px 6px #0000004d}.media-dl-pill:hover{background:#0b141ae6;transform:scale(1.05)}.msg-media-caption{white-space:pre-wrap;margin-top:4px;font-size:14px}.msg-revoked{color:#d32f2f;align-items:center;gap:6px;font-size:13.5px;font-style:italic;display:flex}.msg:has(.otp-bubble) .bubble{background:var(--wa-panel);border:1px solid var(--wa-border);box-shadow:none}.otp-bubble{align-items:flex-start;gap:8px;display:flex}.otp-icon{flex-shrink:0;margin-top:1px;font-size:15px}.otp-text{color:var(--wa-muted);font-size:14px;line-height:1.5}.otp-learn-more{color:var(--wa-link);white-space:nowrap;font-weight:600;text-decoration:none}.otp-learn-more:hover{text-decoration:underline}.msg-revoked-remark{color:#d32f2f;margin-top:4px;font-size:12px;font-style:italic}.tpl-msg-footer{color:var(--wa-muted);margin-top:6px;font-size:12.5px}.tpl-msg-buttons{border-top:1px solid var(--wa-border);flex-direction:column;margin:8px -8px -4px;display:flex}.tpl-msg-btn{color:var(--wa-brand);cursor:pointer;border-top:1px solid var(--wa-border);justify-content:center;align-items:center;gap:6px;padding:9px 8px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.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:0 0}.flow-response-card{background:var(--wa-input);border-radius:8px;min-width:200px;padding:10px 12px}.flow-response-header{color:var(--wa-brand);margin-bottom:6px;font-size:13px;font-weight:600}.flow-response-fields{flex-direction:column;gap:4px;display:flex}.flow-response-field{justify-content:space-between;gap:12px;font-size:13px;display:flex}.flow-field-label{color:var(--wa-muted);text-transform:capitalize}.flow-field-value{text-align:right;font-weight:500}.interactive-reply-chip{background:var(--wa-input);border-radius:8px;padding:8px 12px;font-size:14px;font-weight:500}.tpl-not-approved-notice{color:#92400e;background:#fff3e0;border:1px solid #fdba74;border-radius:8px;margin:8px 0;padding:8px 12px;font-size:13px}[data-theme=dark] .tpl-not-approved-notice{color:#fbbf24;background:#3d2c14;border-color:#92600a}.wa-audio-player{align-items:center;gap:12px;min-width:280px;max-width:340px;padding:4px 2px;display:flex}.wa-audio-avatar{flex-shrink:0}.wa-voice-avatar-badge,.wa-audio-file-badge{border-radius:50%;place-items:center;width:44px;height:44px;font-size:20px;display:grid}.wa-voice-avatar-badge{background:#00a88424}.wa-audio-file-badge{background:#ff8c0026}.wa-audio-content{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.wa-audio-top-row{align-items:center;gap:10px;display:flex}.wa-audio-play-btn{background:var(--wa-brand);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;transition:transform .1s,background .15s;display:grid;box-shadow:0 1px 3px #0000002e}.wa-audio-play-btn:hover{background:#008f6f;transform:scale(1.05)}.wa-audio-scrubber-wrap{flex:1;align-items:center;height:24px;display:flex;position:relative}.wa-audio-track-bg{background:#0000001f;border-radius:2px;height:4px;position:absolute;left:0;right:0;overflow:hidden}[data-theme=dark] .wa-audio-track-bg{background:#fff3}.wa-audio-track-fill{background:var(--wa-brand);border-radius:2px;height:100%;transition:width 50ms linear}.wa-audio-range-input{opacity:0;cursor:pointer;z-index:2;width:100%;height:100%;margin:0;position:relative}.wa-audio-bottom-row{color:var(--wa-muted);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:0 2px;font-size:11.5px;display:flex}.wa-audio-time{font-variant-numeric:tabular-nums;font-family:inherit}.wa-audio-actions{align-items:center;gap:8px;display:flex}.wa-audio-speed-btn{color:var(--wa-text);cursor:pointer;background:#00000014;border:none;border-radius:10px;padding:2px 7px;font-size:11px;font-weight:600;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);border-radius:50%;place-items:center;width:22px;height:22px;text-decoration:none;transition:color .15s,transform .1s;display:grid}.wa-audio-dl-btn:hover{color:var(--wa-brand);transform:scale(1.1)}.wa-contacts-container{flex-direction:column;gap:8px;min-width:240px;max-width:320px;display:flex}.wa-contact-card{border:1px solid var(--wa-border);background:#00000008;border-radius:8px;flex-direction:column;display:flex;overflow:hidden}[data-theme=dark] .wa-contact-card{background:#ffffff0a}.wa-contact-info-row{align-items:center;gap:12px;padding:12px;display:flex}.wa-contact-avatar{color:#fff;background:#0eabf4;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:18px;font-weight:600;display:grid}.wa-contact-details{flex:1;min-width:0}.wa-contact-name{color:var(--wa-text);white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:600;overflow:hidden}.wa-contact-org{color:var(--wa-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:12px;overflow:hidden}.wa-contact-phone{color:var(--wa-muted);margin-top:2px;font-size:13px}.wa-contact-extra-phones{color:var(--wa-muted);flex-direction:column;gap:2px;padding:0 12px 8px;font-size:12px;display:flex}.wa-contact-actions{border-top:1px solid var(--wa-border);display:flex}.wa-contact-action-btn{color:var(--wa-link);cursor:pointer;text-align:center;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 10px;font-size:13px;font-weight:500;transition:background .12s;display:flex}.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);border-right:1px solid var(--wa-border);font-weight:600}.doc-bubble{border:1px solid var(--wa-border);color:inherit;background:#0000000a;border-radius:6px;align-items:center;gap:12px;min-width:220px;padding:10px 14px;text-decoration:none;transition:background .15s,border-color .15s;display:flex}.doc-bubble:hover{border-color:var(--wa-brand);background:#00000012}.doc-icon{flex-shrink:0;font-size:28px}.doc-info{flex-direction:column;flex:1;min-width:0;display:flex}.doc-name{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.doc-size{color:var(--wa-muted);font-size:11.5px}.doc-dl-badge{width:28px;height:28px;color:var(--wa-text);background:#00000014;border-radius:50%;flex-shrink:0;place-items:center;margin-left:6px;font-size:13px;transition:background .15s,color .15s;display:grid}.doc-bubble:hover .doc-dl-badge{background:var(--wa-brand);color:#fff}.msg-sticker-wrap{padding:4px}.msg-sticker-img{object-fit:contain;width:140px;height:140px}.location-bubble{max-width:280px;color:inherit;cursor:pointer;background:#f0f7ff;border-radius:8px;text-decoration:none;display:block;overflow:hidden}.location-map-img{object-fit:cover;background:#e0e0e0;width:100%;height:150px;display:block}.location-main{padding:8px 10px;font-size:13.5px;font-weight:600}.location-addr{color:var(--wa-muted);margin:3px 0 6px;font-size:12px}.location-link{color:var(--wa-brand);padding:0 10px 10px;font-size:12px;font-weight:600;text-decoration:none;display:block}.contacts-bubble{flex-direction:column;gap:6px;display:flex}.contact-card{background:#00000008;border-radius:6px;padding:8px;font-size:13px}.reaction-bubble{background:#fff3cd;border-radius:12px;align-items:center;gap:6px;padding:2px 8px;font-size:12px;display:inline-flex}.reaction-emoji{font-size:15px}.interactive-bubble{color:#1565c0;background:#e3f2fd;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);flex-shrink:0;align-items:center;gap:12px;padding:8px 16px;display:flex}.reply-bar-accent{background:var(--wa-brand);border-radius:2px;width:4px;height:36px}.reply-bar-body{flex:1;min-width:0}.reply-bar-close{color:var(--wa-muted);cursor:pointer;background:0 0;border:none;font-size:16px}.composer{background:var(--wa-applist-bg);border-top:1px solid var(--wa-border);flex-direction:column;flex-shrink:0;gap:0;padding:4px 16px 8px;display:flex;position:relative}.composer>.composer-row,.composer form>.composer-row{align-items:center;gap:10px;display:flex}.composer-sig-badge{color:var(--wa-brand);cursor:pointer;-webkit-user-select:none;user-select:none;background:#25d36614;border:1px solid #25d36640;border-radius:20px;align-items:center;gap:5px;width:fit-content;margin:3px 0 4px;padding:2px 10px;font-size:11.5px;font-weight:500;transition:background .15s;display:inline-flex}.composer-sig-badge:hover{background:#25d36629}.composer-sig-badge span{font-weight:600}.composer-inner-row{align-items:center;gap:10px;width:100%;display:flex}.composer-btn{cursor:pointer;width:40px;height:40px;color:var(--wa-muted);background:0 0;border:none;border-radius:50%;flex-shrink:0;place-items:center;font-size:20px;display:grid}.composer-btn:hover{background:var(--wa-hover);color:var(--wa-text)}.composer input,.composer textarea{background:var(--wa-panel);border:1px solid var(--wa-border);min-height:48px;max-height:136px;color:var(--wa-text);resize:none;field-sizing:content;border-radius:9px;outline:none;flex:1;padding:12px 17px;font-family:inherit;font-size:16.25px;line-height:1.45}.composer input:focus,.composer textarea:focus{border-color:var(--wa-brand)}.send-btn{background:var(--wa-brand);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:18px;transition:background .15s;display:grid}.send-btn:hover:not(:disabled){background:var(--wa-teal)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.composer-error-alert{color:#c62828;background:#ffebee;border-radius:6px;padding:8px 12px;font-size:12.5px;position:absolute;top:-42px;left:16px;right:16px;box-shadow:0 2px 6px #0000001a}.welcome{background:var(--wa-header);border-bottom:6px solid var(--wa-brand);flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.welcome-content{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:480px;display:flex}.welcome-illustration{margin-bottom:8px;font-size:80px}.welcome h1{color:var(--wa-text);font-size:30px;font-weight:300}.welcome p{color:var(--wa-muted);font-size:16px;line-height:1.55}.welcome-lock-note{color:var(--wa-muted-light);margin:12px 0;font-size:14px}.welcome-newchat-btn{width:auto;height:42px;padding:0 24px}.contact-panel{background:var(--wa-panel);border-left:1px solid var(--wa-border);z-index:20;flex-direction:column;width:360px;animation:.2s slideIn;display:flex;position:absolute;top:0;bottom:0;right:0;box-shadow:-4px 0 16px #00000014}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.contact-header{background:var(--wa-header);border-bottom:1px solid var(--wa-border);justify-content:space-between;align-items:center;height:60px;padding:0 16px;display:flex}.contact-header h3{font-size:16px;font-weight:600}.contact-body{text-align:center;flex-direction:column;flex:1;align-items:center;padding:24px 16px;display:flex;overflow-y:auto}.contact-avatar{background:var(--wa-teal);color:#fff;border-radius:50%;place-items:center;width:84px;height:84px;margin-bottom:12px;font-size:32px;font-weight:700;display:grid}.contact-body h4{margin-bottom:4px;font-size:18px;font-weight:600}.contact-phone{color:var(--wa-muted);margin-bottom:20px;font-size:13.5px}.contact-stats{grid-template-columns:1fr 1fr;gap:12px;width:100%;margin-bottom:24px;display:grid}.stat-card{background:var(--wa-applist-bg);text-align:left;border-radius:8px;flex-direction:column;gap:4px;padding:12px;display:flex}.stat-card strong{color:var(--wa-muted);font-size:12px}.stat-card span{font-size:15px;font-weight:700}.contact-actions-list{flex-direction:column;gap:8px;width:100%;display:flex}.modal-backdrop{z-index:100;background:#0b141a99;place-items:center;padding:16px;animation:.15s fadeIn;display:grid;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:#fff;border-radius:12px;width:100%;max-width:440px;padding:20px;overflow:hidden;box-shadow:0 10px 30px #0003}.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);word-break:break-word;color:#111;border-radius:8px;max-height:90px;margin-bottom:14px;padding:8px 10px;font-size:13.5px;overflow-y:auto}.msg-info-row{border-top:1px solid var(--wa-border);align-items:flex-start;gap:12px;padding:10px 0;display:flex}.msg-info-row:first-of-type{border-top:none}.msg-info-icon{text-align:center;flex-shrink:0;width:22px;font-size:16px;font-weight:700;line-height:1.4}.msg-info-label{color:var(--wa-text);font-size:13.5px;font-weight:600}.msg-info-row.failed .msg-info-label{color:#ef4444}.modal-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal-head h3{font-size:17px;font-weight:600}.field{margin-bottom:16px}.field label{color:var(--wa-muted);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.field input,.field select{border:1px solid var(--wa-border);background:#fff;border-radius:8px;outline:none;width:100%;height:42px;padding:0 12px;font-family:inherit;font-size:14.5px}.field input:focus{border-color:var(--wa-brand)}.field-hint{color:var(--wa-muted);margin-top:5px;font-size:12px;display:block}.modal-actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:20px;display:flex}.btn{cursor:pointer;border:1px solid var(--wa-border);height:40px;color:var(--wa-text);background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 18px;font-size:14px;font-weight:600;display:inline-flex}.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{border-radius:6px;height:32px;padding:0 12px;font-size:12.5px}.btn.danger{color:#fff;background:#c62828;border:none}.alert{color:#c62828;background:#ffebee;border-radius:8px;margin-bottom:14px;padding:10px 14px;font-size:13px}.tpl-modal{flex-direction:column;max-width:680px;max-height:85vh;display:flex}.tpl-loading{text-align:center;color:var(--wa-muted);padding:40px}.tpl-body{gap:16px;min-height:300px;max-height:60vh;display:flex;overflow:hidden}.tpl-list{border-right:1px solid var(--wa-border);flex-direction:column;gap:6px;width:40%;padding-right:8px;display:flex;overflow-y:auto}.tpl-opt{border:1px solid var(--wa-border);cursor:pointer;text-align:left;background:#fff;border-radius:8px;flex-direction:column;align-items:flex-start;gap:4px;padding:10px;display:flex}.tpl-opt.on{border-color:var(--wa-brand);background:#e8f5e9}.tpl-name{word-break:break-word;font-size:13.5px;font-weight:600}.role{text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700;display:inline-block}.r-utility{color:#1565c0;background:#e3f2fd}.r-marketing{color:#c2185b;background:#fce4ec}.r-admin{color:#2e7d32;background:#e8f5e9}.r-staff{color:#1565c0;background:#e3f2fd}.tpl-form{flex-direction:column;flex:1;gap:14px;padding-left:4px;display:flex;overflow-y:auto}.tpl-preview{background:var(--wa-applist-bg);border:1px solid var(--wa-border);border-radius:8px;padding:12px}.tpl-header{color:var(--wa-muted);margin-bottom:6px;font-size:12px}.tpl-body-text{white-space:pre-wrap;font-size:14px;line-height:1.45}.tpl-footer{color:var(--wa-muted);border-top:1px dashed var(--wa-border);margin-top:8px;padding-top:6px;font-size:12px}.tpl-inputs{flex-direction:column;gap:8px;display:flex}.media-viewer-backdrop{z-index:200;background:#000000e6;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.media-viewer-content{flex-direction:column;max-width:90vw;max-height:90vh;display:flex;position:relative}.media-viewer-toolbar{justify-content:flex-end;align-items:center;gap:14px;margin-bottom:8px;display:flex}.media-viewer-dl-btn{background:var(--wa-brand);color:#fff;border-radius:18px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.media-viewer-dl-btn:hover{background:var(--wa-teal)}.media-viewer-close{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;place-items:center;width:32px;height:32px;font-size:18px;transition:background .15s;display:grid}.media-viewer-close:hover{background:#ffffff4d}.media-viewer-elem{border-radius:6px;max-width:90vw;max-height:85vh;box-shadow:0 4px 20px #00000080}.badge{border-radius:4px;padding:2px 6px;font-size:11px;font-weight:700;display:inline-block}.badge.ok{color:#2e7d32;background:#e8f5e9}.badge.bad{color:#c62828;background:#ffebee}@media (width<=1024px){.sidebar{border-right:none;width:100%;max-width:100%}.sidebar.has-active-chat,.chat-main.hidden-mobile{display:none}.chat-main.active{width:100%;display:flex}.mobile-back-btn{display:grid}.contact-panel{width:100%}.messages{padding:12px 10px}.msg{max-width:85%}}.chip{background:var(--wa-input);color:var(--wa-muted);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:16px;padding:7px 14px;font-size:14.5px;font-weight:500;transition:all .15s}.chat-status-icons{align-items:center;gap:4px;margin-left:4px;font-size:12px;display:inline-flex}.chat-label-pill{color:#fff;white-space:nowrap;text-overflow:ellipsis;border-radius:10px;max-width:100px;margin-top:3px;padding:1px 6px;font-size:10px;font-weight:700;display:inline-block;overflow:hidden}.context-menu-popover{background:var(--wa-panel);border:1px solid var(--wa-border);z-index:50;border-radius:8px;min-width:170px;padding:6px 0;position:absolute;box-shadow:0 4px 16px #0000002e}.context-menu-item{width:100%;color:var(--wa-text);cursor:pointer;text-align:left;align-items:center;gap:10px;padding:8px 16px;font-size:13.5px;transition:background .12s;display:flex}.context-menu-item:hover{background:var(--wa-hover)}.context-menu-item.danger{color:#c62828}.in-chat-search-bar{background:var(--wa-header);border-bottom:1px solid var(--wa-border);flex-shrink:0;align-items:center;gap:10px;padding:8px 16px;animation:.15s fadeIn;display:flex}.in-chat-search-bar input{background:var(--wa-input);border:1px solid var(--wa-border);height:34px;color:var(--wa-text);border-radius:6px;outline:none;flex:1;padding:0 12px;font-size:13.5px}.search-match-count{color:var(--wa-muted);white-space:nowrap;font-size:12px}.highlight-target{animation:1.5s flashHighlight}@keyframes flashHighlight{0%{background:#fff9c4!important}50%{background:#fff59d!important}to{background:0 0}}.wa-link{color:var(--wa-link);word-break:break-all;cursor:pointer;text-decoration:underline}.wa-link:hover{opacity:.85;text-decoration:underline}.wa-phone-link{color:#027eb5;cursor:pointer;border-radius:4px;align-items:center;gap:2px;padding:0 3px;font-weight:500;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;transition:background .12s,color .12s;display:inline-flex}.wa-phone-link:hover{color:var(--wa-brand);background:#027eb51f}[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{white-space:pre-wrap;background:#0000000f;border-radius:4px;margin:4px 0;padding:6px 8px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12.5px;display:block}[data-theme=dark] .wa-code-block{background:#ffffff14}.wa-inline-code{background:#0000000f;border-radius:4px;padding:1px 5px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12.5px}[data-theme=dark] .wa-inline-code{background:#ffffff1a}.wa-quote-line{gap:8px;margin:3px 0;display:flex}.wa-quote-bar{background:var(--wa-brand);border-radius:2px;flex-shrink:0;width:3.5px}.wa-quote-content{color:var(--wa-text);opacity:.9;font-style:italic}.wa-bullet-line{gap:6px;margin:2px 0;display:flex}.wa-bullet-dot{color:var(--wa-brand);flex-shrink:0;font-weight:700}.composer-preview-bar{background:var(--wa-header);border-top:1px solid var(--wa-border);border-bottom:1px solid var(--wa-border);color:var(--wa-text);align-items:center;gap:12px;padding:5px 14px;font-size:13px;animation:.12s fadeIn;display:flex}.composer-preview-label{text-transform:uppercase;color:var(--wa-brand);letter-spacing:.5px;flex-shrink:0;align-items:center;gap:4px;font-size:10.5px;font-weight:700;display:flex}.composer-preview-content{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.composer-fmt-tools{align-items:center;gap:4px;display:flex}.fmt-btn{border:1px solid var(--wa-border);color:var(--wa-text);cursor:pointer;background:#0000000d;border-radius:4px;padding:1px 6px;font-size:11.5px;font-weight:600;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}.msg-reaction-pill{cursor:pointer;border:1px solid var(--wa-border);z-index:3;background:#fff;border-radius:12px;align-items:center;gap:2px;padding:1px 6px;font-size:13px;display:inline-flex;position:absolute;bottom:-10px;right:12px;box-shadow:0 1px 3px #00000026}[data-theme=dark] .msg-reaction-pill{background:#202c33;border-color:#2a3942}@keyframes popUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.reaction-opt{cursor:pointer;border-radius:50%;place-items:center;width:28px;height:28px;font-size:18px;transition:transform .12s;display:grid}.reaction-opt:hover{transform:scale(1.25)}.quick-reply-popover{background:var(--wa-panel);border:1px solid var(--wa-border);z-index:45;border-radius:12px;flex-direction:column;max-height:240px;animation:.15s popUp;display:flex;position:absolute;bottom:60px;left:20px;right:20px;overflow-y:auto;box-shadow:0 -4px 24px #0003}.quick-reply-item{cursor:pointer;border-bottom:1px solid var(--wa-border);flex-direction:column;gap:3px;padding:10px 14px;transition:background .1s;display:flex}.quick-reply-item:last-child{border-bottom:none}.quick-reply-item:hover,.quick-reply-item.active{background:var(--wa-hover)}.qr-header{align-items:center;gap:8px;display:flex}.qr-shortcut{color:var(--wa-brand);background:#00a88424;border-radius:6px;padding:2px 7px;font-family:monospace;font-size:12px;font-weight:700}.qr-title{color:var(--wa-text);font-size:13.5px;font-weight:600}.attach-menu-tray{background:var(--wa-panel);border:1px solid var(--wa-border);z-index:40;border-radius:12px;flex-direction:column;gap:10px;padding:12px;animation:.15s popUp;display:flex;position:absolute;bottom:60px;left:20px;box-shadow:0 6px 24px #0000002e}.attach-opt{cursor:pointer;border-radius:8px;align-items:center;gap:12px;width:100%;padding:6px 10px;transition:background .12s;display:flex}.attach-opt:hover{background:var(--wa-hover)}.attach-icon{color:#fff;border-radius:50%;place-items:center;width:36px;height:36px;font-size:17px;display:grid}.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}.filter-chips{background:var(--wa-panel);border-bottom:1px solid var(--wa-border);scrollbar-width:thin;flex-shrink:0;align-items:center;gap:10px;padding:10px 16px;display:flex;overflow-x:auto}.chip{background:var(--wa-input);color:var(--wa-muted);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:18px;flex-shrink:0;align-items:center;gap:5px;padding:8px 14px;font-size:14.5px;font-weight:500;transition:all .15s;display:inline-flex}.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}.tab-count-badge{color:#fff;text-align:center;background:#00a884;border-radius:10px;min-width:16px;padding:1px 6px;font-size:11px;font-weight:700}.chip.active .tab-count-badge{color:var(--wa-brand);background:#fff}.chip-add-btn{border:1px dashed var(--wa-border);width:28px;height:28px;color:var(--wa-muted);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;place-items:center;font-size:15px;transition:all .15s;display:grid}.custom-tab-pill{position:relative;padding-right:22px!important}.custom-tab-close-btn{width:14px;height:14px;color:inherit;opacity:.6;cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;font-size:10px;display:grid;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.custom-tab-close-btn:hover{opacity:1;background:#00000026}.custom-list-modal{max-width:480px}.color-preset-row{align-items:center;gap:10px;margin-top:4px;display:flex}.custom-list-conv-picker{border:1px solid var(--wa-border);border-radius:8px;flex-direction:column;gap:2px;max-height:180px;padding:4px;display:flex;overflow-y:auto}.custom-list-conv-item{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;font-size:13px;display:flex}.custom-list-conv-item:hover{background:var(--wa-hover)}.custom-list-conv-item .conv-name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:500;overflow:hidden}.custom-list-conv-item .conv-phone{color:var(--wa-muted);font-size:11.5px}.staff-notes-modal{max-width:520px}.staff-note-form{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.staff-note-form textarea{background:var(--wa-input);border:1px solid var(--wa-border);width:100%;color:var(--wa-text);resize:vertical;border-radius:8px;outline:none;padding:8px 12px;font-family:inherit;font-size:13px}.staff-notes-list{flex-direction:column;gap:8px;max-height:260px;display:flex;overflow-y:auto}.staff-note-card{color:#5d4037;background:#fff9c4;border:1px solid #fff59d;border-radius:8px;padding:10px 12px}[data-theme=dark] .staff-note-card{color:#fff9c4;background:#2a2c20;border-color:#3e3f28}[data-theme=dark] .staff-note-meta{color:#bcaaa4}.staff-note-author{font-weight:600}.staff-note-del-btn{cursor:pointer;color:#d32f2f;background:0 0;border:none;font-size:11px}.staff-note-body{white-space:pre-wrap;font-size:13px;line-height:1.4}.chat-notes-banner{color:#5d4037;background:#fffde7;border-bottom:1px solid #fff9c4;justify-content:space-between;align-items:center;gap:10px;padding:6px 16px;font-size:12.5px;display:flex}[data-theme=dark] .chat-notes-banner{color:#fff9c4;background:#25281b;border-color:#353823}.chat-notes-banner-btn{color:#6d4c41;cursor:pointer;background:#ffecb3;border:1px solid #ffe082;border-radius:4px;padding:2px 8px;font-size:11.5px;font-weight:600}[data-theme=dark] .chat-notes-banner-btn{color:#ffe082;background:#3e3820;border-color:#554d2a}.attach-label{color:var(--wa-text);font-size:14px;font-weight:500}.emoji-palette-popover{background:var(--wa-panel);border:1px solid var(--wa-border);z-index:40;border-radius:12px;flex-direction:column;width:330px;max-height:280px;animation:.15s popUp;display:flex;position:absolute;bottom:62px;left:16px;overflow:hidden;box-shadow:0 8px 24px #0003}.emoji-header{background:var(--wa-header);border-bottom:1px solid var(--wa-border);justify-content:space-around;align-items:center;padding:6px;display:flex}.emoji-tab-btn{cursor:pointer;border-radius:6px;padding:4px 8px;font-size:16px}.emoji-tab-btn.active{background:var(--wa-hover)}.emoji-grid{grid-template-columns:repeat(8,1fr);gap:4px;max-height:220px;padding:10px;display:grid;overflow-y:auto}.emoji-btn{cursor:pointer;border-radius:6px;place-items:center;height:34px;font-size:20px;transition:transform .1s,background .1s;display:grid}.emoji-btn:hover{background:var(--wa-hover);transform:scale(1.2)}.quick-reply-popover{background:var(--wa-panel);border:1px solid var(--wa-border);z-index:35;border-radius:10px;max-height:220px;position:absolute;bottom:62px;left:60px;right:60px;overflow-y:auto;box-shadow:0 6px 20px #0000002e}.quick-reply-item{border-bottom:1px solid var(--wa-border);cursor:pointer;text-align:left;flex-direction:column;padding:10px 14px;transition:background .12s;display:flex}.quick-reply-item:hover{background:var(--wa-hover)}.qr-header{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.qr-shortcut{color:var(--wa-brand-dark);font-size:13.5px;font-weight:700}.qr-title{color:var(--wa-muted);font-size:12.5px}.qr-text{color:var(--wa-text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.drawer-panel{background:var(--wa-panel);border-left:1px solid var(--wa-border);z-index:25;flex-direction:column;width:380px;max-width:100%;animation:.2s slideIn;display:flex;position:absolute;top:0;bottom:0;right:0;box-shadow:-4px 0 16px #0000001a}.drawer-header{background:var(--wa-header);border-bottom:1px solid var(--wa-border);flex-shrink:0;justify-content:space-between;align-items:center;height:60px;padding:0 16px;display:flex}.drawer-header h3{font-size:16px;font-weight:600}.drawer-body{flex-direction:column;flex:1;gap:14px;padding:16px;display:flex;overflow-y:auto}.gallery-tabs{border-bottom:1px solid var(--wa-border);margin-bottom:12px;display:flex}.gallery-tab{text-align:center;color:var(--wa-muted);cursor:pointer;border-bottom:2px solid #0000;flex:1;padding:8px 0;font-size:13px;font-weight:600}.gallery-tab.active{color:var(--wa-brand-dark);border-bottom-color:var(--wa-brand)}.media-gallery-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.gallery-thumb{aspect-ratio:1;object-fit:cover;cursor:pointer;border-radius:4px;width:100%;transition:opacity .15s}.gallery-thumb:hover{opacity:.85}.gallery-thumb-video{background:#000;position:relative;overflow:hidden}.gallery-thumb-video video{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.gallery-video-play{color:#fff;text-shadow:0 1px 4px #0009;background:#00000026;place-items:center;font-size:18px;display:grid;position:absolute;inset:0}.starred-msg-card{background:var(--wa-applist-bg);border:1px solid var(--wa-border);cursor:pointer;border-radius:8px;padding:10px 12px;transition:background .12s}.starred-msg-card:hover{background:var(--wa-hover)}.starred-card-header{color:var(--wa-muted);justify-content:space-between;align-items:center;margin-bottom:4px;font-size:12px;display:flex}.starred-card-text{color:var(--wa-text);font-size:13.5px;line-height:1.4}.login{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%);justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:20px;display:flex}.login-card{background:#fff;border-radius:12px;width:100%;max-width:440px;overflow:hidden;box-shadow:0 10px 30px #00000026}.login-hero{text-align:center;flex-direction:column;align-items:center;padding:32px 24px 20px;display:flex}.logo-wrap{margin-bottom:12px}.logo-wrap img{object-fit:contain;width:auto;height:54px}.login-hero h1{color:var(--wa-text);margin-bottom:4px;font-size:24px;font-weight:700}.login-hero p{color:var(--wa-muted);font-size:13px}.login-body{padding:20px 24px 32px}.login-body form .btn{background:var(--wa-brand);color:#fff;border:none;border-radius:8px;width:100%;height:44px;margin-top:8px;font-size:15px}.login-body form .btn:hover:not(:disabled){background:var(--wa-teal)}.settings-shell-wrap{background-color:var(--wa-chat-bg);background-image:var(--wa-wallpaper);background-repeat:repeat;align-items:center;width:100%}.settings-shell{background:var(--wa-panel);width:100%;min-height:0;box-shadow:0 0 0 1px var(--wa-border);flex:1;align-items:flex-start;display:flex;position:relative;overflow:hidden}.settings-sidebar{border-right:1px solid var(--wa-border);box-sizing:border-box;background:var(--wa-applist-bg);flex-direction:column;flex-shrink:0;gap:4px;width:260px;height:100%;padding:16px 12px;display:flex;overflow-y:auto}.status-dot{background:var(--wa-muted-light);border:2px solid var(--wa-applist-bg);border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.status-dot.online{background:#25d366}.sidebar-profile-card{border-bottom:1px solid var(--wa-border);align-items:center;gap:10px;margin-bottom:8px;padding:10px 8px 16px;display:flex}.sidebar-avatar-wrap{flex-shrink:0;position:relative}.sidebar-avatar-wrap .status-dot{position:absolute;bottom:0;right:0}.sidebar-profile-info{min-width:0}.sidebar-profile-name{color:var(--wa-text);white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:700;overflow:hidden}.sidebar-profile-role{margin-top:1px;font-size:12px;font-weight:600}.sidebar-profile-role.r-admin{color:var(--wa-teal)}.sidebar-profile-role.r-staff{color:var(--wa-muted)}.settings-nav-group{flex-direction:column;gap:1px;margin-bottom:10px;display:flex}.settings-nav-group-label{letter-spacing:.06em;text-transform:uppercase;color:var(--wa-muted);padding:6px 12px 4px;font-size:11px;font-weight:700}.settings-nav-item{width:100%;color:var(--wa-text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:9px;align-items:center;gap:12px;padding:12px 14px;font-size:15.25px;transition:background .15s;display:flex}.settings-nav-item:hover{background:var(--wa-input)}.settings-nav-item.active{color:var(--wa-teal);background:#00a8841f;font-weight:600}.settings-nav-icon{text-align:center;flex-shrink:0;width:23px;font-size:19px}.settings-mobile-toggle,.settings-nav-backdrop{display:none}.settings-page{box-sizing:border-box;flex-direction:column;flex:1;align-items:center;gap:22px;min-width:0;height:100%;padding:32px 40px;font-size:15.25px;line-height:1.55;display:flex;overflow-y:auto}@media (width<=860px){.settings-shell{flex-direction:column;height:auto;overflow:visible}.settings-mobile-toggle{background:var(--wa-panel);border:1px solid var(--wa-border);width:calc(100% - 24px);color:var(--wa-text);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;margin:12px;padding:12px 14px;font-size:14.5px;font-weight:600;display:flex}.settings-sidebar{display:none}.settings-sidebar.open{z-index:20;background:var(--wa-panel);border:1px solid var(--wa-border);border-radius:10px;width:auto;height:auto;max-height:70vh;display:flex;position:absolute;top:56px;left:12px;right:12px;box-shadow:0 8px 24px #00000040}.settings-nav-backdrop{z-index:15;background:#00000059;display:block;position:fixed;inset:0}.settings-page{gap:16px;height:auto;padding:14px 16px 28px}}@media (width<=480px){.settings-card{border-radius:10px;padding:18px}}.settings-card{background:var(--wa-panel);border:1px solid var(--wa-border);border-radius:14px;flex-direction:column;gap:16px;padding:26px 28px;display:flex;box-shadow:0 1px 3px #0b141a0a}.settings-card h3{color:var(--wa-text);margin:0;font-size:18px;font-weight:700;line-height:1.3}.settings-card h4{color:var(--wa-muted);text-transform:uppercase;letter-spacing:.04em;margin:6px 0 10px;font-size:13.5px;font-weight:700}.input{box-sizing:border-box;border:1.5px solid var(--wa-border);background:var(--wa-input,var(--wa-panel));width:100%;height:48px;color:var(--wa-text);border-radius:9px;outline:none;padding:0 16px;font-family:inherit;font-size:15.25px;transition:border-color .15s,box-shadow .15s}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{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-position:right 12px center;background-repeat:no-repeat;padding-right:30px}.settings-field-label{color:var(--wa-muted);margin-bottom:7px;font-size:12.5px;font-weight:600;display:block}.settings-field{flex-direction:column;gap:2px;display:flex}.qr-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;display:grid}.qr-card{border:1px solid var(--wa-border);text-align:center;background:var(--wa-input,var(--wa-panel));border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:16px;transition:box-shadow .15s,transform .15s;display:flex}.qr-card:hover{transform:translateY(-1px);box-shadow:0 4px 14px #00000014}.qr-card img{border:1px solid var(--wa-border);background:#fff;border-radius:8px;width:132px;height:132px;padding:6px}.qr-card-message{color:var(--wa-text);word-break:break-word;font-size:13px;font-weight:600}.qr-card-link{color:var(--wa-teal);word-break:break-all;font-size:11.5px}.qr-card-actions{gap:8px;width:100%;display:flex}.qr-card-actions .btn{flex:1}.staff-add-panel{background:#00a8840f;border:1px solid #00a88440;border-radius:12px;padding:18px}.staff-add-panel h4{color:var(--wa-teal);text-transform:none;letter-spacing:normal;margin:0 0 12px;font-size:14px}.staff-form-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.mon-row{flex-wrap:wrap}.mon-row-actions{flex-shrink:0;gap:6px;margin-left:auto;display:flex}@media (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);border:1px solid var(--wa-border);background-repeat:repeat;border-radius:10px;justify-content:flex-end;padding:16px;display:flex}.sig-preview-bubble{white-space:pre-wrap;word-break:break-word;color:#111;background:#dcf8c6;border-radius:10px;max-width:340px;padding:8px 10px 6px;font-size:13.5px;line-height:1.5;box-shadow:0 1px 2px #00000026}.sig-preview-time{text-align:right;color:#00000073;margin-top:4px;font-size:10.5px;display:block}.sig-preview-ticks{color:#53bdeb}.settings-avatar{background:var(--wa-teal);color:#fff;border-radius:50%;place-items:center;width:64px;height:64px;margin-bottom:4px;font-size:26px;font-weight:700;display:grid}.settings-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.mon-list{flex-direction:column;gap:8px;margin-top:6px;display:flex}.mon-row{background:var(--wa-applist-bg);border:1px solid var(--wa-border);border-radius:8px;align-items:center;gap:12px;padding:10px;display:flex}.avatar.sm{width:36px;height:36px;font-size:13px}.mon-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.mon-name{align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.mon-detail{color:var(--wa-muted);font-size:12px}.status-tick{vertical-align:middle;flex-shrink:0;justify-content:center;align-items:center;margin-left:4px;line-height:1;display:inline-flex}.status-tick svg{display:block}.status-tick.tick-sent svg path,.status-tick.tick-delivered svg path{fill:#8696a0}.status-tick.tick-read svg path{fill:#53bdeb!important}.status-tick.tick-sending{animation:1s ease-in-out infinite alternate tickPulse}@keyframes tickPulse{0%{opacity:.4}to{opacity:.9}}.chat-item-status-tick{margin-right:4px}.service-window-hero{background:var(--wa-panel-bg);text-align:center;border:1.5px solid #f59e0b66;border-radius:12px;flex-direction:column;align-items:center;gap:12px;max-width:520px;margin:40px auto;padding:24px;display:flex;box-shadow:0 4px 16px #0000001f}.service-window-hero-icon{margin-bottom:2px;font-size:36px}.service-window-hero-title{color:var(--wa-text);margin:0;font-size:18px;font-weight:700}.service-window-hero-badge{color:#b45309;background:#fef3c7;border:1px solid #fde68a;border-radius:12px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-block}.service-window-hero-desc{color:var(--wa-muted);margin:0;font-size:14px;line-height:1.5}.service-window-hero-btn{background:var(--wa-teal);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;margin-top:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:opacity .15s;display:inline-flex}.service-window-hero-btn:hover{opacity:.9}.service-window-alert{color:#92400e;background:#fffbeb;border-bottom:1px solid #fef3c7;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;font-size:13px;display:flex}.service-window-alert-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#d97706;border:none;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:600}.service-window-alert-btn:hover{background:#b45309}.composer-template-bar{background:var(--wa-panel-bg);border-top:1px solid var(--wa-border);justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.composer-template-bar-text{color:var(--wa-muted);font-size:13px}.composer-template-bar-btn{background:var(--wa-teal);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600}.bubble{position:relative}.msg-reaction-pill{z-index:3;background:var(--wa-panel-bg);border:1px solid var(--wa-border);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:14px;align-items:center;gap:3px;padding:2px 7px;font-size:13px;transition:transform .15s,box-shadow .15s;display:inline-flex;position:absolute;bottom:-10px;right:12px;box-shadow:0 1.5px 4px #00000029}.msg-reaction-pill:hover{transform:scale(1.08);box-shadow:0 2px 6px #00000038}.msg-reaction-pill.has-own{background:#00a88414;border-color:#00a88480}.reaction-emojis{gap:2px;line-height:1;display:inline-flex}.reaction-count{color:var(--wa-muted);margin-left:2px;font-size:11px;font-weight:700}.reaction-details-popup{z-index:50;background:var(--wa-panel-bg);border:1px solid var(--wa-border);border-radius:8px;min-width:150px;padding:8px;animation:.12s fadeIn;position:absolute;bottom:24px;right:0;box-shadow:0 4px 16px #0003}.reaction-details-header{color:var(--wa-muted);border-bottom:1px solid var(--wa-border);justify-content:space-between;align-items:center;margin-bottom:6px;padding-bottom:6px;font-size:12px;display:flex}.reaction-details-list{flex-direction:column;gap:6px;display:flex}.reaction-detail-row{border-radius:4px;justify-content:space-between;align-items:center;padding:3px 6px;font-size:13px;display:flex}.reaction-detail-row.own-row{cursor:pointer;background:#00a88414}.reaction-detail-row.own-row:hover{background:#ef44441a}.reactor-name{font-weight:500}.reactor-emoji{font-size:16px}.reactor-remove-hint{color:var(--wa-danger);margin-left:6px;font-size:10px}.reaction-opt{cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;width:32px;height:32px;font-size:20px;transition:transform .12s,background .12s;display:grid}.reaction-opt.active{background:#00a88433}.reaction-more-btn{cursor:pointer;width:28px;height:28px;color:var(--wa-muted);background:0 0;border:none;border-radius:50%;place-items:center;font-size:15px;transition:transform .12s;display:grid}.reaction-more-btn:hover{color:var(--wa-teal);transform:scale(1.2)}.filter-chips{white-space:nowrap;border-bottom:1px solid var(--wa-border);background:var(--wa-panel);scrollbar-width:thin;align-items:center;gap:10px;padding:10px 16px;display:flex;overflow-x:auto}.filter-chips::-webkit-scrollbar{height:6px}.filter-chips::-webkit-scrollbar-thumb{background:var(--wa-border);border-radius:3px}.filter-chips::-webkit-scrollbar-track{background:0 0}.chip{background:var(--wa-applist-bg);color:var(--wa-muted);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:18px;flex-shrink:0;align-items:center;gap:5px;padding:7px 14px;font-size:14.5px;font-weight:500;transition:all .15s;display:inline-flex}.chip:hover{color:var(--wa-text);background:#00a88414}.chip.active{color:var(--wa-teal);background:#00a88424;border-color:#00a88459;font-weight:600}.tab-count-badge{background:var(--wa-teal);color:#fff;border-radius:10px;padding:1px 6px;font-size:11px;font-weight:700;line-height:1.2}.chip.active .tab-count-badge{background:var(--wa-teal);color:#fff}.chip-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.chip-del-btn{color:var(--wa-muted);cursor:pointer;opacity:.7;background:0 0;border:none;margin-left:2px;padding:0 2px;font-size:10px;line-height:1}.chip-del-btn:hover{opacity:1;color:var(--wa-danger)}.chip-add-btn{background:var(--wa-applist-bg);width:28px;min-width:28px;height:28px;color:var(--wa-muted);border:1px solid var(--wa-border);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:700;transition:all .15s;display:inline-flex}.chip-add-btn:hover{background:var(--wa-teal);color:#fff;border-color:var(--wa-teal)}.custom-list-modal,.staff-notes-modal{flex-direction:column;max-width:500px;max-height:88vh;display:flex}.modal-head-title{align-items:center;gap:10px;display:flex}.modal-icon-badge{color:#fff;border-radius:8px;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:16px;display:grid}.modal-icon-badge.bg-amber{background:#f59e0b}.modal-sub-label{color:var(--wa-muted);font-size:11.5px}.color-preset-row{gap:8px;margin-top:6px;display:flex}.color-preset-btn{cursor:pointer;border:2px solid #0000;border-radius:50%;width:26px;height:26px;transition:transform .12s}.color-preset-btn.active{box-shadow:0 0 0 2px var(--wa-teal);border-color:#fff;transform:scale(1.2)}.custom-list-convs-picker{border:1px solid var(--wa-border);background:var(--wa-applist-bg);border-radius:8px;max-height:220px;margin-top:6px;overflow-y:auto}.conv-picker-row{border-bottom:1px solid var(--wa-border);cursor:pointer;align-items:center;gap:10px;padding:8px 12px;transition:background .1s;display:flex}.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{color:var(--wa-muted);margin-left:6px;font-size:11px}.staff-note-form{background:var(--wa-applist-bg);border-bottom:1px solid var(--wa-border);flex-direction:column;gap:8px;padding:12px 16px;display:flex}.staff-note-form textarea{border:1px solid var(--wa-border);background:var(--wa-panel-bg);width:100%;color:var(--wa-text);resize:vertical;border-radius:6px;padding:8px 10px;font-size:13.5px}.staff-note-form button{align-self:flex-end}.staff-notes-list{flex-direction:column;gap:10px;max-height:320px;padding:12px 16px;display:flex;overflow-y:auto}.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{color:var(--wa-muted);justify-content:space-between;align-items:center;margin-bottom:6px;font-size:11.5px;display:flex}.staff-note-author{color:#f59e0b;font-weight:600}.staff-note-del-btn{color:var(--wa-muted);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:12px}.staff-note-del-btn:hover{color:var(--wa-danger)}.staff-note-body{white-space:pre-wrap;color:var(--wa-text);font-size:13px;line-height:1.4}.staff-notes-empty{text-align:center;color:var(--wa-muted);padding:24px 0;font-size:13px}.chat-notes-banner{color:var(--wa-text);background:#f59e0b1a;border-bottom:1px solid #f59e0b40;justify-content:space-between;align-items:center;padding:8px 16px;font-size:12.5px;display:flex}.chat-notes-banner-left{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;display:flex;overflow:hidden}.chat-notes-banner-tag{color:#fff;text-transform:uppercase;background:#f59e0b;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.chat-notes-banner-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-notes-banner-btn{color:#f59e0b;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #f59e0b;border-radius:4px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:600}.chat-notes-banner-btn:hover{color:#fff;background:#f59e0b}.staff-assign-select{background:var(--wa-applist-bg);border:1px solid var(--wa-border);color:var(--wa-text);cursor:pointer;border-radius:14px;outline:none;padding:4px 8px;font-size:12px}.staff-assign-select:hover{border-color:var(--wa-teal)}.chat-assign-pill{color:#027eb5;background:#027eb51f;border:1px solid #027eb54d;border-radius:4px;margin-left:6px;padding:1px 6px;font-size:11px;font-weight:500}.catalog-modal{flex-direction:column;max-width:520px;max-height:88vh;display:flex}.catalog-tab-switch{border-bottom:1px solid var(--wa-border);background:var(--wa-applist-bg);display:flex}.catalog-tab-btn{color:var(--wa-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px 14px;font-size:13.5px;font-weight:500;transition:all .15s}.catalog-tab-btn.active{color:var(--wa-teal);border-bottom-color:var(--wa-teal);background:var(--wa-panel-bg);font-weight:600}.catalog-panel-body{flex-direction:column;gap:12px;padding:14px 16px;display:flex;overflow-y:auto}.catalog-preview-box{background:var(--wa-applist-bg);border:1px solid var(--wa-border);border-radius:10px;flex-direction:column;gap:8px;padding:14px;display:flex}.catalog-preview-header{align-items:center;gap:10px;display:flex}.catalog-preview-avatar{background:var(--wa-teal);color:#fff;border-radius:50%;place-items:center;width:38px;height:38px;font-size:18px;display:grid}.catalog-preview-name{margin:0;font-size:14px;font-weight:600}.catalog-preview-sub{color:var(--wa-muted);font-size:11.5px}.catalog-preview-quote{color:var(--wa-text);margin:4px 0;font-size:13px;font-style:italic}.catalog-preview-footer{border-top:1px solid var(--wa-border);color:var(--wa-muted);justify-content:space-between;align-items:center;padding-top:8px;font-size:11.5px;display:flex}.catalog-action-pill{background:var(--wa-teal);color:#fff;border-radius:12px;padding:3px 10px;font-size:12px;font-weight:600}.catalog-search-row{background:var(--wa-applist-bg);border:1px solid var(--wa-border);border-radius:8px;align-items:center;gap:8px;padding:6px 12px;display:flex}.catalog-search-row input{width:100%;color:var(--wa-text);background:0 0;border:none;outline:none;font-size:13px}.catalog-product-list{flex-direction:column;gap:6px;max-height:240px;display:flex;overflow-y:auto}.catalog-product-item{border:1px solid var(--wa-border);background:var(--wa-applist-bg);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;transition:all .12s;display:flex}.catalog-product-item:hover{background:#00a8840f}.catalog-product-item.selected{border-color:var(--wa-teal);background:#00a8841a}.catalog-product-thumb{object-fit:cover;border-radius:6px;width:44px;height:44px}.catalog-product-info{flex:1}.catalog-product-title{font-size:13.5px;font-weight:600}.catalog-product-meta{align-items:center;gap:8px;margin-top:2px;display:flex}.catalog-product-price{color:var(--wa-teal);font-size:12.5px;font-weight:700}.catalog-product-cat{color:var(--wa-muted);font-size:11px}.catalog-product-radio{color:var(--wa-teal);font-size:16px}.msg-catalog-card{background:var(--wa-panel-bg);border:1px solid var(--wa-border);border-radius:8px;max-width:320px;margin-bottom:4px;overflow:hidden}.msg-catalog-card-banner{color:#fff;background:#00a884;align-items:center;gap:8px;padding:8px 12px;font-size:12.5px;font-weight:600;display:flex}.msg-catalog-card-body{padding:10px 12px}.msg-catalog-card-title{margin-bottom:4px;font-size:14px;font-weight:600}.msg-catalog-card-text{color:var(--wa-text);margin-bottom:10px;font-size:13px;line-height:1.4}.msg-catalog-card-btn{text-align:center;background:#00a884;border-radius:6px;padding:8px 12px;font-size:13px;font-weight:600;text-decoration:none;transition:opacity .15s;display:block;color:#fff!important}.msg-catalog-card-btn:hover{opacity:.9}.msg-product-card{background:var(--wa-panel-bg);border:1px solid var(--wa-border);border-radius:8px;max-width:300px;margin-bottom:4px;overflow:hidden}.msg-product-card-img{object-fit:cover;width:100%;height:160px;display:block}.msg-product-card-body{padding:10px 12px}.msg-product-card-title{margin-bottom:2px;font-size:14px;font-weight:600}.msg-product-card-price{color:var(--wa-teal);margin-bottom:6px;font-size:14px;font-weight:700}.msg-product-card-desc{color:var(--wa-muted);margin-bottom:8px;font-size:12.5px;line-height:1.35}.msg-product-card-btn{text-align:center;background:#00a884;border-radius:6px;padding:6px 12px;font-size:12.5px;font-weight:600;text-decoration:none;display:block;color:#fff!important}.archived-chats-bar{background:var(--wa-panel-bg);border-bottom:1px solid var(--wa-border);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:10px 16px;transition:background .12s;display:flex}.archived-chats-bar:hover{background:#00a8840f}.archived-chats-bar-left{align-items:center;gap:12px;display:flex}.archived-icon{color:var(--wa-teal);font-size:17px}.archived-title{color:var(--wa-text);font-size:14px;font-weight:600}.archived-count{color:var(--wa-teal);font-size:12px;font-weight:700}.archived-header-banner{background:var(--wa-applist-bg);border-bottom:1px solid var(--wa-border);align-items:center;gap:12px;padding:10px 16px;font-size:14px;font-weight:600;display:flex}.read-by-badge{color:var(--wa-muted);align-items:center;gap:3px;margin-left:6px;font-size:10.5px;display:inline-flex}.reply-by-badge{color:var(--wa-teal);align-items:center;gap:3px;margin-left:6px;font-size:10.5px;font-weight:500;display:inline-flex}.camera-backdrop{z-index:1200;background:#000000d9;justify-content:center;align-items:center;display:flex}.camera-modal{color:#e9edef;background:#111b21;border-radius:12px;flex-direction:column;width:92%;max-width:680px;max-height:90vh;animation:.2s cubic-bezier(.1,.9,.2,1) modalPop;display:flex;overflow:hidden;box-shadow:0 12px 36px #0009}.camera-header{background:#202c33;border-bottom:1px solid #2a3942;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.camera-title{color:#e9edef;align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.camera-header-actions{align-items:center;gap:10px;display:flex}.camera-tool-btn{color:#00a884;cursor:pointer;background:#2a3942;border:1px solid #3b4a54;border-radius:16px;padding:4px 12px;font-size:12px;font-weight:600;transition:all .15s}.camera-tool-btn:hover{background:#374248}.camera-close-btn{color:#aebac1!important}.camera-body{background:#000;justify-content:center;align-items:center;min-height:380px;display:flex;position:relative;overflow:hidden}.camera-viewfinder{justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .2s;display:flex;position:relative}.camera-viewfinder.flashing{opacity:.1;filter:brightness(3)}.camera-live-video{object-fit:cover;width:100%;max-height:480px;display:block}.camera-preview-box{background:#000;justify-content:center;align-items:center;width:100%;max-height:480px;display:flex}.camera-preview-media{object-fit:contain;max-width:100%;max-height:480px;display:block}.camera-rec-badge{z-index:10;background:#000000bf;border:1px solid #ea004199;border-radius:18px;align-items:center;gap:8px;padding:4px 12px;display:flex;position:absolute;top:14px;left:16px}.camera-rec-dot{background:#ea0038;border-radius:50%;width:10px;height:10px;animation:1s infinite alternate waBlink}@keyframes waBlink{0%{opacity:1;transform:scale(1)}to{opacity:.3;transform:scale(.85)}}.camera-rec-text{color:#fff;letter-spacing:.5px;font-size:13px;font-weight:700}.camera-error-container{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:400px;padding:32px 24px;display:flex}.camera-error-icon{font-size:36px}.camera-error-container h4{color:#e9edef;font-size:17px;font-weight:600}.camera-error-container p{color:#8696a0;font-size:13.5px;line-height:1.5}.camera-footer{background:#202c33;border-top:1px solid #2a3942;padding:14px 18px}.camera-live-controls{flex-direction:column;align-items:center;gap:12px;display:flex}.camera-mode-tabs{background:#111b21;border-radius:20px;align-items:center;gap:4px;padding:3px;display:flex}.camera-mode-tab{color:#8696a0;cursor:pointer;background:0 0;border:none;border-radius:16px;padding:6px 16px;font-size:12px;font-weight:700;transition:all .15s}.camera-mode-tab.active{color:#111b21;background:#00a884}.camera-shutter-wrap{justify-content:center;align-items:center;padding:6px 0;display:flex}.camera-shutter-btn{cursor:pointer;background:0 0;border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;padding:3px;transition:transform .1s;display:flex}.camera-shutter-btn:active{transform:scale(.92)}.shutter-inner{background:#fff;border-radius:50%;width:100%;height:100%}.camera-record-btn{cursor:pointer;background:0 0;border:4px solid #ea0038;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;padding:3px;transition:transform .1s;display:flex}.record-inner{background:#ea0038;border-radius:50%;width:100%;height:100%;transition:all .2s}.camera-stop-btn{cursor:pointer;background:0 0;border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;padding:16px;animation:1.2s infinite alternate stopPulse;display:flex}@keyframes stopPulse{0%{transform:scale(1)}to{transform:scale(1.06)}}.stop-inner{background:#ea0038;border-radius:4px;width:22px;height:22px}.camera-preview-controls{flex-direction:column;gap:12px;display:flex}.camera-caption-input{color:#e9edef;background:#111b21;border:1px solid #2a3942;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:14px}.camera-caption-input:focus{border-color:#00a884}.camera-preview-buttons{justify-content:space-between;align-items:center;display:flex}.camera-retake-btn{color:#e9edef;background:#2a3942}.camera-send-btn{padding:8px 24px;font-size:14px;font-weight:600}.voice-recorder-bar{background:var(--wa-applist-bg);border-radius:8px;flex:1;align-items:center;gap:12px;min-height:42px;padding:6px 12px;animation:.15s fadeIn;display:flex}.voice-recorder-bar.error-state{background:#ea00381f;border:1px solid #ea00384d}.voice-error-text{color:#ea0038;flex:1;font-size:12.5px}.voice-rec-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;padding:4px;font-size:18px;transition:all .15s;display:grid}.voice-rec-trash:hover{background:#ea003826;transform:scale(1.1)}.voice-rec-live-info{flex:1;align-items:center;gap:16px;display:flex}.voice-rec-pulse-badge{align-items:center;gap:8px;display:flex}.voice-rec-pulse-dot{background:#ea0038;border-radius:50%;width:9px;height:9px;animation:.9s infinite alternate waBlink}.voice-rec-time{color:var(--wa-text);font-variant-numeric:tabular-nums;min-width:38px;font-size:13.5px;font-weight:600}.voice-rec-canvas{flex:1;max-width:220px;height:28px}.voice-rec-preview-info{flex:1;align-items:center;gap:10px;display:flex}.voice-preview-play-btn{color:var(--wa-teal);cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:16px}.voice-preview-track{background:var(--wa-border);border-radius:2px;flex:1;height:4px;position:relative;overflow:hidden}.voice-preview-fill{background:var(--wa-teal);height:100%;transition:width .1s linear}.voice-rec-actions{align-items:center;gap:8px;display:flex}.voice-rec-stop{color:var(--wa-muted);font-size:15px}.voice-rec-stop:hover{color:var(--wa-text)}.voice-rec-send-btn{background:var(--wa-teal);color:#fff;cursor:pointer;border:none;border-radius:50%;place-items:center;width:38px;height:38px;font-size:15px;transition:transform .1s;display:grid}.voice-rec-send-btn:hover{background:var(--wa-teal-hover);transform:scale(1.05)}.voice-rec-send-btn:active{transform:scale(.95)}.composer-mic-btn{width:40px;height:40px;color:var(--wa-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;place-items:center;font-size:19px;transition:all .15s;display:grid}.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{opacity:1!important;visibility:visible!important;z-index:50!important;display:flex!important}.reaction-trigger-wrap{display:inline-block}.reaction-bar-popup{background:var(--wa-panel);border:1px solid var(--wa-border);border-radius:28px;align-items:center;gap:6px;max-width:min(280px,70vw);padding:6px 12px;animation:.15s cubic-bezier(.1,.9,.2,1) popIn;display:flex;position:absolute;top:50%;left:calc(100% + 8px);transform:translateY(-50%);box-shadow:0 8px 24px #0006;z-index:200!important;pointer-events:auto!important}.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 (width<=480px){.reaction-bar-popup{top:calc(100% + 8px);left:auto;right:auto;transform:none}@keyframes popIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}}.reaction-bar-popup:after{content:"";background:0 0;height:16px;position:absolute;bottom:-14px;left:-10px;right:-10px}.reaction-opt{cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:50%;place-items:center;width:38px;height:38px;font-size:22px;transition:transform .15s cubic-bezier(.1,.9,.2,1),background .15s;display:grid}.reaction-opt:hover{background:#ffffff26;transform:scale(1.35)}.reaction-opt.active{background:#00a8844d;transform:scale(1.15)}.attach-preview-backdrop{z-index:1250;background:#000000d9;justify-content:center;align-items:center;display:flex}.attach-preview-modal{background:var(--wa-panel);width:92%;max-width:640px;max-height:92vh;color:var(--wa-text);border-radius:12px;flex-direction:column;animation:.2s cubic-bezier(.1,.9,.2,1) modalPop;display:flex;overflow:hidden;box-shadow:0 16px 48px #00000073}.attach-preview-header{background:var(--wa-input);border-bottom:1px solid var(--wa-border);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.attach-preview-title{flex-direction:column;gap:2px;font-size:15px;font-weight:600;display:flex}.attach-file-info{color:var(--wa-muted);font-size:12px;font-weight:400}.attach-preview-body{background:var(--wa-chat-bg);justify-content:center;align-items:center;min-height:280px;max-height:55vh;padding:20px;display:flex;overflow-y:auto}.attach-preview-media{object-fit:contain;border-radius:8px;max-width:100%;max-height:48vh;box-shadow:0 4px 12px #00000040}.attach-doc-box{background:var(--wa-input);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:380px;padding:24px 32px;display:flex}.attach-doc-icon{font-size:48px}.attach-doc-name{word-break:break-all;font-size:15px;font-weight:600}.attach-doc-size{color:var(--wa-muted);font-size:12.5px}.attach-audio-box{background:var(--wa-input);border-radius:12px;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:380px;padding:20px 24px;display:flex}.attach-audio-icon{font-size:40px}.attach-audio-name{font-size:14px;font-weight:600}.attach-audio-size{color:var(--wa-muted);font-size:12px}.attach-audio-player{width:100%;margin-top:8px}.attach-preview-footer{background:var(--wa-input);border-top:1px solid var(--wa-border);padding:12px 18px;position:relative}.attach-caption-row{align-items:center;gap:10px;display:flex}.attach-emoji-btn{cursor:pointer;background:0 0;border:none;padding:4px;font-size:20px}.attach-caption-input{background:var(--wa-panel);border:1px solid var(--wa-border);color:var(--wa-text);border-radius:8px;outline:none;flex:1;padding:10px 14px;font-size:14.5px}.attach-caption-input:focus{border-color:var(--wa-brand)}.attach-send-btn{background:var(--wa-brand);color:#fff;cursor:pointer;border:none;border-radius:50%;place-items:center;width:42px;height:42px;font-size:17px;transition:transform .1s;display:grid}.attach-send-btn:hover{background:var(--wa-brand-dark);transform:scale(1.08)}.attach-send-btn:disabled{opacity:.6;cursor:not-allowed}.full-tpl-modal{flex-direction:column!important;width:95%!important;max-width:960px!important;height:88vh!important;max-height:720px!important;display:flex!important;overflow:hidden!important}.tpl-modal-title{align-items:center;gap:10px;display:flex}.tpl-head-icon{font-size:20px}.tpl-layout{flex:1;display:flex;overflow:hidden}.tpl-sidebar{border-right:1px solid var(--wa-border);background:var(--wa-applist-bg);flex-direction:column;width:320px;display:flex}.tpl-search-box{border-bottom:1px solid var(--wa-border);flex-direction:column;gap:8px;padding:12px;display:flex}.tpl-search-input{border:1px solid var(--wa-border);background:var(--wa-panel-bg);width:100%;color:var(--wa-text);border-radius:8px;outline:none;padding:8px 12px;font-size:13.5px}.tpl-search-input:focus{border-color:var(--wa-teal)}.tpl-filter-pills{gap:6px;display:flex}.tpl-cat-btn{background:var(--wa-panel-bg);border:1px solid var(--wa-border);color:var(--wa-muted);cursor:pointer;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:600}.tpl-cat-btn.active{background:var(--wa-teal);color:#fff;border-color:var(--wa-teal)}.tpl-list{flex-direction:column;flex:1;gap:4px;padding:6px;display:flex;overflow-y:auto}.tpl-opt{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:column;gap:4px;padding:10px 12px;transition:background .1s;display:flex}.tpl-opt:hover{background:var(--wa-hover-bg)}.tpl-opt.on{background:#00a8841f;border-color:#00a8844d}.tpl-opt-top{justify-content:space-between;align-items:center;display:flex}.tpl-name{color:var(--wa-text);font-size:13.5px;font-weight:600}.tpl-opt-snippet{color:var(--wa-muted);font-size:12px;line-height:1.35}.tpl-editor-pane{flex:1;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.tpl-live-preview-wrap{border-right:1px solid var(--wa-border);background:#0b141a;flex-direction:column;align-items:center;padding:20px;display:flex;overflow-y:auto}.tpl-preview-header-tag{color:#8696a0;justify-content:space-between;align-items:center;width:100%;max-width:320px;margin-bottom:12px;font-size:12px;font-weight:600;display:flex}.tpl-badge{color:#00a884;background:#202c33;border-radius:10px;padding:2px 8px;font-size:10.5px}.tpl-phone-bubble{color:#e9edef;background:#202c33;border-radius:8px 8px 8px 0;flex-direction:column;gap:6px;width:100%;max-width:320px;padding:8px;display:flex;box-shadow:0 2px 6px #0000004d}.tpl-header-media-preview{background:#111b21;border-radius:6px;width:100%;max-height:160px;overflow:hidden}.tpl-preview-img{object-fit:cover;width:100%;height:140px;display:block}.tpl-media-placeholder{color:#8696a0;place-items:center;height:90px;font-size:12px;display:grid}.tpl-doc-preview-badge{background:#111b21;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:18px;display:flex}.tpl-doc-preview-meta{flex-direction:column;font-size:12px;display:flex}.tpl-doc-preview-meta small{color:#8696a0;font-size:10px}.tpl-bubble-header-text{color:#e9edef;font-size:14px;font-weight:700}.tpl-bubble-body-text{white-space:pre-wrap;word-break:break-word;font-size:13.5px;line-height:1.4}.tpl-bubble-footer-text{color:#8696a0;font-size:11px}.tpl-bubble-buttons{border-top:1px solid #2a3942;flex-direction:column;gap:4px;margin-top:4px;padding-top:6px;display:flex}.tpl-bubble-btn{text-align:center;color:#00a884;background:#111b21;border-radius:4px;padding:6px 10px;font-size:12.5px;font-weight:600}.tpl-fields-form{background:var(--wa-panel-bg);flex-direction:column;gap:14px;padding:20px;display:flex;overflow-y:auto}.tpl-fields-form h4{margin-bottom:2px;font-size:15px;font-weight:600}.tpl-field-group{flex-direction:column;gap:6px;display:flex}.tpl-field-label{color:var(--wa-text);justify-content:space-between;align-items:baseline;font-size:12.5px;font-weight:600;display:flex}.tpl-field-label small{color:var(--wa-muted);font-size:11px;font-weight:400}.tpl-input-with-action{gap:6px;display:flex}.tpl-input-with-action input{flex:1}.tpl-file-pick-btn{cursor:pointer;white-space:nowrap}.tpl-var-row{align-items:center;gap:8px;display:flex}.tpl-var-pill{background:var(--wa-hover-bg);border:1px solid var(--wa-border);color:var(--wa-teal);text-align:center;border-radius:6px;min-width:54px;padding:6px 8px;font-family:monospace;font-size:11.5px;font-weight:600}.tpl-var-row input{flex:1}.tpl-send-footer{border-top:1px solid var(--wa-border);justify-content:flex-end;gap:10px;margin-top:12px;padding-top:14px;display:flex}.tpl-submit-btn{padding:8px 20px;font-weight:600}.login-wrapper{background:radial-gradient(circle at 50% 20%,#0d2822 0%,#071714 60%,#040d0b 100%);flex-direction:column;justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:24px;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;position:relative;overflow:hidden}.login-brand-bar{z-index:5;justify-content:center;width:100%;display:flex;position:absolute;top:24px}.brand-badge-row{align-items:center;display:flex}.secure-badge{color:#00e5a3;letter-spacing:.3px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00a8841f;border:1px solid #00a8844d;border-radius:9999px;align-items:center;gap:8px;padding:6px 14px;font-size:12.5px;font-weight:500;display:inline-flex}.login-card-container{z-index:10;width:100%;max-width:440px;position:relative}.login-card-glow{filter:blur(16px);opacity:.7;z-index:-1;background:linear-gradient(135deg,#00a88466,#128c7e1a,#25d36633);border-radius:20px;animation:6s ease-in-out infinite alternate pulseGlow;position:absolute;inset:-2px}@keyframes pulseGlow{0%{opacity:.5;filter:blur(14px)}to{opacity:.85;filter:blur(20px)}}.login-card-glass{-webkit-backdrop-filter:blur(24px);color:#f1f5f9;background:#121c19d9;border:1px solid #ffffff17;border-radius:18px;padding:36px 32px 28px;box-shadow:0 20px 50px #00000080,0 0 1px #fff3}.login-card-top{text-align:center;flex-direction:column;align-items:center;margin-bottom:28px;display:flex}.brand-avatar-container{background:#ffffff0d;border:1px solid #00a8844d;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:16px;display:flex;box-shadow:0 8px 24px #00a88426}.brand-logo-img{object-fit:contain;width:44px;height:44px}.brand-logo-fallback{font-size:28px}.login-card-top h2{color:#fff;letter-spacing:-.3px;margin:0 0 6px;font-size:23px;font-weight:700}.login-subtitle{color:#94a3b8;margin:0;font-size:13.5px}.login-form-premium{flex-direction:column;gap:18px;display:flex}.login-error-pill{color:#fca5a5;background:#ef44441f;border:1px solid #ef444459;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;line-height:1.4;display:flex}.input-group-modern{flex-direction:column;gap:7px;display:flex}.input-group-modern label{color:#cbd5e1;font-size:13px;font-weight:500}.input-field-wrap{background:#0a1210b3;border:1px solid #ffffff1f;border-radius:10px;align-items:center;transition:all .2s;display:flex;position:relative}.input-field-wrap:focus-within{background:#0a1210f2;border-color:#00a884;box-shadow:0 0 0 3px #00a88433}.input-icon{color:#64748b;pointer-events:none;align-items:center;display:flex;position:absolute;left:14px}.input-field-wrap input{color:#f8fafc;background:0 0;border:none;outline:none;width:100%;height:46px;padding:0 42px;font-family:inherit;font-size:14.5px}.input-field-wrap input::placeholder{color:#64748b}.password-toggle-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;transition:color .15s;display:flex;position:absolute;right:12px}.password-toggle-btn:hover{color:#00e5a3}.login-action-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00a884 0%,#008069 100%);border:none;border-radius:10px;justify-content:center;align-items:center;width:100%;height:48px;margin-top:6px;font-size:15px;font-weight:600;transition:all .25s;display:flex;box-shadow:0 8px 20px #00a88440}.login-action-btn:hover:not(:disabled){background:linear-gradient(135deg,#00b892 0%,#008c73 100%);transform:translateY(-1px);box-shadow:0 10px 26px #00a88461}.login-action-btn:active:not(:disabled){transform:translateY(0)}.login-action-btn:disabled{opacity:.65;cursor:not-allowed}.btn-text-state{align-items:center;gap:8px;display:flex}.btn-loading-state{align-items:center;gap:10px;display:flex}.spinner-border{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-card-footer{border-top:1px solid #ffffff12;flex-direction:column;align-items:center;gap:10px;margin-top:28px;padding-top:20px;display:flex}.db-sync-indicator{color:#94a3b8;align-items:center;gap:8px;font-size:12px;display:flex}.status-dot-pulse{background:#10b981;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #10b981}.copyright-note{color:#64748b;font-size:11.5px}