.whatsappSimulator{--ink:#17232c;--muted:#68777f;--line:#dce3e5;--paper:#f7f9f9;--green:#168c71;--green-dark:#08725b;--bubble-in:#fff;--bubble-out:#d8f6e8;box-sizing:border-box;color:var(--ink);background:#eef2f2;font:14px/1.4 Arial,Helvetica,sans-serif}.whatsappSimulator *{box-sizing:border-box}.whatsappSimulator button,.whatsappSimulator input,.whatsappSimulator textarea,.whatsappSimulator select{font:inherit}.whatsappSimulator button{cursor:pointer}.whatsappSimulator.shell{background:var(--paper);grid-template-columns:64px 360px minmax(420px,1fr);width:100%;height:calc(100vh - 96px);min-height:640px;display:grid;overflow:hidden}.whatsappSimulator.shell.is-full{height:100vh;min-height:100vh}.whatsappSimulator .rail{z-index:2;color:#d9eee8;background:#173c3a;flex-direction:column;align-items:center;gap:12px;padding:18px 8px;display:flex}.whatsappSimulator .brand{color:#fff;background:var(--green);border-radius:12px;place-items:center;width:38px;height:38px;margin-bottom:20px;font-size:20px;font-weight:800;display:grid}.whatsappSimulator .brand.large{border-radius:22px;width:72px;height:72px;margin:0;font-size:34px}.whatsappSimulator .rail button{width:42px;height:42px;color:inherit;background:0 0;border:0;border-radius:12px;font-size:22px}.whatsappSimulator .rail button.active,.whatsappSimulator .rail button:hover{color:#fff;background:#285651}.whatsappSimulator .rail button:last-child{margin-top:auto}.whatsappSimulator .conversations{border-right:1px solid var(--line);background:#fff;overflow:auto}.whatsappSimulator .conversations>header,.whatsappSimulator .panel-page>header{justify-content:space-between;align-items:center;padding:24px 22px 16px;display:flex}.whatsappSimulator h1,.whatsappSimulator h2,.whatsappSimulator p{margin-top:0}.whatsappSimulator h1{margin-bottom:1px;font-size:22px}.whatsappSimulator header small,.whatsappSimulator .chat-header small{color:var(--muted);display:block}.whatsappSimulator .chat-header .typing-label{color:var(--green)}.whatsappSimulator .round{color:#fff;background:var(--green);border:0;border-radius:50%;width:38px;height:38px;font-size:23px}.whatsappSimulator .search{color:#8a979d;background:#f0f3f3;border-radius:10px;margin:0 16px 12px;padding:10px 14px}.whatsappSimulator .search span{margin-left:8px}.whatsappSimulator .conversation{text-align:left;width:100%;color:inherit;background:#fff;border:0;padding:12px 15px;display:flex}.whatsappSimulator .conversation:hover,.whatsappSimulator .conversation.selected{background:#eef7f4}.whatsappSimulator .avatar{color:#42625d;background:#cce8e1;border-radius:50%;flex:none;place-items:center;width:46px;height:46px;font-size:17px;font-weight:700;display:grid}.whatsappSimulator .avatar.small{width:38px;height:38px}.whatsappSimulator .conversation-copy{width:100%;min-width:0;padding:3px 0 0 12px}.whatsappSimulator .conversation-copy>span{justify-content:space-between;gap:8px;display:flex}.whatsappSimulator .conversation-copy time{color:#879299;font-size:11px}.whatsappSimulator .conversation-copy small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.whatsappSimulator .empty{color:var(--muted);text-align:center;padding:34px}.whatsappSimulator .chat{background:#e9eeeb;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.whatsappSimulator .chat-header{z-index:1;border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:11px;min-height:76px;padding:12px 20px;display:flex}.whatsappSimulator .cloud-status{color:var(--green);margin-left:auto;font-size:12px}.whatsappSimulator .cloud-status.degraded{color:#b32929}.whatsappSimulator .cloud-status.ok{color:var(--green)}.whatsappSimulator .messages{overscroll-behavior:contain;background-color:#e8eeeb;background-image:radial-gradient(#ccd7d2 .6px,#0000 .6px);background-size:16px 16px;flex:1;min-height:0;padding:24px max(28px,8%);overflow:auto}.whatsappSimulator .date-marker{width:fit-content;color:var(--muted);background:#ffffffe0;border-radius:8px;margin:0 auto 20px;padding:5px 12px;font-size:11px}.whatsappSimulator .bubble{clear:both;background:var(--bubble-in);border-radius:9px;min-width:110px;max-width:min(650px,76%);margin:5px 0;padding:8px 10px 5px;position:relative;box-shadow:0 1px 1px #0000001a}.whatsappSimulator .bubble.inbound{float:right;background:var(--bubble-out)}.whatsappSimulator .bubble.outbound{float:left}.whatsappSimulator .bubble p{white-space:pre-wrap;margin:0}.whatsappSimulator .markdown-message>:first-child{margin-top:0}.whatsappSimulator .markdown-message>:last-child{margin-bottom:0}.whatsappSimulator .markdown-message p{white-space:normal;margin:0 0 8px}.whatsappSimulator .markdown-message h1,.whatsappSimulator .markdown-message h2,.whatsappSimulator .markdown-message h3{margin:8px 0 5px;font-size:1em}.whatsappSimulator .markdown-message ul,.whatsappSimulator .markdown-message ol{margin:6px 0;padding-left:22px}.whatsappSimulator .markdown-message blockquote{border-left:3px solid var(--green);color:#53645f;margin:7px 0;padding-left:9px}.whatsappSimulator .markdown-message code{background:#00000014;border-radius:4px;padding:1px 4px;font:.9em/1.4 monospace}.whatsappSimulator .markdown-message pre{background:#00000014;border-radius:5px;margin:7px 0;padding:8px;overflow:auto}.whatsappSimulator .markdown-message pre code{background:0 0;padding:0}.whatsappSimulator .markdown-message a{color:#087ac1;overflow-wrap:anywhere}.whatsappSimulator .markdown-message table{border-collapse:collapse;display:block;overflow-x:auto}.whatsappSimulator .markdown-message th,.whatsappSimulator .markdown-message td{border:1px solid #00000024;padding:4px 7px}.whatsappSimulator .markdown-message hr{border:0;border-top:1px solid #00000024}.whatsappSimulator .bubble footer{color:#738087;justify-content:flex-end;gap:4px;margin:2px 0 0 16px;font-size:10px;display:flex}.whatsappSimulator .quote{border-left:3px solid var(--green);color:#57666c;background:#0000000d;border-radius:4px;margin-bottom:6px;padding:6px 9px;font-size:12px}.whatsappSimulator .ticks{letter-spacing:-3px}.whatsappSimulator .ticks.read{color:#178bc0}.whatsappSimulator .typing-bubble{float:left;clear:both;background:var(--bubble-in);border-radius:8px;align-items:center;gap:4px;width:fit-content;margin:4px 0 10px;padding:11px 15px;display:flex}.whatsappSimulator .typing-bubble span{background:#879592;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite typing-dot}.whatsappSimulator .typing-bubble span:nth-child(2){animation-delay:.15s}.whatsappSimulator .typing-bubble span:nth-child(3){animation-delay:.3s}@keyframes typing-dot{0%,60%,to{opacity:.45;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.whatsappSimulator .failed{color:#fff;background:#c83a3a;border-radius:50%;place-items:center;width:13px;height:13px;font-weight:700;display:inline-grid}.whatsappSimulator .bubble-actions{background:#fff;border-radius:8px;display:none;position:absolute;top:-28px;right:4px;overflow:hidden;box-shadow:0 2px 12px #0000002e}.whatsappSimulator .bubble:hover .bubble-actions{display:flex}.whatsappSimulator .bubble-actions button{background:#fff;border:0;padding:4px 6px}.whatsappSimulator .reaction-chip{background:#fff;border-radius:10px;padding:1px 5px;font-size:13px;position:absolute;bottom:-13px;right:8px;box-shadow:0 1px 4px #0003}.whatsappSimulator .media-message{gap:6px;display:grid}.whatsappSimulator .media-message small{color:var(--muted)}.whatsappSimulator .media-preview{border-radius:6px;max-width:330px;max-height:280px;display:block}.whatsappSimulator .media-placeholder,.whatsappSimulator .document{min-width:200px;color:inherit;background:#0000000f;border-radius:6px;padding:15px;text-decoration:none;display:block}.whatsappSimulator .location-card{background:#0000000a;border-radius:7px;min-width:280px;display:grid;overflow:hidden}.whatsappSimulator .location-map-preview{background:#e7ebe6;border-bottom:1px solid #00000014;height:150px;display:block;overflow:hidden}.whatsappSimulator .location-map-preview iframe{pointer-events:none;border:0;width:100%;height:100%}.whatsappSimulator .location-card-details{color:inherit;grid-template-columns:auto 1fr;gap:8px;padding:9px 10px;text-decoration:none;display:grid}.whatsappSimulator .location-card-details>svg,.whatsappSimulator .location-card-invalid>svg{color:var(--green);align-self:center}.whatsappSimulator .location-card-details>span{gap:2px;min-width:0;display:grid}.whatsappSimulator .location-card strong,.whatsappSimulator .location-card small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.whatsappSimulator .location-card small,.whatsappSimulator .contact-card small{color:var(--muted)}.whatsappSimulator .location-card .location-coordinates{opacity:.8;font-size:11px}.whatsappSimulator .location-card-invalid{grid-template-columns:auto 1fr;gap:2px 8px;padding:10px}.whatsappSimulator .location-card-invalid>svg{grid-row:1/3}.whatsappSimulator .contact-card{min-width:240px;color:inherit;grid-template-columns:auto 1fr;gap:2px 10px;text-decoration:none;display:grid}.whatsappSimulator .contact-card .avatar{grid-row:1/3}.whatsappSimulator .interactive>button{width:calc(100% + 20px);color:var(--green-dark);background:0 0;border:0;border-top:1px solid #00000017;margin:8px -10px -5px;padding:9px;display:block}.whatsappSimulator .interactive button+button{margin-top:5px}.whatsappSimulator .interactive button small{color:var(--muted);display:block}.whatsappSimulator .interactive-link{width:calc(100% + 20px);color:var(--green-dark);text-align:center;border-top:1px solid #00000017;margin:8px -10px -5px;padding:9px;text-decoration:none;display:block}.whatsappSimulator .flow-launch>small{color:var(--muted);margin-top:6px;display:block}.whatsappSimulator .template-card,.whatsappSimulator .order-card,.whatsappSimulator .commerce-card,.whatsappSimulator .flow-response{gap:7px;min-width:230px;display:grid}.whatsappSimulator .template-card>small,.whatsappSimulator .commerce-card>small{color:var(--muted)}.whatsappSimulator .product-items{gap:5px;display:grid}.whatsappSimulator .product-item{background:#0000000d;border-radius:6px;padding:7px 9px;display:grid}.whatsappSimulator .product-item small{color:var(--muted)}.whatsappSimulator .flow-response pre,.whatsappSimulator .template-card pre{margin:0}.whatsappSimulator .bubble pre{max-width:420px;font-size:11px;overflow:auto}.whatsappSimulator .composer-wrap{border-top:1px solid var(--line);background:#f6f8f7;flex:none}.whatsappSimulator .composer{align-items:center;gap:4px;padding:10px 14px;display:flex}.whatsappSimulator .composer button{color:#66757a;background:0 0;border:0;border-radius:50%;place-items:center;width:38px;height:38px;font-size:20px;display:grid}.whatsappSimulator .composer button:hover,.whatsappSimulator .composer button.is-open{background:#e4ebe8}.whatsappSimulator .attach-wrap{flex:none;position:relative}.whatsappSimulator .attach-menu{z-index:5;background:#fff;border-radius:16px;grid-template-columns:repeat(3,72px);gap:14px 10px;padding:18px 14px 14px;display:grid;position:absolute;bottom:calc(100% + 10px);left:0;box-shadow:0 8px 28px #0000002e}.whatsappSimulator .attach-menu button{color:#667781;text-align:center;border-radius:0;justify-items:center;gap:8px;width:auto;height:auto;padding:0;font-size:12px;line-height:1.2;display:grid}.whatsappSimulator .attach-menu button:hover{background:0 0}.whatsappSimulator .attach-menu button:hover .attach-icon{filter:brightness(.96)}.whatsappSimulator .attach-icon{color:#fff;border-radius:50%;place-items:center;width:52px;min-width:52px;height:52px;padding:0;line-height:1;display:grid}.whatsappSimulator .attach-icon svg{flex:none;width:22px;height:22px;display:block}.whatsappSimulator .attach-icon.document,.whatsappSimulator .attach-icon.doc{background:#7f66ff}.whatsappSimulator .attach-icon.camera{background:#ff2e74}.whatsappSimulator .attach-icon.gallery{background:#bf59cf}.whatsappSimulator .attach-icon.audio{background:#f78c33}.whatsappSimulator .attach-icon.forum{background:#009de2}.whatsappSimulator .attach-icon.location{background:#1fa855}.whatsappSimulator .attach-icon.contact{background:#0fabe9}.whatsappSimulator .attach-file-input{display:none}.whatsappSimulator .voice-bar{background:#fff;border:1px solid #d4dcda;border-radius:22px;flex:1;align-items:center;gap:8px;min-width:0;padding:6px 8px 6px 12px;display:flex}.whatsappSimulator .voice-mic{color:#e11d48;place-items:center;animation:1.2s ease-in-out infinite wa-sim-pulse;display:grid}.whatsappSimulator .voice-transcript{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink);flex:1;font-size:14px;overflow:hidden}.whatsappSimulator .voice-bar button{width:34px;height:34px}.whatsappSimulator .voice-confirm{color:#fff!important;background:var(--green)!important}.whatsappSimulator .voice-confirm:hover{filter:brightness(.96)}.whatsappSimulator .voice-bar.is-error{background:#fff7f7;border-color:#f3b4b4}.whatsappSimulator .voice-bar.is-error .voice-mic{color:#b32929;animation:none}.whatsappSimulator .voice-bar.is-error .voice-transcript{color:#b32929;white-space:normal}.whatsappSimulator .voice-preview{max-width:140px;height:32px}@keyframes wa-sim-pulse{0%,to{opacity:1}50%{opacity:.35}0%,to{opacity:1}50%{opacity:.35}}.whatsappSimulator .composer textarea{resize:none;background:#fff;border:1px solid #d4dcda;border-radius:22px;outline:none;flex:1;max-height:100px;margin:0 5px;padding:11px 14px}.whatsappSimulator .composer .send{color:#fff;background:var(--green);font-size:16px}.whatsappSimulator .reply-preview{border-left:3px solid var(--green);background:#fff;border-radius:5px;justify-content:space-between;margin:8px 16px 0;padding:7px 10px;display:flex}.whatsappSimulator .reply-preview span{color:var(--muted);font-size:12px;display:grid}.whatsappSimulator .reply-preview button{background:0 0;border:0}.whatsappSimulator .error{color:#b32929;padding:0 20px 8px;font-size:12px}.whatsappSimulator .status-hint{color:#5b6b7a;padding:0 20px 8px;font-size:12px}.whatsappSimulator .bubble.is-failed{outline:1px solid #f3b4b4}.whatsappSimulator .bubble-error{color:#b32929;margin:6px 0 0;font-size:11px;line-height:1.35}.whatsappSimulator .chat-empty{height:100%;color:var(--muted);align-content:center;place-items:center;display:grid}.whatsappSimulator .chat-empty h2{color:var(--ink);margin:18px 0 4px}.whatsappSimulator .panel-page{grid-column:2/4;padding:0 22px 40px;overflow:auto}.whatsappSimulator .panel-page>header{border-bottom:1px solid var(--line);background:#fff;margin:0 -22px 18px}.whatsappSimulator .panel-page button,.whatsappSimulator .modal button{color:var(--ink);background:#fff;border:1px solid #c8d2d0;border-radius:7px;padding:8px 13px}.whatsappSimulator .panel-page button:hover,.whatsappSimulator .modal button:hover{background:#eef5f3}.whatsappSimulator .empty-card,.whatsappSimulator .settings-card,.whatsappSimulator .delivery{border:1px solid var(--line);background:#fff;border-radius:10px;max-width:930px;margin:14px auto;padding:20px}.whatsappSimulator .delivery summary{cursor:pointer;align-items:center;gap:10px;display:flex}.whatsappSimulator .delivery summary time{color:var(--muted);margin-left:auto}.whatsappSimulator .delivery summary em{color:#8a5b0b;font-size:12px}.whatsappSimulator .ok-dot,.whatsappSimulator .bad-dot{background:#27a87f;border-radius:50%;width:9px;height:9px}.whatsappSimulator .bad-dot{background:#d44b4b}.whatsappSimulator .delivery dl{grid-template-columns:80px 1fr;margin-top:18px;display:grid}.whatsappSimulator .delivery dt{color:var(--muted)}.whatsappSimulator .delivery dd{overflow-wrap:anywhere;min-width:0}.whatsappSimulator .delivery pre{color:#d8eee8;white-space:pre-wrap;background:#162521;border-radius:7px;max-height:300px;padding:12px;font-size:11px;overflow:auto}.whatsappSimulator .settings-card{gap:13px;display:grid}.whatsappSimulator .settings-card h2{margin-bottom:0;font-size:17px}.whatsappSimulator .settings-card>code{background:#edf3f1;border-radius:6px;padding:10px}.whatsappSimulator label{color:#4b5c62;gap:5px;font-size:12px;font-weight:700;display:grid}.whatsappSimulator input,.whatsappSimulator select{width:100%;color:var(--ink);background:#fff;border:1px solid #ccd5d3;border-radius:7px;outline:none;padding:10px}.whatsappSimulator input:focus,.whatsappSimulator select:focus,.whatsappSimulator textarea:focus{border-color:var(--green);box-shadow:0 0 0 2px #168c711f}.whatsappSimulator .coordinate-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.whatsappSimulator .checkbox{align-items:center;display:flex}.whatsappSimulator .checkbox input{width:auto}.whatsappSimulator .button-row{gap:8px;display:flex}.whatsappSimulator .primary{color:#fff!important;border-color:var(--green)!important;background:var(--green)!important}.whatsappSimulator .verification{color:var(--green-dark);margin:0}.whatsappSimulator .danger-zone{border-color:#e5b5b5}.whatsappSimulator .danger-zone button{color:#b32929;border-color:#d99;width:fit-content}.whatsappSimulator .modal-backdrop{z-index:10;background:#0a19168c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.whatsappSimulator .modal{background:#fff;border-radius:12px;gap:14px;width:min(500px,100%);padding:20px;display:grid;box-shadow:0 20px 60px #0000004d}.whatsappSimulator .customer-picker-modal{width:min(760px,100%)}.whatsappSimulator .customer-picker-error{color:#9f1d1d;background:#fff1f1;border-radius:7px;padding:10px 12px;font-size:12px}.whatsappSimulator .customer-picker-actions{justify-content:flex-end}.whatsappSimulator .modal>header{justify-content:space-between;align-items:center;display:flex}.whatsappSimulator .modal h2{margin:0;font-size:19px}.whatsappSimulator .modal header button{border:0;font-size:20px}.whatsappSimulator .modal button:disabled{cursor:not-allowed;opacity:.5}.whatsappSimulator .modal textarea{resize:vertical;border:1px solid #ccd5d3;border-radius:7px;outline:none;width:100%;padding:10px;font-family:monospace}.whatsappSimulator .flow-modal header small{color:var(--muted)}@media (max-width:850px){.whatsappSimulator.shell{grid-template-columns:52px 260px minmax(360px,1fr)}.whatsappSimulator .rail{padding-inline:5px}.whatsappSimulator .conversations{font-size:12px}.whatsappSimulator .messages{padding-inline:18px}}