@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#173b38;background:#edf4f1;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;padding:38px 26px 30px;background:radial-gradient(circle at 80% 5%,#d9eee4 0,transparent 31%),#edf4f1}.simulator{max-width:1180px;margin:auto}.topbar{display:flex;align-items:center;gap:13px;margin-bottom:27px}.brand-mark,.avatar{display:grid;place-items:center;background:#0d806d;color:#fff;font-family:Manrope,sans-serif;font-weight:800}.brand-mark{width:43px;height:43px;border-radius:13px;font-size:22px;box-shadow:0 5px 14px #0d806d32}.eyebrow{margin:0 0 3px;color:#5f837b;font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}h1,h2{margin:0;font-family:Manrope,sans-serif;color:#163b37}h1{font-size:20px}h2{font-size:23px}.topbar-status{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-left:auto;flex-wrap:wrap}.connection-pill{display:flex;align-items:center;gap:7px;padding:8px 13px;border:1px solid #c9e2d8;border-radius:30px;background:#f6fbf8;color:#55756e;font-size:12px;white-space:nowrap}.connection-pill span,.status-dot{width:7px;height:7px;border-radius:50%;background:#30b57a;box-shadow:0 0 0 3px #30b57a22}.topbar-endpoint-note{padding:8px 12px;gap:9px;white-space:nowrap}.topbar-endpoint-note strong{font-size:12px}.topbar-endpoint-note small{font-size:10px}.workspace{display:grid;grid-template-columns:minmax(250px,330px) minmax(500px,1fr);gap:25px;align-items:stretch}.control-panel{padding:30px 28px;border:1px solid #d9e9e2;border-radius:22px;background:#ffffffd4;box-shadow:0 14px 40px #477b6a12}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start}.sparkle{color:#0d806d;font-size:21px}.panel-copy{margin:16px 0 28px;color:#6e8882;font-size:13px;line-height:1.55}label{display:block;margin-bottom:9px;color:#315950;font-size:12px;font-weight:700}input,select{width:100%;border:1px solid #d3e5de;outline:none;border-radius:10px;background-color:#f9fcfa;color:#21453f;padding:13px 14px;font-size:14px;transition:border .2s,box-shadow .2s}select{appearance:none;padding-right:42px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235f837b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;box-shadow:0 4px 12px #3159500b;font-weight:600}select:hover{border-color:#a8d0c2;background-color:#fff}select option{padding:10px;background:#fff;color:#21453f;font-family:DM Sans,sans-serif}input:focus,select:focus{border-color:#76bbaa;box-shadow:0 0 0 3px #76bbaa22}.custom-phone-label{margin-top:19px}.selected-phone{margin:9px 0 26px;color:#6e8882;font-size:12px}.hint{margin:8px 0 26px;color:#9aada8;font-size:11px}.endpoint-note{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid #e0eee8;border-radius:13px;background:#f6fbf8}.endpoint-note div{display:grid;gap:3px}.endpoint-note small{color:#83a098;font-size:11px}.clear-button{width:100%;margin-top:24px;padding:11px;border:0;border-radius:10px;background:transparent;color:#72908a;font-size:12px}.clear-button:hover{background:#edf7f2;color:#0d806d}.clear-button span{margin-right:5px;font-size:16px}.export-section{margin-top:27px;padding-top:22px;border-top:1px solid #e0eee8}.export-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.export-actions button{padding:10px 8px;border:1px solid #b9dcd0;border-radius:9px;background:#fff;color:#0d806d;font-size:11px;font-weight:700;transition:background .2s,color .2s,opacity .2s}.export-actions button:hover:not(:disabled){background:#0d806d;color:#fff}.export-actions button:disabled{cursor:not-allowed;opacity:.45}.export-hint{margin-bottom:0;line-height:1.4}.phone-frame{display:flex;min-height:620px;flex-direction:column;overflow:hidden;border:8px solid #d0e0da;border-radius:25px;background:#efeae2;box-shadow:0 18px 45px #36574d20}.chat-export{flex:1;min-height:0;display:flex;flex-direction:column}.chat-header{display:flex;align-items:center;gap:11px;padding:12px 17px;background:#075e54;color:#fff}.avatar{width:38px;height:38px;border-radius:50%;background:#35a58a;font-size:18px}.contact{display:grid;flex:1;gap:3px}.contact strong{font-size:14px}.contact span{color:#c5e4db;font-size:11px}.chat-actions{display:flex;gap:21px;font-size:21px;font-weight:700}.conversation{position:relative;flex:1;overflow-y:auto;padding:19px 20px 25px;background-color:#efeae2;background-image:radial-gradient(#d9d1c7 1px,transparent 1px);background-size:20px 20px}.date-divider{display:flex;justify-content:center;margin-bottom:18px}.date-divider span{padding:6px 11px;border-radius:7px;background:#e1f3ed;color:#6a8780;font-size:10px;font-weight:700}.message-row{display:flex;margin:7px 0}.message-row.user{justify-content:flex-end}.bubble{max-width:min(78%,500px);padding:8px 10px 5px;border-radius:8px;box-shadow:0 1px 1px #00000013}.bot .bubble{background:#fff;border-top-left-radius:2px}.user .bubble{background:#d7f9b8;border-top-right-radius:2px}.bubble-text{white-space:pre-wrap;color:#253e39;font-size:13px;line-height:1.45}.bubble-text strong{font-weight:700}.bubble-text em{font-style:italic}.bubble-text del{text-decoration-thickness:1px}.whatsapp-code{padding:1px 4px;border-radius:3px;background:#0000000d;font-family:ui-monospace,monospace;font-size:.92em}.bubble-meta{display:flex;justify-content:flex-end;align-items:center;gap:4px;margin-top:3px;color:#8ca19a;font-size:9px}.checks{color:#4aafa6;font-size:11px}.checks.error{color:#d66d64}.empty-state{display:grid;justify-items:center;gap:9px;max-width:270px;margin:112px auto 0;text-align:center;color:#72827c}.empty-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#d9ebe1;color:#568e7d;font-size:22px}.empty-state strong{color:#5f736c;font-size:13px}.empty-state span{font-size:12px;line-height:1.45}.typing{display:flex;gap:4px;width:fit-content;margin-top:11px;padding:11px 12px;border-radius:8px;background:#fff}.typing i{width:5px;height:5px;border-radius:50%;background:#9bb2aa;animation:bounce 1s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-3px)}}.error-banner{padding:8px 15px;background:#fff1ef;color:#aa4d45;font-size:11px}.composer{display:flex;align-items:center;gap:9px;padding:9px 11px;background:#f0f2f5}.composer input{border:0;border-radius:22px;background:#fff;padding:12px 15px}.composer input:focus{box-shadow:none}.round-action,.send-button{display:grid;flex:0 0 auto;place-items:center;border:0;color:#60756f;background:transparent}.round-action{font-size:22px}.send-button{width:38px;height:38px;border-radius:50%;background:#0d806d;color:#fff;font-size:18px}.send-button:disabled{cursor:not-allowed;opacity:.45}.media-actions{display:flex;flex:0 0 auto;align-items:center;gap:3px}.media-button{display:grid;width:34px;height:34px;place-items:center;border:0;border-radius:50%;background:transparent;color:#60756f;font-size:20px}.media-button:hover{background:#e1e8e5;color:#0d806d}.media-button:focus-visible,.clear-button:focus-visible,.export-actions button:focus-visible,.send-button:focus-visible{outline:3px solid #71b9a8;outline-offset:2px}.file-input-hidden{position:absolute;width:1px!important;height:1px!important;padding:0!important;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%);border:0!important}.message-image{display:block;max-width:min(100%,440px);max-height:360px;margin-bottom:5px;border-radius:6px;object-fit:contain}.message-audio{display:grid;gap:6px;min-width:240px}.message-audio audio{width:100%;max-width:310px;height:38px}.message-audio span{overflow-wrap:anywhere;color:#526a63;font-size:11px}.local-only-status{color:#9a6a31;font-size:9px}footer{margin-top:14px;color:#98aaa5;text-align:center;font-size:11px}@media(max-width:760px){.app-shell{padding:22px 13px}.topbar{flex-wrap:wrap}.topbar-status{flex:1 0 100%;justify-content:flex-end;margin-left:0}.workspace{grid-template-columns:1fr;gap:16px}.control-panel{padding:21px}.phone-frame{min-height:600px}}.app-shell{padding:30px clamp(16px,3vw,44px)}.simulator{max-width:1500px}.topbar{margin-bottom:20px}.control-panel{display:grid;grid-template-columns:minmax(210px,.85fr) minmax(280px,1.2fr) minmax(260px,1fr);gap:20px;align-items:center;margin-bottom:18px;padding:17px 21px;border-radius:16px}.config-intro .panel-copy{margin:8px 0 0}.config-intro h2{font-size:18px}.profile-config{display:grid;grid-template-columns:minmax(115px,.6fr) minmax(200px,1.4fr);gap:7px 12px;align-items:center}.profile-config label{margin:0}.profile-config select,.profile-config input{min-width:0;padding:10px 12px;font-size:12px}.profile-config .selected-phone{grid-column:2;margin:0;font-size:11px}.profile-config .custom-phone-label{margin:0}.profile-config .hint{grid-column:2;margin:0}.config-actions{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:center}.endpoint-note{padding:9px 11px}.endpoint-note strong{font-size:12px}.endpoint-note small{font-size:10px}.clear-button{width:auto;margin:0;padding:10px;white-space:nowrap}.clear-button:disabled{cursor:not-allowed;opacity:.5}.export-section{grid-column:1 / -1;display:flex;align-items:center;gap:12px;margin:2px 0 0;padding:10px 0 0}.export-section>label{flex:0 0 auto;margin:0}.export-actions{grid-template-columns:repeat(3,64px);flex:0 0 auto}.export-actions button{padding:8px 6px}.export-hint{margin:0}.workspace{grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:18px;align-items:stretch}.phone-frame,.metrics-panel{height:min(74vh,900px);min-height:590px;border-radius:16px}.phone-frame{border-width:5px}.chat-header{background:#f0f2f5;color:#253e39}.contact span{color:#71837d}.avatar{background:#123f6a}.conversation{background-image:linear-gradient(135deg,#ece7df 25%,transparent 25%),linear-gradient(225deg,#ece7df 25%,transparent 25%),linear-gradient(45deg,#ece7df 25%,transparent 25%),linear-gradient(315deg,#ece7df 25%,#f3eee6 25%);background-position:12px 0,12px 0,0 0,0 0;background-size:24px 24px;background-repeat:repeat}.metrics-panel{display:flex;min-width:0;flex-direction:column;overflow:hidden;padding:19px;border:1px solid #d9e2e8;border-radius:16px;background:#fff;box-shadow:0 14px 40px #36574d0d}.metrics-header{padding-bottom:12px;border-bottom:1px solid #e8edf0}.metrics-header .eyebrow{margin-bottom:4px}.metrics-header h2{font-size:18px}.metrics-subtitle{margin:5px 0 0;color:#74818c;font-size:11px}.metrics-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:12px 0 15px}.metric-tile{display:grid;min-width:0;gap:4px;padding:9px 10px;border:1px solid #e2e8ed;border-radius:8px;background:#f8fafc}.metric-tile span{color:#74818c;font-size:10px}.metric-tile strong{overflow-wrap:anywhere;color:#253547;font-size:11px;font-weight:700}.metric-tile-wide{grid-column:1 / -1}.metric-success{color:#167c57!important}.metric-warning{color:#a3610b!important}.metric-error{color:#b33b37!important}.turn-list-heading{display:flex;justify-content:space-between;align-items:end;gap:12px;padding:4px 0 9px}.turn-list-heading .eyebrow{margin-bottom:3px}.turn-list-heading h3{margin:0;color:#283748;font-size:13px}.turn-list-heading>span{color:#758391;font-size:10px}.turn-list{min-height:0;flex:1;overflow-y:auto;padding-right:3px}.turn-card{margin-bottom:8px;padding:10px;border:1px solid #e1e7ec;border-radius:9px;background:#fff}.turn-card-error{border-color:#f0c3bf;background:snow}.turn-card-heading{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px;color:#29384a;font-size:11px}.turn-card-heading span{color:#718091;font-size:10px}.turn-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px;color:#4c5d6b;font-size:10px}.turn-metrics b{color:#344354}.turn-intent{grid-column:1 / -1}.turn-error{margin:9px 0 0;padding:7px 8px;border-radius:5px;background:#fff0ef;color:#a43f38;font-size:10px;line-height:1.4;overflow-wrap:anywhere}.turn-details{margin-top:9px;padding-top:7px;border-top:1px solid #edf0f2;color:#526171;font-size:10px}.turn-details summary{cursor:pointer;color:#43766d;font-weight:600}.turn-details dl{display:grid;grid-template-columns:82px minmax(0,1fr);gap:6px 8px;margin:9px 0 0;line-height:1.4}.turn-details dt{color:#788592}.turn-details dd{min-width:0;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.metrics-empty{display:grid;flex:1;align-content:center;justify-items:center;gap:8px;padding:24px;text-align:center;color:#74818c}.metrics-empty>span{display:grid;width:40px;height:40px;place-items:center;border-radius:50%;background:#eaf4f1;color:#238774;font-size:24px}.metrics-empty strong{color:#394858;font-size:12px}.metrics-empty p{max-width:270px;margin:0;font-size:11px;line-height:1.5}.metrics-footer{display:grid;gap:4px;padding-top:10px;border-top:1px solid #e8edf0;color:#718091;font-size:9px}.metrics-footer strong{justify-self:end;color:#465767;font-weight:600}@media(max-width:1050px){.control-panel{grid-template-columns:minmax(180px,.8fr) minmax(260px,1.2fr)}.config-actions{grid-column:1 / -1;grid-template-columns:1fr auto}.workspace{grid-template-columns:minmax(0,1fr) minmax(310px,.9fr);gap:14px}.metrics-panel{padding:15px}}@media(max-width:760px){.app-shell{padding:18px 12px}.topbar{margin-bottom:14px}.workspace{grid-template-columns:1fr}.control-panel{grid-template-columns:1fr;gap:12px;padding:16px}.config-actions{grid-column:auto}.profile-config{grid-template-columns:1fr}.profile-config .selected-phone,.profile-config .hint{grid-column:auto}.profile-config label:not(:first-child){margin-top:5px}.export-section{flex-wrap:wrap}.phone-frame,.metrics-panel{height:auto;min-height:580px}.metrics-panel{max-height:740px}}@media(max-width:420px){.brand-mark{width:38px;height:38px}h1{font-size:17px}.config-actions{grid-template-columns:1fr}.clear-button{justify-self:start}.metrics-panel{padding:13px}.metrics-summary{grid-template-columns:1fr 1fr}.turn-metrics{grid-template-columns:1fr}.turn-intent{grid-column:auto}}.workspace{grid-template-columns:minmax(250px,300px) minmax(0,1.15fr) minmax(330px,.9fr);gap:18px}.control-panel{display:block;margin:0;padding:25px 22px;align-self:stretch}.config-intro .panel-copy{margin:16px 0 28px}.config-intro h2{font-size:23px}.profile-config{display:block}.profile-config label{margin-bottom:9px}.profile-config select,.profile-config input{padding:13px 14px;font-size:14px}.profile-config .selected-phone{margin:9px 0 26px;font-size:12px}.profile-config .custom-phone-label{margin-top:19px}.profile-config .hint{margin:8px 0 26px}.config-actions{display:block}.endpoint-note{padding:15px}.endpoint-note strong{font-size:13px}.endpoint-note small{font-size:11px}.clear-button{width:100%;margin-top:24px;padding:11px;white-space:normal}.export-section{display:block;margin-top:27px;padding-top:22px}.export-section>label{margin-bottom:9px}.export-actions{grid-template-columns:repeat(3,1fr);gap:8px}.export-actions button{padding:10px 8px}.export-hint{margin:8px 0 0}.phone-frame,.metrics-panel{height:min(74vh,900px);min-height:590px}.phone-frame,.metrics-panel{min-width:0}@media(max-width:1180px)and (min-width:761px){.workspace{grid-template-columns:minmax(230px,270px) minmax(0,1fr)}.metrics-panel{grid-column:2;height:520px;min-height:420px}.phone-frame{height:650px}}@media(max-width:760px){.workspace{grid-template-columns:minmax(0,1fr)}.control-panel{display:block;margin:0;padding:21px}.profile-config,.config-actions{display:block}.export-section{display:block;margin-top:27px;padding-top:22px}.export-actions{grid-template-columns:repeat(3,1fr)}.phone-frame{height:auto;min-height:600px}.metrics-panel{grid-column:auto;height:auto;min-height:580px;max-height:740px}}.export-tracking-label{margin-top:19px;padding-top:16px;border-top:1px solid #e0eee8}.tracking-export-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.tracking-export-actions button{min-height:38px;font-size:10px}.tracking-export-stage{position:fixed;top:0;left:0;z-index:-1;display:grid;width:1600px;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:start;gap:24px;padding:24px;background:#edf4f1;color:#173b38}.tracking-export-chat{width:100%;border:5px solid #d0e0da;border-radius:16px;background:#efeae2;box-shadow:0 12px 30px #36574d20}.tracking-export-chat .conversation,.tracking-export-metrics{width:100%}.tracking-export-metrics .turn-list{padding-right:0}.profile-tags{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:12px 0 8px}.profile-tag{display:inline-flex;width:auto;max-width:100%;min-height:27px;align-items:center;border:1px solid transparent;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:700;line-height:1.2}.branch-tag{flex:0 0 auto}.branch-tag.client{border-color:#c5e5d7;background:#eaf7f0;color:#267253}.branch-tag.prospect{border-color:#d9d5f3;background:#f2f0ff;color:#6557a5}.profile-universe-tag,.universe-tag{appearance:none;overflow:hidden;padding-right:25px;border-color:#d5e4df;background-color:#f5f9f7;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235f837b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;color:#536b63;cursor:pointer;text-overflow:ellipsis;white-space:nowrap}.profile-config .universe-tag{width:auto;min-width:0;flex:1 1 160px;padding:5px 25px 5px 9px;box-shadow:none;font-size:10px}.universe-tag:hover{border-color:#a8d0c2;background-color:#fff}.universe-tag:focus{border-color:#76bbaa;box-shadow:0 0 0 3px #76bbaa22}.typing{align-items:center;flex-wrap:wrap}.typing-label{color:#6f847d;font-size:10px}.request-failure{display:grid;gap:6px;padding:11px 15px;line-height:1.45}.request-failure>strong{font-size:12px}.request-failure>p{margin:0}.request-failure-meta{display:flex;flex-wrap:wrap;gap:4px 14px;color:#87514b;font-size:10px}.request-failure-meta span{overflow-wrap:anywhere}.request-failure details{margin-top:2px;color:#87514b;font-size:10px}.request-failure details summary{cursor:pointer;font-weight:700}.request-failure details code{display:block;max-height:90px;margin-top:5px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.turn-error span{display:block;margin-top:3px;font-size:9px}.profile-config .case-number-label{margin:14px 0 7px}.case-number-label span{color:#81958f;font-size:10px;font-weight:500}.profile-config #case-number{padding:10px 12px;font-size:12px}.evidence-metadata{display:grid;gap:9px;padding:12px 15px;border-bottom:1px solid #dce9e3;background:#f6fbf8;color:#173b38;font-family:DM Sans,sans-serif}.evidence-metadata>strong{font-family:Manrope,sans-serif;font-size:12px}.evidence-metadata-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;margin:0}.evidence-metadata-item{min-width:0}.evidence-metadata-item dt{margin-bottom:2px;color:#748b83;font-size:9px}.evidence-metadata-item dd{margin:0;color:#304d44;font-size:10px;font-weight:700;overflow-wrap:anywhere}.conversation-export-stage{position:fixed;top:0;left:-100000px;z-index:-1;display:block;pointer-events:none}@media(max-width:420px){.tracking-export-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}