:root{font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:16px;color:#172840;background:#f4f6fa;--navy:#0c2040;--teal:#087f80;--bright:#23d4c7;--line:#e0e6ee;--muted:#61718a}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{outline-offset:3px}button{cursor:pointer;border:1px solid var(--line);border-radius:9px;background:white;color:#243a54;padding:10px 15px;font-weight:600;font-size:.9rem}button:hover{background:#eef5f8}button:disabled{opacity:.55;cursor:not-allowed}.primary{background:var(--teal);border-color:var(--teal);color:#fff}.primary:hover{background:#066b70}.danger{color:#b12d36}.muted,small{color:var(--muted)}small{font-size:.8rem;line-height:1.5}a{color:var(--teal)}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#172840}textarea{resize:vertical;min-height:95px}label{display:block;font-size:.9rem;font-weight:600;margin-bottom:6px}label small{display:block;font-weight:400;margin:4px 0}.field{margin:0 0 17px}h1{font-size:1.65rem;letter-spacing:-.5px;margin:0}h2{font-size:1.15rem;margin:0 0 18px}h3{font-size:1rem;margin:0 0 10px}p{line-height:1.55}.shell{display:grid;grid-template-columns:225px minmax(0,1fr);height:100vh}.sidebar{background:var(--navy);color:#b9c8dc;padding:25px 15px;display:flex;flex-direction:column;overflow:auto}.brand{display:flex;align-items:center;gap:10px;color:white;font-size:1.3rem;font-weight:750;margin:0 8px 30px}.brand img{width:38px;height:38px;border-radius:10px}.brand small{display:block;font-size:.7rem;color:#8aa5c4;font-weight:500;margin-top:2px}.navlabel{font-size:.72rem;letter-spacing:1.5px;margin:18px 14px 10px;color:#7690b1}.navbtn{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:transparent;border:0;color:#b9c8dc;margin:3px 0;padding:12px 14px;font-weight:500}.navbtn span{width:20px;text-align:center}.navbtn:hover{background:#182f50}.navbtn.active{background:#183e51;color:#57e4d5;box-shadow:inset 3px 0 var(--bright)}.sidebottom{margin-top:auto;padding:26px 12px 0;font-size:.82rem;color:#8297b1}.main{min-width:0;display:flex;flex-direction:column;overflow:hidden}.topbar{height:72px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;gap:15px;flex-shrink:0}.topbar small{display:block}.avatar{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;border-radius:12px;background:#e4f4f1;color:#147b76;font-weight:700}.user{display:flex;align-items:center;gap:12px}.user button{padding:7px 11px}.page{padding:26px 28px;overflow:auto;flex:1}.pagehead{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.pagehead p{margin:6px 0 0;color:var(--muted);font-size:.9rem}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.spread{justify-content:space-between}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:23px}.card p:last-child{margin-bottom:0}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.stat{background:white;border:1px solid var(--line);border-radius:12px;padding:22px}.stat strong{display:block;font-size:1.85rem;margin:12px 0 2px;letter-spacing:-1px}.stat label{color:var(--muted);font-size:.85rem;font-weight:500}.badge{display:inline-block;font-size:.75rem;font-weight:600;border-radius:5px;padding:5px 8px;background:#edf1f6;color:#546781;white-space:nowrap}.badge.green{background:#e3f5ed;color:#217953}.badge.amber{background:#fff2d9;color:#98650f}.badge.blue{background:#e9effd;color:#3963aa}.notice{background:#edf8f7;border:1px solid #cce9e6;border-radius:9px;padding:14px 17px;font-size:.88rem;line-height:1.55;color:#285f65;margin-bottom:20px}.notice.warn{background:#fff8ec;border-color:#f4dfb9;color:#825a18}.empty{text-align:center;padding:55px 22px;color:var(--muted)}.empty h2{color:#243a54}.listrow{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 0;border-bottom:1px solid var(--line)}.listrow:last-child{border:0}.listrow p{margin:4px 0;font-size:.9rem}.inbox{display:grid;grid-template-columns:275px minmax(300px,1fr) 245px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;height:calc(100vh - 202px);min-height:480px}.contacts{border-right:1px solid var(--line);overflow:auto}.contacts .search{padding:15px;border-bottom:1px solid var(--line)}.contactitem{width:100%;border:0;border-bottom:1px solid #edf0f4;border-radius:0;text-align:left;padding:17px 15px;display:flex;gap:12px;background:white;font-weight:400}.contactitem.selected{background:#ecf7f5;box-shadow:inset 3px 0 #15998b}.contactitem strong{font-size:.88rem}.contactitem p{font-size:.8rem;color:#6a7b91;margin:5px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:185px}.chat{display:flex;flex-direction:column;min-width:0;background:#f5f8fa}.chathead{padding:17px 20px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.chathead small{display:block;margin-top:4px}.messages{padding:23px;overflow:auto;flex:1;display:flex;flex-direction:column;gap:14px}.bubble{background:#fff;border:1px solid var(--line);padding:12px 15px;border-radius:0 12px 12px 12px;max-width:85%;align-self:flex-start;box-shadow:0 2px 2px #15243803;font-size:.93rem;white-space:pre-wrap;overflow-wrap:anywhere}.bubble.out{align-self:flex-end;background:#dff3ec;border-color:#cce8dc;border-radius:12px 0 12px 12px}.bubble.note,.bubble.suggestion{align-self:center;max-width:95%;background:#fff7de;border-color:#eedeaa;border-radius:9px}.bubble small{display:block;font-size:.7rem;text-align:right;margin-top:7px}.bubble img{max-width:220px;max-height:180px;border-radius:8px;display:block}.composer{padding:15px;background:white;border-top:1px solid var(--line)}.composer textarea{min-height:60px;border:0;padding:7px 2px;resize:none}.composer .row{justify-content:space-between}.composer button{font-size:.8rem;padding:8px 10px}.detail{padding:22px 17px;border-left:1px solid var(--line);overflow:auto}.detail .avatar{width:55px;height:55px;font-size:1.25rem}.detail h3{margin-top:12px}.detail label{margin-top:20px;font-size:.8rem;color:var(--muted)}.detail select{font-size:.8rem;padding:8px}.detail p{font-size:.85rem}.kanban{display:flex;gap:16px;overflow:auto;padding-bottom:20px;min-height:420px}.column{min-width:248px;flex:1;background:#eaf0f5;border-radius:12px;padding:14px}.column h3{display:flex;justify-content:space-between;gap:10px;font-size:.9rem;margin:4px 0 17px}.deal{background:white;border:1px solid #dfe5ed;border-radius:10px;padding:17px;margin-bottom:12px;cursor:grab}.deal strong{font-size:.9rem}.deal p{margin:10px 0;font-size:.85rem}.deal .value{font-size:1.1rem;color:#1b655a;font-weight:700}.deal select{padding:6px;font-size:.75rem;margin-top:12px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:.9rem}th{font-size:.78rem;color:#6b7c90;font-weight:600;background:#f8fafc;padding:13px}td{padding:16px 13px;border-bottom:1px solid var(--line)}.check{display:flex;align-items:flex-start;gap:8px;font-size:.9rem;font-weight:400;margin:12px 0}.check input{width:17px;height:17px;margin-top:1px}.check small{display:block}.tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:22px}.tabs .active{background:#dff2ed;color:#08766a;border-color:#bbe3db}.flowcanvas{background-color:#f3f7fa;background-image:radial-gradient(#cdd9e4 1px,transparent 1px);background-size:18px 18px;min-height:250px;padding:26px;display:flex;align-items:center;gap:25px;overflow:auto;border-radius:10px}.flownode{background:white;border:1px solid #bbd9d6;border-top:4px solid var(--teal);border-radius:10px;padding:18px;min-width:190px;box-shadow:0 5px 15px #15243808}.flownode small{display:block;margin-top:10px}.flowarrow{color:#739899;font-size:1.6rem}.flowoption{background:#f7fafb;padding:15px;border:1px solid var(--line);border-radius:9px;margin-bottom:12px}.flowoption .row .field{flex:1}.progress{height:7px;background:#e7edf3;border-radius:6px;overflow:hidden;margin-top:18px}.progress i{display:block;height:100%;background:#15a799}.auth{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:25px;background:linear-gradient(120deg,#0c2040 0%,#173b53 50%,#f2f6fa 50%)}.authbox{width:440px;background:#fff;border:1px solid #dce5ee;border-radius:18px;padding:35px;box-shadow:0 25px 90px #061f4030}.authbox .brand{color:#122b45;margin:0 0 25px}.authbox h1{font-size:1.5rem;margin-bottom:10px}.authbox p{color:var(--muted);font-size:.9rem;margin-bottom:25px}.authbox button.primary{width:100%}.authlinks{display:flex;justify-content:space-between;margin-top:15px}.authlinks button{border:0;background:transparent;color:var(--teal);padding:5px;font-size:.8rem}dialog{border:1px solid #cfdbe6;border-radius:15px;width:min(650px,94vw);padding:25px;max-height:90vh;box-shadow:0 30px 100px #10213c40}dialog::backdrop{background:#0e20386b;backdrop-filter:blur(2px)}dialog .dialoghead{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}dialog h2{margin:0}dialog .actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#162d48;color:#fff;border-radius:10px;padding:15px 24px;z-index:10;max-width:min(650px,90vw);box-shadow:0 8px 35px #0002;display:none}.wide{grid-column:1/-1}.qr{width:240px;height:240px}.screen-reader{position:absolute;clip:rect(0,0,0,0)}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.85rem}.mini{font-size:.78rem}.sectiongap{margin-top:22px}@media(min-width:1700px){.page{padding:30px 38px}.inbox{grid-template-columns:310px minmax(0,1fr) 280px}}@media(max-width:1150px){.detail{display:none}.inbox{grid-template-columns:260px minmax(300px,1fr)}.stats{grid-template-columns:repeat(2,1fr)}.grid3{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.shell{display:block;height:auto;min-height:100vh}.sidebar{padding:12px;display:block}.brand{margin:0 0 12px}.sidebar nav{display:flex;overflow:auto;gap:4px}.navbtn{white-space:nowrap;width:auto;font-size:.82rem;padding:10px}.navlabel,.sidebottom{display:none}.topbar{padding:10px 15px;height:auto;min-height:65px}.page{padding:20px 14px;overflow:visible}.pagehead{align-items:flex-start}.pagehead h1{font-size:1.35rem}.grid,.grid3{grid-template-columns:1fr}.stats{gap:10px}.stat{padding:15px}.stat strong{font-size:1.5rem}.inbox{display:flex;flex-direction:column;height:720px;min-height:0}.contacts{max-height:165px;flex-shrink:0}.contacts .search{padding:8px}.contactitem{padding:8px}.contactitem p{display:none}.chat{flex:1;min-height:0}.chathead{padding:12px}.messages{padding:15px}.bubble{max-width:95%}.user>span{display:none}.card{padding:18px}.authbox{padding:25px}.auth{background:#0e2844}.kanban{min-height:340px}.column{min-width:235px}}

[hidden]{display:none!important}

/* Keep the chat inside its grid track: long history scrolls, not the composer. */
.main,.page{min-height:0}
.page.inbox-page{display:flex;flex-direction:column;overflow:hidden}
.inbox-page>.pagehead{flex:0 0 auto}
.inbox-page>.inbox{height:auto;min-height:0;flex:1;grid-template-rows:minmax(0,1fr)}
.inbox>.chat{min-height:0;overflow:hidden}
.chathead,.composer{flex:0 0 auto}
.messages{min-height:0;overscroll-behavior:contain;scrollbar-gutter:stable;overflow-y:auto;overflow-x:hidden}
.bubble{flex:0 0 auto}
.composer{max-height:48%;overflow-y:auto}
.composer textarea{height:64px;min-height:48px;max-height:120px}
.contacts{min-height:0;display:flex;flex-direction:column;overflow:hidden}
.contacts>.search,.conversation-filters{flex:0 0 auto}
#contact-list{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}
.contactitem>div:last-child{min-width:0}
.contactitem strong{display:block;overflow-wrap:anywhere}
.conversation-filters{display:flex;gap:4px;padding:8px;border-bottom:1px solid var(--line)}
.conversation-filters button{padding:7px 6px;font-size:.75rem;flex:1}
.conversation-filters button.active{background:#e2f4ef;color:#075e5f}
.chathead .row{justify-content:flex-end;gap:6px}
.chathead button{font-size:.78rem;padding:8px}
.latest-messages{flex:0 0 auto;align-self:center;margin:4px;padding:5px 12px;font-size:.78rem;color:#075e5f}
.inbox-sync{font-size:.75rem;color:var(--muted);margin-right:10px}
.inbox-sync.error{color:#9c2836}
.closed-conversation{padding:14px;line-height:1.5;background:#fff7de;text-align:center}
@media(max-height:700px) and (min-width:761px){.page.inbox-page{padding-top:14px;padding-bottom:14px}.inbox-page .pagehead{margin-bottom:12px}.inbox-page .pagehead p{display:none}.composer{padding:9px}.composer textarea{height:48px}.chathead{padding:10px 14px}}
@media(max-width:760px){.page.inbox-page{overflow:visible;display:block}.inbox-page>.inbox{height:calc(100dvh - 90px);min-height:520px}.inbox>.contacts{height:175px;max-height:175px}.conversation-filters{padding:4px}.inbox>.chat{flex:1;min-height:0}.composer{max-height:60%}}

.connection-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}
.connection-card{border:1px solid var(--line);border-radius:12px;padding:18px;background:#fbfcfe;min-width:0}
.connection-card h3{margin:0 0 5px}.connection-card .wa-code{min-height:10px;margin:12px 0}.connection-card .qr{display:block;margin:auto;max-width:100%;height:auto}
@media(max-width:900px){.connection-list{grid-template-columns:1fr}}
.simulator-card{display:grid;grid-template-columns:minmax(360px,1fr) 310px;gap:20px;align-items:start}.simulator-phone{height:clamp(540px,calc(100vh - 255px),720px);min-height:540px;max-height:720px;position:relative;background:#eef3f6;border:1px solid var(--line);border-radius:16px;display:flex;flex-direction:column;overflow:hidden}.simulator-head{background:var(--navy);color:#fff;padding:16px 20px;flex:0 0 auto}.simulator-head small{display:block;color:#a9bdd3}.simulator-messages{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:22px;display:flex;flex-direction:column;gap:12px;scroll-behavior:smooth;overflow-anchor:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.sim-bubble{max-width:82%;padding:12px 15px;border-radius:4px 13px 13px;background:#fff;white-space:pre-wrap;overflow-wrap:anywhere;flex:0 0 auto}.sim-bubble.client{align-self:flex-end;background:#d9f3e9;border-radius:13px 4px 13px 13px}.sim-bubble.system{align-self:center;max-width:95%;font-size:.82rem;background:#fff4d8;color:#765919}.sim-bubble small{display:block;margin-top:7px}.sim-latest{position:absolute;right:18px;bottom:142px;z-index:2;padding:8px 12px;border-color:#9acbc7;box-shadow:0 5px 18px #0c20402b;color:#075e5f}.simulator-compose{background:#fff;border-top:1px solid var(--line);padding:14px;display:flex;gap:10px;flex:0 0 auto}.simulator-compose textarea{min-height:54px;max-height:100px}.simulator-tools,.keyboard-help{flex:0 0 auto}.simulator-help hr{border:0;border-top:1px solid var(--line);margin:22px 0}.network-address{font-size:1.05rem;padding:12px;background:#f4f7fa;border-radius:8px;overflow-wrap:anywhere}
@media(max-width:900px){.simulator-card{grid-template-columns:1fr}.simulator-phone{height:72dvh;min-height:500px;max-height:680px}.simulator-help{order:-1}}
.bubble img{max-width:min(420px,100%);max-height:320px;margin:8px 0;border-radius:8px;object-fit:contain}
.message-media{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin:10px 0 2px;white-space:normal}.message-media figure{margin:0}.message-media figcaption{font-size:.75rem;color:var(--muted);margin-top:4px}.message-media audio{display:block;width:min(360px,100%);max-width:100%}.message-media video{display:block;width:min(420px,100%);max-height:360px;border-radius:9px;background:#0a1524}.message-media.file{padding:10px 12px;border-radius:8px;background:#eef3f7}.message-media>a{font-size:.78rem}.composer #record-audio.recording{background:#b72e42;border-color:#b72e42;color:#fff;animation:recording-pulse 1.4s infinite}@keyframes recording-pulse{50%{box-shadow:0 0 0 5px #b72e4224}}
.sim-bubble.staff{align-self:flex-start;background:#dcecff;border-radius:4px 13px 13px}.sim-bubble img{display:block;max-width:min(360px,100%);max-height:300px;border-radius:8px;margin-top:8px;object-fit:contain}.sim-tools{display:flex;flex-wrap:wrap;gap:8px;padding:0 14px 14px;background:#fff}.connection-routing{background:#f0f8f7;border:1px solid #cce8e4;border-radius:8px;padding:11px;margin:12px 0}.connection-routing small{display:block;margin-top:5px}.flow-media{padding:10px;border:1px dashed var(--line);border-radius:8px}.campaign-contacts{max-height:330px;overflow:auto;border:1px solid var(--line);border-radius:9px;padding:10px}
.connection-standby{display:block!important;margin-top:9px;padding:8px 10px;border-radius:7px;background:#fff1c7;color:#805609;font-weight:750;font-size:.76rem}.sim-tools{flex:0 0 auto}
.ai-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.ai-steps>div{display:grid;grid-template-columns:38px 1fr;column-gap:10px;align-items:center;padding:14px;border:1px solid #d9d9f2;border-radius:12px;background:linear-gradient(145deg,#edf8f8,#f2edff)}.ai-steps span{grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#633dc1;color:#fff;font-weight:800}.ai-steps b,.ai-steps small{display:block}.ai-steps small{color:#65758b}
.automation-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:24px}.automation-kind{min-height:190px;text-align:left;padding:26px;border:0;color:#fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;position:relative;overflow:hidden;box-shadow:0 20px 45px #10233f24}.automation-kind:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-45px;top:-70px;background:#ffffff17}.automation-kind>span{position:absolute;top:21px;left:25px;font-size:.75rem;letter-spacing:2px;opacity:.8}.automation-kind b{font-size:1.55rem;margin-bottom:8px}.automation-kind small{color:#eaf9ff;max-width:460px}.queue-kind{background:linear-gradient(135deg,#075f7b,#089a91)}.visual-kind{background:linear-gradient(135deg,#3a246e,#7652d6)}.automation-kind:hover{filter:brightness(1.06);color:#fff}.flow-context{display:flex;justify-content:space-between;gap:14px;align-items:center;background:linear-gradient(90deg,#092a4f,#174b65);color:#fff;border-left:4px solid #35e6d2;padding:15px 18px;border-radius:10px;margin-bottom:20px}.flow-context span{color:#bfe8ed;font-size:.85rem}.flow-library{background:#eaf0f8;border:1px solid #d9e3ef;border-radius:14px;padding:21px;margin-bottom:20px}.flow-library h2,.flow-library p{margin-top:0}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.template-card{border:0;border-radius:12px;padding:20px;color:#fff;min-height:190px;display:flex;flex-direction:column}.template-card.purple{background:linear-gradient(145deg,#382970,#6647b8)}.template-card.blue{background:linear-gradient(145deg,#075b79,#078a91)}.template-card>span{font-size:.68rem;letter-spacing:1.4px;color:#bfeff0}.template-card h3{font-size:1.12rem;margin:18px 0 8px}.template-card p{font-size:.82rem;color:#e4edf9;flex:1}.template-card button{align-self:flex-start}.saved-flow{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:13px 16px;border-radius:9px;margin-top:8px}.saved-flow small{display:block;margin-top:4px}.flow-editor-shell{background:#e7edf6;border:1px solid #cfdae9;border-radius:14px;overflow:hidden}.flow-titlebar{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(320px,1.3fr) auto;gap:14px;align-items:end;padding:16px 18px;background:#102744;color:#fff}.flow-titlebar .field{margin:0}.flow-titlebar label,.flow-titlebar small{color:#c8daec}.flow-titlebar textarea{min-height:54px;max-height:78px}.flow-status{align-self:center;font-size:.8rem;color:#63e3ce;white-space:nowrap}.flow-actions{display:flex;justify-content:flex-end;gap:10px;padding:15px 18px;background:#102744}.test-button{background:#6143b6;border-color:#7659cf;color:#fff}.test-button:hover{background:#52379d;color:#fff}.queue-editor-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;background:#dbe5f1}.queue-editor-head small{display:block;margin-top:4px}.compact-options{padding:12px 18px 20px}.flowoption.compact{background:#f8fbff;border:1px solid #cdd9e8;border-left:5px solid #168b96;border-radius:9px;margin:8px 0;padding:0;overflow:hidden}.flowoption.compact[open]{box-shadow:0 8px 24px #0b234514}.flowoption.compact summary{display:grid;grid-template-columns:42px minmax(120px,1fr) auto;align-items:center;gap:10px;padding:11px 14px;cursor:pointer;background:linear-gradient(90deg,#edf7f7,#f7f3ff);list-style:none}.flowoption.compact summary::-webkit-details-marker{display:none}.flowoption.compact summary small{text-align:right}.option-number{width:31px;height:31px;display:grid;place-items:center;background:#0b7d86;color:white;border-radius:8px;font-weight:700}.compact-option-body{padding:14px}.compact-row{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.compact-row>.field{min-width:100px;margin-bottom:10px}.compact-row>.grow{flex:1}.compact-option-body textarea{min-height:65px}.visual-builder{display:grid;grid-template-columns:190px minmax(500px,1fr) 285px;min-height:610px}.visual-palette,.visual-inspector{padding:18px;background:#142c4b;color:#d7e5f5;overflow:auto}.visual-palette{border-right:1px solid #294361}.visual-palette button{display:block;width:100%;text-align:left;margin-bottom:8px;background:#203e61;color:#e9f4ff;border-color:#345777}.visual-palette hr,.visual-inspector hr{border:0;border-top:1px solid #38506c;margin:18px 0}.visual-palette small{color:#9cb2cb}.visual-inspector{border-left:1px solid #294361}.visual-inspector label,.visual-inspector small,.visual-inspector .muted{color:#b8cae0}.visual-inspector .field{margin-bottom:12px}.visual-inspector textarea{min-height:72px}.visual-inspector .flow-media{border-color:#4a6380;margin-top:12px}.visual-child{margin-top:14px;width:100%}.visual-stage{position:relative;overflow:auto;background-color:#0a1930;background-image:radial-gradient(#33516f 1px,transparent 1px);background-size:20px 20px;min-height:610px}.visual-stage #visual-nodes,.visual-stage svg{position:absolute;left:0;top:0;width:4200px;height:3000px}.visual-stage svg{pointer-events:none;overflow:visible}.visual-stage path{fill:none;stroke:#45e2d0;stroke-width:3;stroke-dasharray:7 5;opacity:.75}.visual-node{position:absolute;width:205px;min-height:96px;padding:12px 14px;border-radius:11px;color:#eafbff;background:linear-gradient(145deg,#173b59,#1b5270);border:1px solid #3c718e;border-top:4px solid #38d4c4;box-shadow:0 10px 28px #0005;cursor:grab;user-select:none;z-index:2}.visual-node:active{cursor:grabbing}.visual-node>span{display:block;font-size:.62rem;letter-spacing:1.4px;color:#7de9de;margin-bottom:9px}.visual-node b,.visual-node small{display:block}.visual-node small{color:#b5cbe0;margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.visual-node.selected{outline:3px solid #fff;box-shadow:0 0 0 6px #7558d7,0 14px 35px #0006}.start-node{background:linear-gradient(145deg,#07595c,#088f80);border-color:#31c9b4}.greeting-node{background:linear-gradient(145deg,#36517c,#436ca2);border-color:#72a8e7}.menu-node{background:linear-gradient(145deg,#49337f,#7354c1);border-color:#a189ed}.human-node{background:linear-gradient(145deg,#7b3d34,#b2683f);border-color:#f1a36d}.media-node{background:linear-gradient(145deg,#28546e,#247a91);border-color:#60d1e5}.visual-controls{position:sticky;left:12px;top:12px;display:inline-flex;gap:10px;align-items:center;background:#102947e8;color:#a9c0da;border:1px solid #2c4a68;border-radius:9px;padding:7px;z-index:5}.visual-controls span{font-size:.75rem}.connection-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.connection-guide>div{display:grid;grid-template-columns:42px 1fr;column-gap:10px;background:#e9f1f8;border:1px solid #d4e0ec;border-radius:11px;padding:13px}.connection-guide span{grid-row:1/3;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#173c62;color:#5de1d2;font-weight:700}.connection-guide b,.connection-guide small{display:block}.simple-connection{background:linear-gradient(160deg,#f9fcff,#edf3f9)}.connection-step{font-size:.66rem;letter-spacing:1.4px;color:#54708f}.connection-company,.connection-flow-state{padding:13px;border-radius:9px;margin-top:12px}.connection-company{background:#e5f4f1}.connection-flow-state{background:#eef0fb}.connection-company small,.connection-flow-state small,.connection-flow-state span{display:block;margin-bottom:5px}.connection-flow-state span{font-size:.75rem;color:#6c5ba1;margin-top:7px}.active-flow{border-left:4px solid #0b9b84}.draft-flow{border-left:4px solid #7961c4}.connection-next{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:13px}.connection-next button{padding:9px 7px;font-size:.75rem}.connection-manage{margin-top:13px}.connection-manage summary{cursor:pointer;color:#60738b;font-size:.78rem}.connection-manage .row{margin-top:10px}
@media(max-width:1200px){.visual-builder{grid-template-columns:165px minmax(430px,1fr)}.visual-inspector{grid-column:1/-1;border-left:0;border-top:1px solid #294361}.template-grid{grid-template-columns:1fr 1fr}.flow-titlebar{grid-template-columns:1fr 1fr}.flow-status{grid-column:1/-1}.connection-next{grid-template-columns:1fr}}
@media(max-width:760px){.automation-choice,.template-grid,.connection-guide,.ai-steps{grid-template-columns:1fr}.visual-builder{display:block}.visual-palette{display:flex;gap:7px;overflow:auto}.visual-palette h3,.visual-palette hr,.visual-palette small{display:none}.visual-palette button{width:auto;white-space:nowrap}.visual-stage{min-height:520px}.flow-titlebar{grid-template-columns:1fr}.flow-actions{flex-wrap:wrap}.flow-context{display:block}.flow-context span{display:block;margin-top:5px}.compact-row{display:block}.flowoption.compact{margin-left:0!important}}

/* Visual studio: a focused, full-size workspace for the hardest setup step. */
.shell.flow-focus{grid-template-columns:minmax(0,1fr)}
.shell.flow-focus>.sidebar,.shell.flow-focus .topbar{display:none}
.shell.flow-focus>.main{height:100vh;min-width:0}
.shell.flow-focus .page{padding:0;height:100vh;overflow:hidden}
.flow-studio{height:100vh;display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;background:#07172d;color:#eef7ff;overflow:hidden}
.studio-toolbar{display:flex;align-items:center;gap:13px;padding:9px 14px;background:linear-gradient(90deg,#0b223e,#18385c);border-bottom:1px solid #365271;min-width:0}
.studio-toolbar button{background:#203d60;color:#eaf6ff;border-color:#426183}.studio-toolbar button:hover{color:white;background:#2b527b}
.studio-toolbar .history-main{font-size:.94rem;font-weight:800;background:#6c4fd2;border-color:#8b73e2;padding:11px 19px}.studio-toolbar button:disabled{opacity:.35;cursor:not-allowed}
.studio-name{width:min(420px,30vw)}.studio-name .field{margin:0}.studio-name label{display:none}.studio-name input{background:#f7fbff;font-weight:700;padding:10px 12px}
.studio-history{display:flex;gap:7px;margin-left:auto}.studio-connection{display:flex;justify-content:center;gap:12px;padding:6px 15px;background:#073d49;color:#bff8ee;font-size:.78rem}
.studio-guide{display:flex;align-items:center;justify-content:center;gap:8px;padding:7px 12px;background:#102746;border-bottom:1px solid #263f5f;font-size:.74rem}.studio-guide b{color:#64eee0;margin-right:8px}.studio-guide span{padding:5px 9px;border-radius:20px;background:#1c3a5f;color:#c3d7ec}
.studio-builder{min-height:0;height:auto;grid-template-columns:205px minmax(560px,1fr) 330px}
.studio-builder .visual-stage{min-height:0;height:100%}.studio-builder .visual-palette,.studio-builder .visual-inspector{padding:15px}
.studio-builder .visual-inspector{background:linear-gradient(180deg,#172f50,#102440)}.studio-builder .visual-inspector h3{margin:7px 0 12px;color:#fff}.inspector-step{font-size:.65rem;letter-spacing:1.5px;color:#5de7d7;font-weight:800}
.inspector-tip{margin-top:15px;padding:12px;border-radius:9px;background:#243d61;color:#bdd2e8;font-size:.78rem;line-height:1.55}.ai-block-settings{padding:11px;border:1px solid #6a56b7;border-radius:10px;background:#281f52;margin:12px 0}.ai-block-settings textarea{min-height:95px}.ai-block-settings .check span{color:#eee9ff;font-weight:700}.ai-block-settings small{color:#c7bdef}
.inspector-actions{display:grid;gap:8px;margin-top:13px}.inspector-actions button{width:100%}.node-add{position:absolute;right:-15px;top:33px;width:31px;height:31px;padding:0;border-radius:50%;background:#39d7c6;color:#052a32;border:3px solid #0a1930;font-size:1.12rem;font-weight:800;z-index:3}.node-add:hover{background:#fff;color:#174b5b}
.ai-node{background:linear-gradient(145deg,#512b7d,#8a46ad);border-color:#df8cff}.ai-node>span{color:#f1b6ff}.fixed-node{cursor:pointer}.start-node.fixed-node{cursor:default}
.studio-actions{padding:10px 14px;align-items:center;border-top:1px solid #35506f}.studio-actions>span{margin-right:auto;color:#adc4da;font-size:.76rem}.studio-actions>span b{color:#5be4d4}.studio-actions button{padding:10px 14px}
@media(max-width:1200px){.studio-builder{grid-template-columns:175px minmax(470px,1fr) 290px}.studio-builder .visual-inspector{grid-column:auto;border-left:1px solid #294361;border-top:0}.studio-guide span:nth-last-child(-n+2){display:none}}
@media(max-width:850px){.shell.flow-focus .page{overflow:auto}.flow-studio{height:auto;min-height:100vh;display:block}.studio-toolbar{position:sticky;top:0;z-index:20;flex-wrap:wrap}.studio-name{width:45vw}.studio-guide{overflow:auto;justify-content:flex-start}.studio-builder{display:flex;flex-direction:column}.studio-builder .visual-palette{display:flex;gap:7px;overflow:auto}.studio-builder .visual-palette h3,.studio-builder .visual-palette hr,.studio-builder .visual-palette small{display:none}.studio-builder .visual-palette button{width:auto;white-space:nowrap}.studio-builder .visual-stage{height:62vh;min-height:500px}.studio-builder .visual-inspector{border:0;border-top:1px solid #294361}.studio-actions{position:sticky;bottom:0;z-index:20;flex-wrap:wrap}.studio-actions>span{display:none}}

/* 0.1.16: cards, message formatting and a viewport-safe visual editor. */
.my-flow-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:15px;margin-top:16px}
.my-flow-card{display:flex;flex-direction:column;min-height:245px;padding:18px;border:1px solid #d4dfec;border-radius:14px;background:linear-gradient(155deg,#fff,#f0f6fb);box-shadow:0 9px 24px #10274412}
.my-flow-card h3{margin:16px 0 8px;color:#102744}.my-flow-card p{margin:0 0 12px;color:#5c6f85;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.my-flow-card>small{margin-top:auto}
.flow-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.flow-type{font-size:.68rem;font-weight:800;letter-spacing:1.3px;color:#55708e}.flow-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.flow-card-actions button{padding:9px 8px}.flow-search{width:min(320px,38vw)}
.message-format{display:flex;align-items:center;gap:5px;margin:-6px 0 13px;padding:7px;border:1px solid #405b79;border-radius:8px;background:#0d213b}.message-format button{min-width:34px;padding:6px 8px;background:#203d60;color:#fff;border-color:#456483}.message-format small{margin-left:5px;color:#a9bed4;font-size:.67rem}
.shell.flow-focus>.main{height:100vh;height:100dvh;min-height:0}.shell.flow-focus .page{height:100vh;height:100dvh;min-height:0}.flow-studio{height:100vh;height:100dvh;min-height:0}
.studio-builder{height:100%;min-height:0;overflow:hidden;grid-template-columns:205px minmax(560px,1fr) 350px}
.studio-builder .visual-stage{height:100%;min-height:0;overflow:auto}.studio-builder .visual-palette,.studio-builder .visual-inspector{height:100%;min-height:0;overflow-y:auto;padding:15px 15px 48px;scrollbar-gutter:stable}
.inspector-actions{position:sticky;bottom:-32px;z-index:8;padding:13px 0 5px;background:linear-gradient(180deg,transparent 0,#102440 20%)}
.studio-actions{position:relative;z-index:30;min-height:66px;flex:0 0 auto;padding:11px 18px;border-top-color:#4b6785;box-shadow:0 -10px 28px #020913cc}.studio-actions button{padding:11px 15px;white-space:nowrap}
@media(max-width:1200px) and (min-width:851px){.studio-builder{grid-template-columns:175px minmax(470px,1fr) 310px}.studio-actions>span{display:none}.flow-search{width:240px}}
@media(max-width:850px){.flow-studio{min-height:100dvh}.my-flow-grid{grid-template-columns:1fr}.flow-search{width:100%}.message-format{flex-wrap:wrap}.studio-builder .visual-palette,.studio-builder .visual-inspector{height:auto;overflow:visible;padding-bottom:20px}}

/* 0.1.17: guided configuration, stable flow codes and simulator keyboard. */
.title-with-help{display:flex;align-items:center;gap:9px}.title-with-help h2{margin-bottom:0}.help-tip{position:relative;display:inline-block;z-index:40}.help-tip>summary{list-style:none;width:30px;height:30px;display:grid;place-items:center;border:1px solid #9eb1c7;border-radius:50%;background:#fff;color:#173c62;font-weight:900;cursor:pointer}.help-tip>summary::-webkit-details-marker{display:none}.help-tip[open]>summary{background:#173c62;color:#fff}.help-tip>div{position:absolute;right:0;top:38px;width:min(330px,78vw);padding:13px 15px;border:1px solid #c9d7e6;border-radius:10px;background:#fff;color:#18314d;box-shadow:0 16px 38px #06182f38;line-height:1.45}.help-tip>div p{margin:6px 0 0;color:#536a83;font-size:.82rem}.studio-toolbar .help-tip>summary{background:#203d60;color:#fff;border-color:#577595}.studio-toolbar .help-tip>div{right:-70px}
.setup-steps{display:flex;align-items:center;gap:8px;overflow-x:auto;margin-bottom:20px;padding:12px 14px;border-radius:11px;background:#102744;color:#d8e8f8}.setup-steps b{color:#65eadb;white-space:nowrap}.setup-steps span{padding:7px 10px;border-radius:18px;background:#244666;font-size:.76rem;white-space:nowrap}
.flow-code{padding:6px 9px;border-radius:7px;background:#132e51;color:#6ce6d7;font-size:.72rem;font-weight:900;letter-spacing:1.1px}.flow-links{margin-top:10px;padding:8px 9px;border-radius:7px;background:#fff0d2;color:#795b1e;font-size:.73rem}.flow-links.free{background:#e2f5ef;color:#15705f}.delete-confirm{display:flex;gap:9px;align-items:flex-start;margin:16px 0;font-weight:700}.delete-confirm input{margin-top:3px}
.connection-help{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;padding:15px 17px;border:1px solid #cfe0ee;border-left:5px solid #159b8e;border-radius:11px;background:#eff8fb}.connection-help p{margin:4px 0 0;color:#526a82}.connection-flow-state b{overflow-wrap:anywhere}.keyboard-help{display:block;padding:7px 14px;background:#fff;color:#60758a;border-top:1px dashed #d6e0ea}
.simulator-compose{position:relative;z-index:5;isolation:isolate}.simulator-compose textarea{position:relative;z-index:6;pointer-events:auto!important;user-select:text!important;cursor:text;background:#fff;color:#102744;opacity:1}.simulator-compose textarea:focus{outline:3px solid #32bfae;outline-offset:1px}.simulator-compose textarea:disabled{opacity:.65}
@media(max-width:700px){.connection-help{align-items:flex-start}.help-tip>div{right:auto;left:0}.flow-card-actions{grid-template-columns:1fr}.setup-steps{justify-content:flex-start}}

/* Campaign cockpit: high contrast, guided and intentionally separate from regular forms. */
.campaign-world{margin:-26px -28px;padding:26px 28px 45px;min-height:100%;color:#eaf7ff;background:radial-gradient(circle at 88% 5%,#5835a638 0,transparent 26%),radial-gradient(circle at 8% 28%,#00d5c62b 0,transparent 24%),linear-gradient(155deg,#07162d 0%,#0d2342 55%,#111936 100%)}
.campaign-world .pagehead h1,.campaign-world .pagehead p,.campaign-world h2,.campaign-world h3{color:#f5fbff}.campaign-world .pagehead button{background:#132f52;color:#dffaff;border-color:#31547b}.campaign-world .pagehead .primary{background:linear-gradient(135deg,#08a89f,#176dc1);border:0}.campaign-hero{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:27px 30px;border:1px solid #315577;border-radius:18px;background:linear-gradient(120deg,#102f53e8,#243269dd 60%,#482d79dd);box-shadow:0 22px 55px #02091699,inset 0 1px #ffffff18}.campaign-hero>div:first-child{max-width:700px}.campaign-hero span,.campaign-section-title span,.campaign-composer-head>span{font-size:.67rem;font-weight:900;letter-spacing:2px;color:#65f2df}.campaign-hero h2{font-size:1.55rem;margin:10px 0 6px}.campaign-hero p{margin:0;color:#b9cee1}.campaign-hero-stats{display:grid;grid-template-columns:repeat(3,100px);gap:9px}.campaign-hero-stats div{text-align:center;padding:14px 8px;border:1px solid #ffffff26;border-radius:12px;background:#071a34a8}.campaign-hero-stats b{display:block;font-size:1.5rem;color:#78f4e1}.campaign-hero-stats small{color:#b8cce0}.campaign-warning{display:flex;align-items:center;gap:14px;margin:16px 0 25px;padding:13px 17px;border:1px solid #ae8b3b66;border-left:4px solid #ffcf62;border-radius:10px;background:#503d1747;color:#ffe7ad}.campaign-warning span{font-size:.82rem;color:#d7c99e}.campaign-section{margin:25px 0}.campaign-section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:13px}.campaign-section-title h2{margin:5px 0 2px}.campaign-section-title p{margin:0;color:#91abc4;font-size:.86rem}.campaign-group-grid,.campaign-running-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:14px}.campaign-group-card,.campaign-running-card,.campaign-empty-card{position:relative;overflow:hidden;min-height:205px;padding:19px;border:1px solid #345777;border-radius:15px;background:linear-gradient(150deg,#112f52,#172449 65%,#32235e);box-shadow:0 13px 34px #020a1f75;text-align:left}.campaign-group-card:after{content:"";position:absolute;width:130px;height:130px;right:-45px;top:-55px;border-radius:50%;background:#35eedc14}.campaign-card-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#13bdb1,#7255de);font-size:1.35rem;color:#fff}.campaign-group-card>span{display:block;margin-top:14px;font-size:.61rem;letter-spacing:1.5px;color:#67eadc}.campaign-group-card h3{margin:7px 0}.campaign-group-card p,.campaign-running-card p{color:#a9bfd4}.campaign-card-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.campaign-card-actions button{padding:8px 10px;background:#203c61;color:#dff7ff;border-color:#3f6388;font-size:.76rem}.campaign-card-actions .danger{color:#ffd3da;border-color:#9a4b60;background:#54263c}.campaign-empty-card{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#70e8dc;border-style:dashed}.campaign-empty-card span{margin-top:8px;color:#92a9c0}.campaign-running-card{min-height:185px;background:linear-gradient(145deg,#101f3d,#182c50)}.campaign-running-card.active{border-color:#31cbb9;box-shadow:0 0 0 1px #31cbb933,0 14px 35px #02091f}.campaign-running-card .row>span{font-size:.7rem;letter-spacing:1px;color:#7edfd4}.campaign-running-card small{display:block;color:#8da7c0}.campaign-empty-line{grid-column:1/-1;padding:30px;text-align:center;border:1px dashed #385675;border-radius:13px;color:#8da7c0}.campaign-composer{margin-top:30px;border:1px solid #3b5d7d;border-radius:18px;overflow:hidden;background:#0b1c35;box-shadow:0 25px 65px #010714}.campaign-composer-head{padding:24px 27px;background:linear-gradient(110deg,#17385d,#2c326e)}.campaign-composer-head h2{margin:7px 0}.campaign-composer-head p{margin:0;color:#b1c6db}.campaign-form-block{display:grid;grid-template-columns:54px minmax(0,1fr);gap:16px;padding:25px 27px;border-top:1px solid #294663}.campaign-step-number{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#11bdb2,#6a51d0);box-shadow:0 0 22px #2de2d54d;color:#fff;font-size:1.15rem;font-weight:900}.campaign-step-content h3{margin:3px 0 17px}.campaign-step-content>p{color:#91a9c0;font-size:.84rem}.campaign-world label,.campaign-world small{color:#aac0d5}.campaign-world input,.campaign-world textarea,.campaign-world select{background:#f7fbff;color:#122b48;border-color:#456583}.campaign-world .campaign-contact-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:7px;margin-top:13px;max-height:270px;overflow:auto;padding:12px;border:1px solid #314f6d;border-radius:11px;background:#07172c}.campaign-world .campaign-contact-picker .check{margin:0;padding:10px;border-radius:8px;background:#142b49;color:#d9e9f7}.campaign-world .message-format{border-color:#315473}.campaign-weekdays{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:3px 0 19px;padding:13px;border:1px solid #31516f;border-radius:10px;background:#0d2744}.campaign-weekdays>b{width:100%;font-size:.8rem}.campaign-weekdays .check{margin:0;padding:8px 10px;border-radius:8px;background:#183654}.campaign-final{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 27px;border-top:1px solid #31516e;background:#102a49}.campaign-final p{margin:4px 0;color:#9bb2c8}.campaign-launch{padding:13px 20px!important;color:#fff!important;border:0!important;background:linear-gradient(135deg,#08a89f,#7153d4)!important;box-shadow:0 8px 25px #0dd6c535}.campaign-review{padding:17px;border-radius:11px;background:#102b4b;color:#eaf7ff}.campaign-review>span{font-size:.68rem;font-weight:900;letter-spacing:1.5px;color:#57e4d5}.campaign-review h3{margin:8px 0;color:#fff}.campaign-review p{margin:7px 0}.campaign-modal-intro{display:flex;flex-direction:column;margin:5px 0 14px;padding:12px;border-radius:9px;background:#edf7fa}.campaign-contact-picker{max-height:330px;overflow:auto;border:1px solid var(--line);border-radius:9px;padding:10px}
@media(max-width:900px){.campaign-hero{display:block}.campaign-hero-stats{margin-top:20px;grid-template-columns:repeat(3,1fr)}.campaign-form-block{grid-template-columns:1fr}.campaign-final{align-items:flex-start;flex-direction:column}.campaign-launch{width:100%}}
@media(max-width:760px){.campaign-world{margin:-26px -12px;padding:20px 12px 35px}.campaign-hero-stats{grid-template-columns:1fr}.campaign-world .grid,.campaign-world .grid3{grid-template-columns:1fr}.campaign-warning{align-items:flex-start;flex-direction:column}}
.campaign-group-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin:10px 0 18px;padding:12px;border:1px solid #31516f;border-radius:11px;background:#07172c}.campaign-group-picker .check{margin:0;padding:11px;border:1px solid #294a69;border-radius:9px;background:#173452;color:#e5f7ff}.campaign-source-label{margin:12px 0;padding:9px 11px;border-left:3px solid #4ee6d4;border-radius:5px;background:#0a172d;color:#c9e8ed;font-size:.78rem;line-height:1.45}.campaign-source-label b{color:#60e9d8}.conversation-filters{overflow-x:auto}.conversation-filters button{min-width:0}.conversation-filters button:nth-child(2){color:#315fa5}

/* The live composer must stay interactive above refresh and media layers. */
.composer{position:relative;z-index:6;isolation:isolate}.composer textarea{position:relative;z-index:7;pointer-events:auto!important;user-select:text!important;cursor:text;background:#fff;color:#102744;opacity:1}.composer textarea:focus{outline:3px solid #22bfae;outline-offset:1px}

/* 0.1.22: the simulator uses the same fixed conversation geometry as Atendimento. */
.page.simulator-page{display:flex;flex-direction:column;overflow:hidden;min-height:0}
.simulator-page>.pagehead,.simulator-page>.notice{flex:0 0 auto}
.simulator-page>.simulator-card{display:grid;grid-template-columns:minmax(360px,1fr) 310px;align-items:stretch;flex:1;min-height:0;height:auto;overflow:hidden}
.simulator-page .simulator-phone{height:auto!important;min-height:0!important;max-height:none!important;align-self:stretch;overflow:hidden}
.simulator-page .simulator-messages{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}
.simulator-page .simulator-head,.simulator-page .simulator-compose,.simulator-page .simulator-tools,.simulator-page .keyboard-help{flex:0 0 auto}
.simulator-page .simulator-compose{max-height:48%;overflow-y:auto;position:relative;z-index:6}
.simulator-page .simulator-compose textarea{height:64px;min-height:48px;max-height:120px;pointer-events:auto!important;user-select:text!important;position:relative;z-index:7}
.simulator-page .simulator-help{min-height:0;overflow-y:auto}
@media(max-height:700px) and (min-width:901px){.page.simulator-page{padding-top:14px;padding-bottom:14px}.simulator-page>.pagehead{margin-bottom:12px}.simulator-page>.pagehead p{display:none}.simulator-page>.notice{padding:8px 12px;margin-bottom:10px}.simulator-page .simulator-compose{padding:9px}.simulator-page .simulator-compose textarea{height:48px}}
@media(max-width:900px){.page.simulator-page{overflow:auto;display:block}.simulator-page>.simulator-card{display:flex;flex-direction:column;overflow:visible}.simulator-page .simulator-phone{height:72dvh!important;min-height:520px!important}.simulator-page .simulator-help{order:-1;overflow:visible}}

/* Superadministration is visually isolated from the company's operational menu. */
.saas-menu{margin-top:18px;padding-top:16px;border-top:1px solid #31506f}.saas-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;border:1px solid #684de0;background:linear-gradient(135deg,#39236f,#633cc5);color:#fff;padding:12px;font-size:.68rem;letter-spacing:.7px}.saas-toggle:hover{background:linear-gradient(135deg,#472c88,#7149d5);color:#fff}.saas-links{padding:7px 5px 0}.saas-links button{display:block;width:100%;background:transparent;border:0;text-align:left;color:#cabfff;padding:9px 10px;font-size:.78rem}.saas-links button:hover{background:#4c347c;color:#fff}.register-link{width:100%;margin-top:12px;background:#eef5ff;color:#315b91}.platform-page{background:radial-gradient(circle at 90% 5%,#6745d31c,transparent 30%),#f3f5fb}.saas-hero{padding:28px;border-radius:16px;color:#fff;background:linear-gradient(125deg,#10294b,#493081 58%,#7955d3);margin-bottom:22px;box-shadow:0 18px 45px #25195d25}.saas-hero span,.saas-card>span{font-size:.7rem;letter-spacing:1.5px;font-weight:750}.saas-hero h2{font-size:1.65rem;margin:12px 0 5px}.saas-hero p{color:#d8d9f4}.saas-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.saas-card{background:linear-gradient(155deg,#fff,#f4f1ff);border:1px solid #ddd5f6;border-top:4px solid #6e50d1;border-radius:14px;padding:20px;box-shadow:0 10px 28px #192e5010}.saas-card h2{margin:14px 0 7px}.saas-metrics{display:flex;gap:8px;flex-wrap:wrap;margin:17px 0}.saas-metrics span{background:#ece8fa;border-radius:8px;padding:8px;font-size:.74rem}.saas-metrics b{font-size:.95rem;color:#493486}@media(max-width:1100px){.saas-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.saas-menu{display:none}.saas-grid{grid-template-columns:1fr}}

/* 0.1.24: PWA controls and a real phone/tablet layout. */
.mobile-menu,.mobile-backdrop,.mobile-chat-back{display:none}.top-install{margin-left:auto}.install-app{width:100%;margin-bottom:13px;background:#153a5c;border-color:#315a7b;color:#bff8ee}.install-guide{line-height:1.65}.install-guide li{margin:8px 0}
.update-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;border-radius:18px;background:linear-gradient(125deg,#102649,#4524a9 62%,#087f83);color:#fff;margin-bottom:22px;box-shadow:0 18px 45px #20106b26}.update-hero span{font-size:12px;letter-spacing:.14em;color:#8af5f0}.update-hero h2{font-size:30px;margin:7px 0}.update-hero p{margin:0;color:#dfe9ff}.update-grid{align-items:stretch}.update-steps{display:grid;gap:9px;margin:14px 0}.update-steps div{padding:10px 13px;border-radius:10px;background:#f1f4fa;color:#43526c}.update-steps div.active{background:#e1dafd;color:#40249b}.update-protections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.update-protections span{padding:14px;border:1px solid #dce3ef;border-radius:12px;background:#f8faff;color:#24344f}.danger{background:#7d32d7!important;color:#fff!important;border-color:#7d32d7!important}
@media(max-width:760px){
 html,body,#app{min-height:100%;height:100%;overflow:hidden}body{padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
 .shell{display:block;height:100dvh;min-height:0}.main{height:100dvh;min-height:0}.topbar{height:64px;min-height:64px;padding:8px 10px;padding-top:max(8px,env(safe-area-inset-top));gap:8px}.top-company{min-width:0;flex:1}.top-company>b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-company small{white-space:nowrap}.top-install{font-size:0;padding:9px}.top-install:after{content:'▣';font-size:1rem}.mobile-menu{display:inline-grid;place-items:center;width:42px;height:42px;padding:0;font-size:1.25rem}.user{gap:6px}.user .avatar{width:36px;height:36px}.user>button{padding:8px;font-size:.76rem}
 .sidebar{display:flex;position:fixed;z-index:100;inset:0 auto 0 0;width:min(310px,88vw);height:100dvh;padding:calc(18px + env(safe-area-inset-top)) 13px calc(18px + env(safe-area-inset-bottom));transform:translateX(-105%);transition:transform .22s ease;box-shadow:18px 0 55px #03112466}.sidebar nav{display:block;overflow:auto}.navbtn{display:flex;width:100%;font-size:.9rem;padding:12px 14px}.navlabel,.sidebottom{display:block}.sidebottom{padding-top:16px}.saas-menu{display:block}.mobile-backdrop{position:fixed;z-index:90;inset:0;background:#04112799;backdrop-filter:blur(2px)}body.mobile-nav-open .sidebar{transform:translateX(0)}body.mobile-nav-open .mobile-backdrop{display:block}
 .page{min-height:0;padding:15px 11px;overflow:auto}.pagehead{margin-bottom:14px;gap:9px;flex-wrap:wrap}.pagehead>div:first-child{min-width:0}.pagehead>.row{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}.pagehead>.row button{white-space:nowrap}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.stat{padding:13px}.card{padding:15px}.listrow{align-items:flex-start}.listrow>div{min-width:0}.listrow p{overflow-wrap:anywhere}
 .page.inbox-page{display:flex;overflow:hidden;padding:8px}.inbox-page>.pagehead{display:none}.inbox-page>.inbox{height:100%;min-height:0;border-radius:10px}.inbox{display:block}.inbox>.contacts{height:100%;max-height:none;border:0}.inbox>.chat{height:100%;min-height:0}.inbox>.chat~.detail{display:none}.inbox:has(>.chat)>.contacts{display:none}.inbox>.empty{height:100%;display:none}.mobile-chat-back{display:inline-grid;place-items:center;flex:0 0 auto;width:38px;height:38px;padding:0}.chathead{padding:8px;align-items:flex-start}.chathead>div:nth-child(2){min-width:0;flex:1}.chathead>div:nth-child(2) b,.chathead>div:nth-child(2) small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chathead>.row{width:auto;max-width:42%;overflow-x:auto;flex-wrap:nowrap}.chathead>.row button{font-size:.68rem;white-space:nowrap;padding:7px}.messages{padding:12px;gap:10px}.bubble{max-width:92%;font-size:.9rem}.composer{padding:8px;max-height:55%;overflow-y:auto}.composer textarea{height:50px}.composer>.row{align-items:flex-end}.composer>.row>.row{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.composer>.row>.row button{padding:8px 4px;font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.composer>.row>.primary{padding:10px 12px}.composer .check,.composer>small{font-size:.7rem}
 .page.simulator-page{padding:8px;overflow:hidden}.simulator-page>.pagehead,.simulator-page>.notice{display:none}.simulator-page>.simulator-card{height:100%;min-height:0;display:block}.simulator-page .simulator-help{display:none}.simulator-page .simulator-phone{height:100%!important;min-height:0!important;border-radius:10px}.simulator-page .simulator-messages{padding:12px}.simulator-page .simulator-compose{padding:8px}.simulator-page .simulator-tools{padding:0 8px 8px;overflow-x:auto;flex-wrap:nowrap}.simulator-page .simulator-tools button{white-space:nowrap}.update-hero{align-items:flex-start;flex-direction:column}.update-protections{grid-template-columns:1fr}.update-hero h2{font-size:25px}
 dialog{width:calc(100vw - 18px);max-height:calc(100dvh - 18px);padding:17px;margin:auto}.flow-studio{min-height:100%;height:auto}.studio-toolbar,.studio-actions{padding-left:9px;padding-right:9px}.campaign-world{margin:-15px -11px;padding:15px 10px calc(28px + env(safe-area-inset-bottom))}.campaign-hero{padding:18px}.campaign-form-block{padding:18px 14px}.campaign-final{padding:17px 14px}.tablewrap{max-width:100vw}
}
@media(max-width:390px){.stats{grid-template-columns:1fr}.top-company small .badge{display:none}.composer>.row>.row{grid-template-columns:repeat(2,1fr)}}

/* 0.1.29: guided menus, persistent save feedback and independent scrolling. */
.flow-studio{display:flex;flex-direction:column;height:100dvh;min-height:0;overflow:hidden}
.flow-studio>.studio-toolbar,.flow-studio>.studio-guide,.flow-studio>.studio-connection,.flow-studio>.studio-actions{flex-shrink:0}
.flow-studio>.studio-builder{flex:1;min-height:0;height:auto;grid-template-columns:170px minmax(280px,1fr) 350px}
.studio-toolbar{flex-wrap:wrap}.studio-toolbar .studio-name{width:min(400px,35vw)}.studio-name label{display:block;color:#bdd2e8;font-size:.7rem}
.studio-guide{justify-content:flex-start;flex-wrap:wrap;gap:8px}
.studio-guide button{background:#203d60;color:#dcecfb;border-color:#446281;font-size:.8rem;padding:9px 13px}
.studio-guide button.active{background:#d1faf0;color:#07453e;border-color:#69e8ce;font-weight:800}
#flow-view-toggle{margin-left:auto}.flow-outline{display:none}
.flow-studio.guided>.studio-builder{display:grid;grid-template-columns:250px minmax(0,1fr);background:#0e2441}
.flow-studio.guided .visual-stage,.flow-studio.guided .visual-palette{display:none}
.flow-studio.guided .visual-inspector{grid-column:auto;border-left:1px solid #395676;padding:28px clamp(24px,4vw,70px) 38px;height:100%;overflow-y:auto}
.flow-studio.guided .visual-inspector>.field textarea{min-height:140px}
.flow-studio.guided .visual-inspector h3{font-size:1.3rem}
.flow-studio.guided .flow-outline{display:flex;flex-direction:column;gap:8px;min-height:0;overflow-y:auto;padding:20px 14px 30px}
.flow-outline h3{color:#f2f8ff;margin:0}.flow-outline p,.flow-outline small{color:#bdd2e8;font-size:.8rem;line-height:1.5}
.flow-outline button{display:flex;flex-direction:column;gap:4px;text-align:left;background:#1c395b;color:#e3effb;border-color:#385879;overflow-wrap:anywhere}
.flow-outline button.active{border-color:#62e1ce;background:#125a61;color:white}.flow-outline-options{display:grid;gap:7px}
.flow-outline-options small{font-size:.72rem}.flow-coach{background:#0e454e;border:1px solid #28817e;border-radius:12px;padding:15px 18px;color:#e0fff9;margin:12px 0 22px;line-height:1.65}
.flow-coach b{color:#a0f6e1}.flow-coach p{margin:5px 0 0;color:#ddf4ef;font-size:.9rem}
.flow-root-list{display:grid;gap:9px;margin:16px 0}.flow-root-list button{text-align:left;padding:14px;background:#25466c;color:#f1f7ff;border-color:#597698;font-weight:700}
.inspector-navigation{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}
.flow-advanced{margin:20px 0;border:1px solid #496885;border-radius:9px;padding:12px}.flow-advanced>summary{color:#c7e5fa;cursor:pointer;font-weight:700;padding:3px 0 9px}
.flow-studio .inspector-actions{position:static;background:none;padding:10px 0;display:flex;flex-wrap:wrap}.flow-studio .inspector-actions button{width:auto;flex:1 1 220px}
.flow-preview{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.6;background:#e3f5ed;color:#133a31;border-radius:14px;padding:20px;max-width:100%;margin:10px 0 18px}
.flow-publish{border-top:1px solid #57718e;margin-top:25px;padding-top:20px}.flow-publish p{color:#c8d9ed;line-height:1.6}
.flow-save-state{font-size:.83rem;line-height:1.4;padding:7px 0}.flow-save-state[data-state="dirty"],.studio-actions>.flow-save-state[data-state="dirty"]{color:#ffd17d}
.flow-save-state[data-state="error"],.studio-actions>.flow-save-state[data-state="error"]{color:#ffaeb8}
.flow-save-state[data-state="saved"],.studio-actions>.flow-save-state[data-state="saved"]{color:#8fedd1}
.flow-editor-shell>.flow-save-state[data-state="dirty"]{color:#865d06}.flow-editor-shell>.flow-save-state[data-state="error"]{color:#b42640}.flow-editor-shell>.flow-save-state[data-state="saved"]{color:#18705b}
.studio-actions{flex-wrap:wrap;background:#102440;gap:8px}.studio-actions>.flow-save-state{display:block;flex:1 1 250px;min-width:0}
.studio-actions button{white-space:normal}.studio-builder .visual-inspector .muted{color:#b8d0e9}
#sim-back-flow{font-size:.78rem;padding:7px 10px;max-width:100%;white-space:normal}
@media(max-width:850px){
 .shell.flow-focus .page{overflow:hidden}.flow-studio{height:100dvh;min-height:0}
 .flow-studio>.studio-builder{display:flex;overflow-y:auto;min-height:0}.flow-studio.guided>.studio-builder{display:block;overflow-y:auto}
 .flow-studio.guided .flow-outline{display:none}.flow-studio.guided .visual-inspector{height:auto;overflow:visible;padding:20px 15px 26px;border:0}
 .flow-studio .visual-stage{flex:0 0 52vh;height:52vh;min-height:350px}
 .flow-studio .visual-palette,.flow-studio .visual-inspector{flex-shrink:0;height:auto;overflow:visible}
 .studio-toolbar{position:static;gap:8px}.studio-toolbar .studio-name{flex:1 1 150px;width:auto}.studio-toolbar>.flow-status,.studio-toolbar>.help-tip{display:none}
 .studio-history{margin-left:0}.studio-toolbar button{font-size:.75rem;padding:7px 10px}.studio-history .history-main{padding:7px 10px;font-size:.75rem}
 .studio-guide{gap:5px;overflow:visible}.studio-guide button{font-size:.73rem;padding:7px 9px}#flow-view-toggle{margin-left:0}
 .studio-actions{position:static;padding:8px 10px calc(9px + env(safe-area-inset-bottom));min-height:0;gap:6px}
 .studio-actions>.flow-save-state{display:block;flex-basis:100%;font-size:.72rem;padding:0}
 .studio-actions button{font-size:.72rem;padding:9px 7px;flex:1 1 90px}
 .flow-studio .visual-inspector .row{flex-wrap:wrap}.flow-studio .visual-inspector .row h3{overflow-wrap:anywhere}
}

/* Connection and team editors, including narrow screens. */
.connection-section{padding:16px 0;border-bottom:1px solid var(--border,#dce4ed)}
.connection-section summary{cursor:pointer;font-weight:700;padding:10px 0;font-size:1.02rem}
.connection-section[open] summary{margin-bottom:12px}
.connection-days{display:flex;flex-wrap:wrap;gap:12px;padding:12px 0}
.connection-save{position:sticky;bottom:0;padding:14px 0;background:var(--surface,#fff);border-top:1px solid var(--border,#dce4ed);z-index:2}
.connection-save p{margin:0 0 10px}.connection-save .row{justify-content:flex-end}
.error{color:#b42318!important}.team-list .listrow{gap:16px;flex-wrap:wrap}.team-list small{display:block;margin:5px 0}
[hidden]{display:none!important}
@media(max-width:760px){.connection-section .grid,#team-access-fields .grid{grid-template-columns:1fr}.connection-save button{flex:1}.team-list .row{width:100%}}