.wa-demo{--wa-ink:#172c32;--wa-muted:#52676d;--wa-green:#075e54;--wa-line:#d8e1df;--shop-ink:var(--wa-ink);--shop-muted:var(--wa-muted);--shop-line:var(--wa-line);--shop-accent:var(--wa-green);position:fixed;inset:0;z-index:60;display:grid;grid-template-rows:auto minmax(0,1fr);padding:0 28px 28px;color:var(--wa-ink);background:#dbe4e1;font:14px/1.5 var(--font-body,system-ui,sans-serif);caret-color:var(--wa-green);color-scheme:light}.wa-demo *{box-sizing:border-box}.wa-demo ::selection{background:#b1daca;color:#10392d}.wa-demo :is(button,a,textarea,select):focus-visible{outline:2px solid #007c67;outline-offset:3px}.wa-demo :is(button,textarea,select){font:inherit}.wa-demo button{cursor:pointer}.wa-demo button:disabled{cursor:not-allowed;opacity:.45}.wa-demo a{color:inherit;text-decoration:none}.wa-demo a:hover{text-decoration:underline;text-underline-offset:3px}.wa-demo-banner{max-width:1440px;width:100%;margin:auto;min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:#35534c}.wa-demo-banner>a{font-weight:600}.wa-demo-window{display:grid;grid-template-columns:310px minmax(0,1fr);min-height:0;width:100%;max-width:1440px;margin:0 auto;background:#fff;box-shadow:0 12px 40px #153d3320;overflow:hidden}.wa-demo-sidebar{display:flex;flex-direction:column;border-right:1px solid var(--wa-line);min-width:0;overflow-y:auto;background:#fff}.wa-demo-sidebar-heading{display:flex;gap:12px;align-items:center;padding:22px;min-height:84px;color:var(--wa-green)}.wa-demo-sidebar-heading h1{font-size:24px;font-weight:650;letter-spacing:-.025em}.wa-demo-preview-label{margin-left:auto;font-size:11px;border:1px solid #b6cebf;border-radius:20px;padding:2px 8px}.wa-demo-thread-selected{display:flex;align-items:center;gap:12px;padding:18px;background:#eaf2ee}.wa-demo-avatar{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:50%;background:#d4e8df;color:#1e5140;font-weight:650;font-size:16px}.wa-demo-thread-selected>div:nth-child(2){min-width:0}.wa-demo-thread-selected strong{font-size:15px}.wa-demo-thread-selected p{margin:4px 0 0;max-width:175px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;color:var(--wa-muted)}.wa-demo-thread-time{font-size:10px;align-self:flex-start;margin-left:auto;color:var(--wa-muted)}.wa-demo-scenarios{padding:32px 22px}.wa-demo-scenarios h2{font-size:15px;font-weight:650;margin:0 0 8px}.wa-demo-scenarios>p{color:var(--wa-muted);font-size:13px;line-height:1.65;margin:0 0 20px}.wa-demo-scenarios>button{display:flex;width:100%;justify-content:space-between;gap:12px;text-align:left;border:0;border-bottom:1px solid var(--wa-line);background:none;padding:15px 0;color:var(--wa-green);font-size:13px}.wa-demo-scenarios>button:hover:not(:disabled){color:#102e26}.wa-demo-session-note{margin-top:34px;font-size:12px;color:var(--wa-muted)}.wa-demo-session-note strong{font-weight:600}.wa-demo-session-note p{margin:6px 0 0;line-height:1.7}.wa-demo-store-link{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding:20px 22px;border-top:1px solid var(--wa-line);font-size:12px}.wa-demo-chat{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto auto;min-width:0;min-height:0;background:#eee9e1}.wa-demo-chat-heading{grid-row:1;display:flex;align-items:center;gap:12px;min-height:84px;padding:16px 24px;background:var(--wa-green);color:#fff}.wa-demo-chat-heading .wa-demo-avatar{background:#e4f0e5}.wa-demo-chat-identity{display:flex;flex-direction:column;min-width:0}.wa-demo-chat-identity strong{font-size:16px}.wa-demo-chat-identity>span{color:#d8e9e4;font-size:12px}.wa-demo-ai-mode{margin-left:auto;flex-shrink:0;border:1px solid #709e94;border-radius:20px;padding:4px 9px;font-size:11px}.wa-demo-ai-mode-live{background:#e1f3df;color:#164c2e;border-color:#e1f3df}.wa-demo-language select{border:0;background:transparent;color:white;font-size:12px;padding:6px 2px}.wa-demo-language option{color:var(--wa-ink);background:white}.wa-demo-transcript{grid-row:2;overflow-y:auto;overscroll-behavior:contain;padding:22px 6%;min-height:0;scrollbar-width:thin;scrollbar-color:#b6bfb9 transparent}.wa-demo-channel-note{width:-moz-fit-content;width:fit-content;max-width:480px;margin:0 auto 22px;padding:9px 14px;background:#f9f1d3;color:#655830;border-radius:7px;text-align:center;font-size:11px;line-height:1.55}.wa-demo-empty{margin:52px auto 32px;max-width:390px;text-align:center}.wa-demo-empty>svg{color:#527a68;width:42px;height:42px;margin:0 auto 20px}.wa-demo-empty h2{font-size:27px;line-height:1.25;font-weight:550;letter-spacing:-.025em;text-wrap:balance;margin:0}.wa-demo-empty>p{color:var(--wa-muted);margin:14px 0 24px;line-height:1.75}.wa-demo-empty>div{display:grid;grid-gap:8px;gap:8px;max-width:300px;margin:auto}.wa-demo-empty button{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;background:#fffdf8;border:1px solid #d4d9cd;border-radius:8px;text-align:left;color:var(--wa-green);font-size:13px}.wa-demo-bubble{width:-moz-fit-content;width:fit-content;max-width:min(85%,610px);min-width:110px;padding:11px 13px 7px;background:white;border-radius:0 9px 9px;margin-bottom:12px;box-shadow:0 1px 1px #172c3214;overflow-wrap:anywhere}.wa-demo-bubble-user{margin-left:auto;background:#d9fdd3;border-radius:9px 0 9px 9px}.wa-demo-message-text{margin:0;white-space:pre-wrap;line-height:1.6;font-size:14px}.wa-demo-message-meta{display:flex;align-items:center;justify-content:flex-end;gap:5px;margin-top:4px;font-size:10px;color:#51665b;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.wa-demo-delivery{display:flex;color:#187b90}.wa-demo-products{margin-top:14px}.wa-demo-product{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #e4e8e3}.wa-demo-product img{width:66px;height:74px;object-fit:cover;border-radius:5px}.wa-demo-product>div{display:flex;flex:1 1;flex-direction:column;gap:3px}.wa-demo-product a{font-size:13px;font-weight:600}.wa-demo-product span{color:var(--wa-muted);font-size:11px}.wa-demo-product strong{font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.wa-demo-product>button{border:1px solid #9ec3b4;border-radius:20px;background:white;color:var(--wa-green);font-size:12px;padding:6px 12px}.wa-demo-replying{margin:12px 0;color:var(--wa-muted);font-size:12px}.wa-demo-order{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;max-width:610px;margin:16px 0;padding:14px 16px;background:#fffdf8;border-radius:8px;font-size:12px}.wa-demo-order strong{text-transform:capitalize;color:var(--wa-green)}.wa-demo-order a{text-decoration:underline;text-underline-offset:3px;margin-left:auto}.wa-demo-cart{grid-row:3;display:flex;align-items:center;gap:16px;padding:14px 24px;background:#f9fcf9;border-top:1px solid #cfded1}.wa-demo-cart>div{flex:1 1;min-width:0}.wa-demo-cart strong{font-size:13px}.wa-demo-cart strong span{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.wa-demo-cart p{margin:4px 0 0;color:var(--wa-muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:400px}.wa-demo-cart>:is(a,button){display:flex;align-items:center;gap:8px;flex-shrink:0;padding:10px 14px;background:var(--wa-green);border:0;border-radius:6px;color:white;font-size:12px;font-weight:600}.wa-demo-error{grid-row:4;display:flex;align-items:center;gap:16px;padding:10px 24px;background:#fff3ed;color:#9d341e;font-size:12px}.wa-demo-error p{margin:0;flex:1 1}.wa-demo-error button{background:transparent;border:1px solid;padding:5px 12px;border-radius:5px}.wa-demo-composer-area{grid-row:5;padding:12px 24px 18px;background:#f0f3f0}.wa-demo-quick-replies{display:flex;gap:8px;overflow-x:auto;padding-bottom:10px;scrollbar-width:thin}.wa-demo-quick-replies button{flex-shrink:0;padding:5px 10px;border:1px solid #c5d5cb;border-radius:20px;color:#36584b;font-size:11px;background:white}.wa-demo-composer{display:flex;align-items:center;gap:12px}.wa-demo-composer textarea{min-width:0;width:100%;height:46px;max-height:120px;padding:12px 15px;border:1px solid #dce3dc;border-radius:8px;resize:vertical;background:white;color:var(--wa-ink);font-size:14px;line-height:20px}.wa-demo-composer textarea::placeholder{color:#65736b}.wa-demo-composer>button{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border:0;border-radius:50%;color:white;background:var(--wa-green)}.wa-demo-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (min-width:1450px){.wa-demo{padding-top:14px;padding-bottom:42px}}@media (max-width:1000px){.wa-demo{padding:0}.wa-demo-banner{padding:10px 18px}.wa-demo-sidebar{display:none}.wa-demo-window{grid-template-columns:minmax(0,1fr)}.wa-demo-chat-heading{min-height:74px}}@media (max-width:600px){.wa-demo-banner{display:block;min-height:58px;padding:8px 14px;font-size:10px}.wa-demo-banner>span{display:block;margin-top:3px}.wa-demo-chat-heading{padding:12px 14px;gap:9px;min-height:74px}.wa-demo-chat-identity strong{font-size:14px}.wa-demo-chat-identity>span{font-size:10px}.wa-demo-avatar{width:36px;height:36px;font-size:13px}.wa-demo-ai-mode{font-size:9px;padding:4px 6px;max-width:85px;text-align:center}.wa-demo-language select{font-size:11px;width:38px}.wa-demo-transcript{padding:18px 12px}.wa-demo-channel-note{font-size:10px;max-width:300px}.wa-demo-empty{margin-top:28px;max-width:295px}.wa-demo-empty h2{font-size:24px}.wa-demo-empty>p{font-size:13px}.wa-demo-bubble{max-width:92%}.wa-demo-cart{padding:12px;flex-wrap:wrap;gap:10px}.wa-demo-cart>:is(a,button){width:100%;justify-content:space-between}.wa-demo-cart p{max-width:320px}.wa-demo-composer-area{padding:10px 12px max(12px,env(safe-area-inset-bottom))}.wa-demo-composer textarea{font-size:16px}.wa-demo-error{padding:10px 12px}}.wa-demo-reset{margin-left:auto;font-size:11px;border:1px solid #b6cebf;border-radius:20px;padding:5px 9px;color:var(--wa-green);background:white}.wa-demo :is(h1,h2){font-family:inherit}.wa-demo-banner-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.wa-demo-reset-mobile{display:none}@media (max-width:1000px){.wa-demo-reset-mobile{display:inline-block;padding:2px 8px;font-size:10px}}.wa-demo .wa-demo-sidebar-heading h1{font-family:inherit}