/* portal v2: settings section styles (Receptionist and Account).
   One document-width column of flat cards. Each card holds rows: label and a
   one-line hint on the left, the control on the right. A sticky bar saves
   the page. Colours and radii come from tokens.css. */

/* ── Page, cards, rows ────────────────────────────────────────────────────── */
.set-page{max-width:800px;margin:0 auto;display:grid;gap:16px}
.set-card{margin:0}
.set-card-h{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 24px 4px}
.set-card-h h2{font:600 18px/1.3 var(--font-display);color:var(--ink);letter-spacing:-.01em}
.set-card-h p{font-size:14px;line-height:1.5;color:var(--body);margin-top:4px;max-width:60ch}
.set-card-h .btn{flex:none}
.set-card-b{padding:8px 24px 20px}
.set-card-h + .set-card-b{padding-top:8px}
.set-card-b:only-child{padding-top:20px}
.set-card.danger{border-color:#F1C7C2}

.set-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:8px 24px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}
.set-card-b > .set-row:first-child,.set-card-b > .set-note:first-child + .set-row{border-top:0}
.set-row.stack{grid-template-columns:minmax(0,1fr)}
.set-row-t{min-width:0}
.set-l{display:block;font:600 15px/1.35 var(--font-ui);color:var(--ink)}
.set-h{font-size:13.5px;line-height:1.45;color:var(--muted);margin-top:2px}
.set-row-c{min-width:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.set-row-c > .inp,.set-row-c > select.inp,.set-row-c > textarea.inp{flex:1 1 100%}
.set-row.set-sw{display:block;padding:2px 0}
.set-row.set-sw .sw-row{padding:12px 0}
.set-p{font-size:14.5px;line-height:1.6;color:var(--body);margin:0 0 10px}
.set-val{font:600 14.5px var(--font-ui);color:var(--ink)}
.set-foot{font-size:13px;color:var(--muted);text-align:center;margin:4px 0 0}
.set-ro .set-row-c{opacity:.8}

/* Inputs: the kit's .inp, plus small and number variants */
textarea.inp{min-height:76px;line-height:1.5;resize:vertical;font:400 15px/1.5 var(--font-ui)}
select.inp{appearance:none;-webkit-appearance:none;padding-right:36px;background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5' stroke='%2356706B' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") right 12px center/16px no-repeat;cursor:pointer}
.inp.sm{min-height:40px;padding:6px 12px;font-size:14.5px}
select.inp.sm{padding-right:32px;width:auto}
.inp.num{max-width:110px;font-variant-numeric:tabular-nums}
.inp:disabled{background:var(--bg);color:var(--muted);cursor:default}
.btn.sm{min-height:36px;padding:0 12px;font-size:13.5px}
.btn-icon.sm{width:36px;min-height:36px;height:36px;font:600 16px/1 var(--font-ui);flex:none}
.btn-icon.danger:hover{color:var(--danger);border-color:#F1C7C2}
.btn-icon:disabled{opacity:.4;cursor:default}
.btn svg{flex:none}

/* Notes, badges, links */
.set-note{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-btn);padding:12px 14px;font-size:14px;line-height:1.55;color:var(--body);margin:10px 0}
.set-note b{color:var(--ink)}
.set-note ul{margin:6px 0 0 18px}
.set-note.info{background:var(--teal-light);border-color:#C5E6DE}
.set-note.warn{background:var(--gold-light);border-color:#E8D49B;color:var(--gold)}
.set-note.warn b{color:var(--gold)}
.set-note.bad{background:var(--coral-light);border-color:var(--coral-border);color:var(--coral-text)}
.set-note.bad b{color:var(--coral-text)}
.set-badge{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 9px;border-radius:6px;font:600 12.5px var(--font-ui);white-space:nowrap;background:var(--surface-2);color:var(--body);border:1px solid var(--line);flex:none}
.set-badge.ok{background:var(--teal-light);color:var(--teal-dark);border-color:#C5E6DE}
.set-badge.warn,.set-badge.gold{background:var(--gold-light);color:var(--gold);border-color:#E8D49B}
.set-badge.bad{background:var(--coral-light);color:var(--coral-text);border-color:var(--coral-border)}
.set-link{display:inline-flex;align-items:center;min-height:32px;font:600 14px var(--font-ui);color:var(--teal-dark);text-decoration:underline;text-underline-offset:3px;padding:0;background:none;border:0;cursor:pointer;text-align:left}
.set-link:hover{color:var(--teal)}
.set-actrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 0 2px}
.set-linkcard{display:flex;align-items:center;gap:16px;padding:18px 24px;text-decoration:none;color:inherit;transition:border-color var(--t-fast)}
.set-linkcard:hover{border-color:var(--teal-border);color:inherit}
.set-linkcard b{font:600 15px var(--font-ui);color:var(--ink)}
.set-linkcard p{font-size:14px;color:var(--body);margin-top:2px}
.set-linkcard > span{margin-left:auto;font-size:24px;color:var(--muted)}

/* Meter: the app's teal bar on teal-light */
.set-meter{margin:12px 0}
.set-meter-t{display:flex;justify-content:space-between;gap:12px;font-size:14px;color:var(--body)}
.set-meter-t b{color:var(--ink);font-variant-numeric:tabular-nums}
.set-meter-bar{height:8px;border-radius:8px;background:var(--teal-light);overflow:hidden;margin-top:6px}
.set-meter-bar i{display:block;height:100%;border-radius:8px;background:var(--teal)}
.set-meter.low .set-meter-bar i{background:var(--reminder)}
.set-meter.over .set-meter-bar i{background:var(--coral)}

/* Scope (which line) */
.set-scope{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:12px 16px}
.set-scope-ic{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--teal-light);color:var(--teal);flex:none}
.set-scope-ic svg{width:18px;height:18px}
.set-scope b{font:600 15px var(--font-ui);color:var(--ink)}
.set-scope p{font-size:13.5px;color:var(--muted);margin-top:1px}
.set-scope-pick{margin-left:auto;flex:none}
.set-scope-pick select{height:40px;border:1px solid var(--line-2);border-radius:var(--r-pill);padding:0 34px 0 14px;font:600 14px var(--font-ui);color:var(--ink);background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5' stroke='%2356706B' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") right 10px center/16px no-repeat;appearance:none;-webkit-appearance:none}

/* Sticky save bar */
.set-bar{position:sticky;bottom:16px;z-index:40;max-width:800px;margin:16px auto 0;display:none;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-card);box-shadow:var(--pop);padding:10px 12px 10px 18px}
.set-bar.on{display:flex;animation:setBarIn var(--t-med) var(--ease-in)}
.set-bar-msg{flex:1;font:600 14.5px var(--font-ui);color:var(--ink);display:flex;align-items:center;gap:8px}
.set-bar-acts{display:flex;gap:8px}
.set-bar.saved{border-color:#9FD9B5;background:#F0FFF6}
.set-bar.saved .set-bar-acts{display:none}
.set-tick{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--st-done);color:#fff}
.set-tick svg{width:14px;height:14px}
@keyframes setBarIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* Radio cards (voice, answering mode) */
.set-radios{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}
.set-radio{position:relative;display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-card);cursor:pointer;background:var(--surface);transition:border-color var(--t-fast)}
.set-radio:hover{border-color:var(--teal-border)}
.set-radio.on{border:2px solid var(--teal);padding:13px 15px}
.set-radio.dis{cursor:default;opacity:.7}
.set-radio input{position:absolute;opacity:0;width:1px;height:1px}
.set-radio-dot{flex:none;width:20px;height:20px;border-radius:50%;border:2px solid var(--line-2);margin-top:1px;display:grid;place-items:center}
.set-radio.on .set-radio-dot{border-color:var(--teal)}
.set-radio.on .set-radio-dot:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--teal)}
.set-radio b{display:block;font:600 15px var(--font-ui);color:var(--ink)}
.set-radio small{display:block;font-size:13.5px;color:var(--muted);margin-top:2px}
.set-radio:has(input:focus-visible){outline:3px solid var(--teal);outline-offset:2px}

/* Play buttons */
.set-play{gap:8px}
.set-play-ic{width:0;height:0;border-left:9px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent}
.set-play[aria-pressed=true] .set-play-ic{width:10px;height:12px;border:0;border-left:3px solid currentColor;border-right:3px solid currentColor}

/* Chips used as controls */
.set-chips{display:flex;flex-wrap:wrap;gap:8px}
.set-chk{position:relative;display:inline-flex}
.set-chk input{position:absolute;opacity:0;width:1px;height:1px}
.set-chk span,.set-chip-tog,.set-chip-btn{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border:1px solid var(--line-2);border-radius:var(--r-pill);font:600 13.5px var(--font-ui);color:var(--body);background:var(--surface);cursor:pointer}
.set-chk input:checked + span,.set-chip-tog[aria-pressed=true]{background:var(--teal);border-color:var(--teal);color:#fff}
.set-chk input:focus-visible + span{outline:3px solid var(--teal);outline-offset:2px}
.set-chip-btn svg{width:16px;height:16px;color:var(--teal)}
.set-chip-btn:hover,.set-chip-tog:hover{border-color:var(--teal-border)}
.set-chkrow{display:flex;align-items:flex-start;gap:12px;padding:10px 0;cursor:pointer}
.set-chkrow input{width:20px;height:20px;margin-top:1px;accent-color:var(--teal);flex:none}
.set-chkrow b{display:block;font:600 14.5px var(--font-ui);color:var(--ink)}
.set-chkrow small{display:block;font-size:13px;color:var(--muted);margin-top:1px}

/* Dialog and popover */
.dlg.set-dlg{width:min(520px,100%);max-height:calc(100vh - 32px);display:flex;flex-direction:column}
.dlg.set-dlg.wide{width:min(620px,100%)}
.set-dlg-b{overflow:auto;margin:0 -4px;padding:4px}
.set-dlg .dlg-acts{flex-wrap:wrap}
.set-pop{position:fixed;z-index:300;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-btn);box-shadow:var(--pop);padding:12px;max-width:min(340px,calc(100vw - 16px))}
.set-pop-t{font:600 13px var(--font-ui);color:var(--muted);margin-bottom:8px}
.set-swatches{display:grid;grid-template-columns:repeat(6,40px);gap:8px}
.set-sw-btn{width:40px;height:40px;border-radius:50%;background:var(--c);border:3px solid var(--surface);box-shadow:0 0 0 1px var(--line)}
.set-sw-btn[aria-pressed=true]{box-shadow:0 0 0 2px var(--ink)}
.set-syms{display:grid;grid-template-columns:repeat(8,36px);gap:4px;max-height:260px;overflow:auto}
.set-sym{width:36px;height:36px;border-radius:8px;font-size:18px;line-height:1;display:grid;place-items:center}
.set-sym:first-child{grid-column:span 8;width:auto;font:600 13px var(--font-ui);color:var(--body);border:1px solid var(--line)}
.set-sym:hover{background:var(--teal-light)}
.set-sym[aria-pressed=true]{background:var(--teal-light);box-shadow:inset 0 0 0 2px var(--teal)}

/* ── How it answers ───────────────────────────────────────────────────────── */
.rx-body{display:grid;gap:16px}
.rx-health .set-card-h{align-items:center}
.rx-h-list{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.rx-h-item{display:flex;gap:12px;padding:10px 0}
.rx-h-item + .rx-h-item{border-top:1px solid var(--line)}
.rx-h-dot{flex:none;width:10px;height:10px;border-radius:50%;margin-top:6px;background:var(--st-done)}
.rx-h-item.warn .rx-h-dot{background:var(--coral)}
.rx-h-item.idle .rx-h-dot{background:var(--line-2)}
.rx-h-item b{font:600 15px var(--font-ui);color:var(--ink)}
.rx-h-item p{font-size:14px;line-height:1.5;color:var(--body);margin-top:1px}
.rx-greet{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:14px;margin-top:6px}
.rx-greet b{font:600 15px var(--font-ui);color:var(--ink)}
.rx-say{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-btn);padding:12px 14px;font-size:14.5px;line-height:1.55;color:var(--body);margin:8px 0}
.rx-ro{margin:0}
.rx-samples{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
.rx-qs,.rx-rt,.rx-rtq{list-style:none;margin:0;padding:0}
.rx-q{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--line)}
.rx-q:first-child{border-top:0}
.rx-q-n{flex:none;width:28px;height:28px;border-radius:50%;background:var(--teal-light);color:var(--teal-dark);font:600 13px/28px var(--font-ui);text-align:center;margin-top:8px}
.rx-q-f{flex:1;min-width:0;display:grid;gap:8px}
.rx-q-sub{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.rx-q-sub .inp{flex:1 1 180px}
.rx-req{display:inline-flex;align-items:center;gap:8px;font:600 13.5px var(--font-ui);color:var(--body);min-height:40px;cursor:pointer}
.rx-req input{width:18px;height:18px;accent-color:var(--teal)}
.rx-q-acts{display:flex;gap:4px;padding-top:4px}
.rx-qs + .btn,.rx-rt + .btn,#rxQs > .btn{margin-top:12px}
.rx-rt-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line)}
.rx-rt-row:first-child{border-top:0}
.rx-rt-row.off .rx-rt-t,.rx-rt-row.off .rx-key{opacity:.55}
.rx-key{flex:none;width:36px;height:36px;border-radius:10px;background:var(--teal-light);color:var(--teal-dark);font:600 17px/36px var(--font-display);text-align:center}
.rx-rt-t{flex:1;min-width:0}
.rx-rt-t b{display:block;font:600 15px var(--font-ui);color:var(--ink)}
.rx-rt-t span{display:block;font-size:13.5px;color:var(--muted);margin-top:1px}
.rx-2col{display:grid;grid-template-columns:1fr 1.4fr;gap:12px}
.rx-rtq li{display:flex;gap:8px;align-items:center;margin-bottom:8px}
.rx-rtq .inp{flex:1}

/* ── About my business ────────────────────────────────────────────────────── */
.ab-body{display:grid;gap:16px}
.ab-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ab-c{flex-wrap:nowrap;align-items:flex-start}
.ab-c > .inp,.ab-c > select.inp,.ab-c > .ab-hours{flex:1 1 auto;min-width:0}
.ab-c > .btn-icon{margin-top:4px}
.ab-hours{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-btn);padding:14px;display:grid;gap:10px;justify-items:start}
.ab-days{display:flex;flex-wrap:wrap;gap:6px}
.ab-day{min-width:48px;height:40px;padding:0 10px;border-radius:var(--r-pill);border:1px solid var(--line-2);background:var(--surface);font:600 13.5px var(--font-ui);color:var(--body)}
.ab-day[aria-pressed=true]{background:var(--teal);border-color:var(--teal);color:#fff}
.ab-span{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--body);font-size:14px}
.ab-dn{width:92px;font-weight:600;color:var(--ink)}
.ab-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px}
.ab-opts{max-height:46vh;overflow:auto;border:1px solid var(--line);border-radius:var(--r-btn);padding:4px 8px}
.ab-opt-sec{font:600 13px var(--font-ui);color:var(--muted);padding:12px 4px 4px}
.ab-opt{display:flex;gap:12px;align-items:flex-start;padding:10px 4px;cursor:pointer;border-radius:8px}
.ab-opt:hover{background:var(--surface-2)}
.ab-opt input{width:20px;height:20px;margin-top:1px;accent-color:var(--teal);flex:none}
.ab-opt span{font:600 14.5px var(--font-ui);color:var(--ink)}
.ab-opt small{display:block;font-weight:400;font-size:13px;color:var(--muted)}

/* ── FAQs ─────────────────────────────────────────────────────────────────── */
.fq-search{margin:4px 0 8px}
.fq-list{list-style:none;margin:0;padding:0}
.fq-row{border-top:1px solid var(--line)}
.fq-row:first-child{border-top:0}
.fq-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;width:100%;text-align:left;padding:14px 4px;border-radius:8px}
.fq-head:hover{background:color-mix(in srgb,var(--teal-light) 45%,transparent)}
.fq-head b{font:600 15px var(--font-ui);color:var(--ink);grid-column:1}
.fq-head span{grid-column:1;font-size:14px;color:var(--body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fq-warn{grid-column:2;grid-row:1/3;align-self:center;font:600 12.5px var(--font-ui);font-style:normal;color:var(--gold);background:var(--gold-light);border-radius:6px;padding:3px 8px}
.fq-edit{padding:14px 0 12px}
.fq-edit .fld{margin-bottom:12px}
.fq-acts{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.fq-acts .sp{flex:1}
.fq-gaps{background:var(--coral-light);border:1px solid var(--coral-border);border-radius:var(--r-btn);padding:12px 14px;margin:6px 0 12px}
.fq-gaps > b{font:600 14px var(--font-ui);color:var(--coral-text)}
.fq-gaps ul{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}
.fq-gaps li,.fq-log li{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.fq-gaps .set-badge.warn{background:var(--surface);color:var(--coral-text);border-color:var(--coral-border)}
.fq-utt{flex:1 1 200px;min-width:0;font-size:14.5px;color:var(--ink)}
.fq-log{list-style:none;margin:0;padding:0}
.fq-log li{padding:10px 0;border-top:1px solid var(--line)}
.fq-log li:first-child{border-top:0}
.fq-log time{font-size:13px;color:var(--muted);white-space:nowrap}

/* ── Customer texts ───────────────────────────────────────────────────────── */
.sms-who{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.sms-who > div{border:1px solid var(--line);border-radius:var(--r-btn);padding:14px;display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:center}
.sms-who b{font:600 15px var(--font-ui);color:var(--ink)}
.sms-who p{grid-column:1/-1;font-size:13.5px;line-height:1.5;color:var(--body);margin-top:4px}
.sms-who-ic{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--teal-light);color:var(--teal)}
.sms-who-ic.me{background:var(--coral-light);color:var(--coral-text)}
.sms-who-ic svg{width:16px;height:16px}
.sms-rule{border-top:1px solid var(--line)}
.sms-rule:first-child{border-top:0}
.sms-rule .sw-row{padding:14px 0}
.sms-rule-b{padding:0 0 16px}
.sms-meta{display:flex;justify-content:flex-end;margin-top:4px}
.sms-bubble{position:relative;max-width:min(420px,92%);margin-top:8px;padding:10px 14px;border-radius:18px 18px 18px 6px;background:#E9EEED;color:var(--ink);font-size:14.5px;line-height:1.45;white-space:pre-wrap;word-break:break-word}
.sms-bubble:before{content:"Example";display:block;font:600 12px var(--font-ui);color:var(--muted);margin-bottom:3px}
.sms-opt-add{display:flex;gap:8px;margin:6px 0 10px}
.sms-opt-add .inp{flex:1;min-width:0}
.sms-opts{list-style:none;margin:0;padding:0}
.sms-opts li{display:flex;align-items:center;gap:12px;padding:8px 0;border-top:1px solid var(--line)}
.sms-opts li:first-child{border-top:0}
.sms-opts li > span:first-child{font:600 14.5px var(--font-ui);color:var(--ink);font-variant-numeric:tabular-nums}
.sms-opts .btn{margin-left:auto}

/* ── Plan ─────────────────────────────────────────────────────────────────── */
.pl-cur{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:8px}
.pl-name{display:block;font:600 22px var(--font-display);color:var(--ink)}
.pl-price{display:block;font-size:14px;color:var(--muted);margin-top:2px}
.pl-facts{list-style:none;margin:6px 0 4px;padding:0;display:flex;flex-wrap:wrap;gap:6px 20px;font-size:14px;color:var(--body)}
.pl-facts b{color:var(--ink)}
.pl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;padding-top:8px}
.pl-tier{border:1px solid var(--line);border-radius:var(--r-card);padding:16px}
.pl-tier.cur{border:2px solid var(--teal);padding:15px}
.pl-tier-h{display:flex;align-items:center;justify-content:space-between;gap:8px}
.pl-tier-h b{font:600 16px var(--font-display);color:var(--ink)}
.pl-tier-p{font-size:13px;color:var(--muted);margin:6px 0 4px}
.pl-tier-p span{font:600 22px var(--font-display);color:var(--ink);margin-right:2px}
.pl-tier ul{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px;font-size:13.5px;line-height:1.45;color:var(--body)}
.pl-tier li{padding-left:20px;position:relative}
.pl-tier li:before{content:"";position:absolute;left:2px;top:5px;width:10px;height:6px;border-left:2px solid var(--teal);border-bottom:2px solid var(--teal);transform:rotate(-45deg)}
.pl-tier li.lead{font-weight:600;color:var(--ink)}
.pl-packs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%}
.pl-packs li{border:1px solid var(--line);border-radius:var(--r-btn);padding:10px 12px;display:grid;gap:2px;font-size:13.5px;color:var(--muted)}
.pl-packs li b{font:600 15px var(--font-ui);color:var(--ink)}
.pl-packs li.on{border:2px solid var(--teal);padding:9px 11px}
.pl-packs .set-badge{justify-self:start;margin-top:4px}
.pl-nums,.pl-inv{list-style:none;margin:0 0 8px;padding:0}
.pl-nums li{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line)}
.pl-nums li:first-child{border-top:0}
.pl-num-ic{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--teal-light);color:var(--teal);flex:none}
.pl-num-ic svg{width:18px;height:18px}
.pl-nums li > div{flex:1;min-width:0}
.pl-nums b{display:block;font:600 15px var(--font-ui);color:var(--ink)}
.pl-nums li > div span{display:block;font-size:13.5px;color:var(--muted);font-variant-numeric:tabular-nums}
.pl-inv a{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;padding:10px 0;border-top:1px solid var(--line);color:var(--ink);text-decoration:none;font-size:14px}
.pl-inv li:first-child a{border-top:0}
.pl-inv a span{color:var(--muted)}
.pl-inv-t{margin-left:auto;color:var(--ink)!important;font-weight:600}
.pj-q{display:flex;gap:8px;align-items:center;margin-bottom:8px}
.pj-q .inp{flex:1}

/* ── Team ─────────────────────────────────────────────────────────────────── */
.tm-list{list-style:none;margin:0;padding:0}
.tm-row{display:flex;align-items:center;gap:12px;padding:14px 0}
.tm-row.owner{padding-top:8px}
.tm-item{border-top:1px solid var(--line)}
.tm-row .uav{width:40px;height:40px;font-size:15px;display:grid;place-items:center;flex:none}
.tm-who{flex:1;min-width:0}
.tm-who b{display:block;font:600 15px var(--font-ui);color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tm-who > span{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13.5px;color:var(--muted);margin-top:2px}
.tm-edit{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-btn);padding:4px 16px 12px;margin:0 0 14px}
.tm-edit .set-row:first-child{border-top:0}
.tm-grp{border-top:1px solid var(--line);padding-top:10px;margin-top:4px}
.tm-grp > .set-l{font-size:13.5px;color:var(--muted)}
.tm-empty .empty2{padding:24px 12px}

/* ── Integrations ─────────────────────────────────────────────────────────── */
.in-list{list-style:none;margin:0;padding:0}
.in-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;align-items:start;padding:16px 0;border-top:1px solid var(--line)}
.in-row:first-child{border-top:0}
.in-t b{font:600 15px var(--font-ui);color:var(--ink)}
.in-t > p{font-size:14px;line-height:1.5;color:var(--body);margin-top:2px}
.in-acts{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}
.in-sm8{display:grid;gap:8px;margin-top:10px}
.in-lines{display:grid;gap:10px}
.in-line{display:grid;grid-template-columns:140px 1fr;align-items:center;gap:12px;font:600 14px var(--font-ui);color:var(--ink)}

/* ── Labels and insights ──────────────────────────────────────────────────── */
.lb-st,.lb-tags,.lb-ev{list-style:none;margin:0;padding:0}
.lb-st li,.lb-ev li{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line)}
.lb-st li:first-child,.lb-ev li:first-child{border-top:0}
.lb-st .inp,.lb-ev .inp{flex:1;min-width:0}
.lb-swatch{flex:none;width:40px;height:40px;border-radius:50%;background:var(--c);border:3px solid var(--surface);box-shadow:0 0 0 1px var(--line-2)}
.lb-swatch:hover:not(:disabled){box-shadow:0 0 0 2px var(--teal-border)}
.lb-prev{flex:none;width:150px}
.lb-sp{flex:none;width:58px}
.set-stchip{display:inline-flex;align-items:center;gap:6px;font:600 12.5px var(--font-ui);padding:3px 8px;border-radius:var(--r-chip);color:color-mix(in srgb,var(--c) 62%,#000);background:color-mix(in srgb,var(--c) 9.4%,#fff);border:1px solid color-mix(in srgb,var(--c) 38%,transparent);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.set-stchip i{width:8px;height:8px;border-radius:50%;background:var(--c);flex:none}
.lb-ev + .btn{margin-top:10px}
.lb-tag{border-top:1px solid var(--line)}
.lb-tag:first-child{border-top:0}
.lb-tag-h{display:flex;align-items:center;gap:12px;padding:12px 0}
.lb-tag-h .chip2{font-size:13px;padding:4px 9px}
.lb-tag-meta{flex:1;min-width:0;font-size:13.5px;color:var(--muted)}
.lb-tag-b{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-btn);padding:4px 16px 12px;margin:0 0 14px}
.lb-tag-b > .set-h{padding-top:10px}
.lb-pick{gap:8px}
.lb-dot{width:16px;height:16px;border-radius:50%;background:var(--c);flex:none}
.lb-money{display:inline-flex;align-items:center;gap:6px;font:600 15px var(--font-ui);color:var(--ink)}

/* ── Phones (bottom bar under 860px) ──────────────────────────────────────── */
@media (max-width:860px){
  .set-page{gap:12px}
  .set-card-h{padding:16px 16px 2px;flex-wrap:wrap}
  .set-card-b{padding:6px 16px 16px}
  .set-card-b:only-child{padding-top:16px}
  .set-linkcard{padding:16px}
  .set-row{grid-template-columns:minmax(0,1fr);gap:8px}
  .set-radios{grid-template-columns:minmax(0,1fr)}
  .set-bar{bottom:calc(76px + env(safe-area-inset-bottom));padding:10px;flex-wrap:wrap}
  .set-bar-msg{flex:1 1 100%;font-size:14px}
  .set-bar-acts{flex:1;justify-content:flex-end}
  .btn.sm,.inp.sm,.set-chk span,.set-chip-tog,.set-chip-btn,.set-link{min-height:44px}
  .btn-icon.sm{width:44px;height:44px;min-height:44px}
  .set-scope{flex-wrap:wrap}
  .set-scope > div{flex:1 1 calc(100% - 52px);min-width:0}
  .set-scope-pick{margin-left:0;flex:1 1 100%}
  .set-scope-pick select{width:100%}
  .sms-who,.rx-2col{grid-template-columns:minmax(0,1fr)}
  .pl-packs{grid-template-columns:minmax(0,1fr)}
  .rx-q{flex-wrap:wrap}
  .rx-q-acts{width:100%;justify-content:flex-end;padding-top:0}
  .rx-rt-row{flex-wrap:wrap}
  .rx-rt-t{flex:1 1 calc(100% - 60px)}
  .lb-st li{flex-wrap:wrap}
  .lb-st .inp{flex:1 1 calc(100% - 56px)}
  .lb-prev{width:auto;flex:1}
  .lb-sp{display:none}
  .tm-row{flex-wrap:wrap}
  .tm-who{flex:1 1 calc(100% - 56px)}
  .tm-row .btn{flex:1}
  .in-line{grid-template-columns:minmax(0,1fr);gap:4px}
  .ab-c{flex-wrap:wrap}
  .ab-dn{width:100%}
  .fq-acts .sp{display:none}
  .set-swatches{grid-template-columns:repeat(6,40px)}
  .set-syms{grid-template-columns:repeat(7,40px)}
  .set-sym{width:40px;height:40px}
  .set-sym:first-child{grid-column:span 7}
}
@media (prefers-reduced-motion:reduce){.set-bar.on{animation:none}}

/* Who answers your calls: one row per line, the same two choices as the app. */
.rx-who-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}
.rx-who-line:first-child{border-top:0;padding-top:4px}
.rx-who-t b{display:block;font:600 15px var(--font-ui);color:var(--ink)}
.rx-who-t span{font:400 13px var(--font-ui);color:var(--body)}
.rx-who-line .seg2 button{height:36px;padding:0 14px}
.rx-who-line .seg2[aria-busy=true]{opacity:.6;pointer-events:none}
.rx-who-s{grid-column:1/-1;margin:0;font:400 14px/1.45 var(--font-ui);color:var(--body)}
@media (max-width:560px){.rx-who-line{grid-template-columns:1fr}.rx-who-line .seg2{width:100%}.rx-who-line .seg2 button{flex:1}}