/* Campaigns, automations, inbox, reports */
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#F2B544;color:#14315C;font-size:12px;font-weight:800;margin-left:4px}
.chip{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:8px 14px;font-weight:600;cursor:pointer;min-height:40px;text-align:left}
.chip:hover{border-color:var(--muted)}
.chip[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.steps .stepbtn{border:0;background:none;color:inherit;font:inherit;padding:0;cursor:pointer}
.steps li{padding:0}
.steps li .stepbtn{display:block;padding:6px 12px}
.inp,.sel{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);min-height:44px;font:inherit;color:inherit;min-width:0}
.builder{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}
@media (max-width:900px){.builder{grid-template-columns:minmax(0,1fr)}}
.block{border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:10px;background:var(--surface)}
.block .form{gap:10px}
.pvwrap{position:sticky;top:90px}
.pvframe{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#eee;margin:0 auto;transition:max-width .2s}
.pvframe.desktop{max-width:100%}
.pvframe.mobile{max-width:375px}
.pvframe iframe{display:block;width:100%;height:640px;border:0;background:#eee}
.seg{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.seg button{border:0;background:var(--surface);padding:8px 12px;font-weight:600;cursor:pointer;color:var(--muted);min-height:38px}
.seg button+button{border-left:1px solid var(--line)}
.seg button[aria-pressed="true"]{background:var(--accent-soft);color:var(--accent-strong)}
.phone{background:var(--sunk);border-radius:22px;padding:18px 14px;min-height:160px;max-width:320px}
.bubble{background:#E9E9EB;color:#111;border-radius:18px 18px 18px 4px;padding:10px 14px;font-size:15px;line-height:1.4;white-space:pre-wrap;word-wrap:break-word;max-width:85%}
.ico{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:800;flex:none;font-size:14px}
.ai mark{background:#FFE58A;color:#5a4300;border-radius:3px;padding:0 3px}
.note code,.check code{font-size:12px;word-break:break-all}
code.clip{display:inline-block;max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}
.clip1{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inbox{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:16px;min-height:520px}
.threads{display:flex;flex-direction:column;gap:6px;max-height:640px;overflow:auto}
.thread{display:flex;flex-direction:column;gap:2px;text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:10px 12px;cursor:pointer;min-height:56px;color:inherit;font:inherit}
.thread.on{border-color:var(--accent);background:var(--accent-soft)}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#F2B544;margin-right:6px;vertical-align:middle}
.pane{display:flex;flex-direction:column;gap:12px;min-width:0}
.msgs{flex:1;display:flex;flex-direction:column;gap:8px;overflow:auto;max-height:480px;padding:6px 2px}
.bub{max-width:80%;padding:10px 14px;border-radius:16px;white-space:pre-wrap;word-wrap:break-word}
.bub.in{align-self:flex-start;background:var(--sunk);border-bottom-left-radius:4px}
.bub.out{align-self:flex-end;background:var(--accent);color:var(--accent-ink);border-bottom-right-radius:4px}
.bub.out .muted{color:inherit;opacity:.8}
.narrow-only{display:none}
@media (max-width:760px){
.inbox{grid-template-columns:minmax(0,1fr)}
.inbox.has-thread .threads{display:none}
.inbox:not(.has-thread) .pane{display:none}
.narrow-only{display:inline-flex}
.pvwrap{position:static}
}
/* Top bar: brand, business, status on one line; navigation on its own row */
.top-in .nav{order:9;flex:1 1 100%;margin:0 -10px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.top-in .nav::-webkit-scrollbar{display:none}
.top-in .nav button{white-space:nowrap}
.top-in>.pill,.top-in>button.pill{margin-left:auto}
.top-in>[data-act="signout"]{margin-left:auto}
.top-in>.pill+[data-act="signout"]{margin-left:0}