/* r12 lane T (the bot wave): "העוזר בוואטסאפ" screens. Logical properties only; #534 density (row 44-48, button 36,
   page padding 24, card gap 16; touch targets 44). Fonts 16/14/13 (#408). The phone frame is drawn at a real phone width. */
#xv .bt-scr>*{flex-shrink:0}
#xv .bt-scr{flex:1;min-width:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--inset,24px);display:flex;flex-direction:column;gap:16px;color:var(--ink);container-type:inline-size}
html.m #xv .bt-scr{overflow:visible;padding:.75rem 1rem calc(5rem + env(safe-area-inset-bottom))}
.bt-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:999px;background:var(--band);align-self:flex-start;max-inline-size:100%}
.bt-tabs a{display:inline-flex;align-items:center;gap:.5rem;min-height:36px;padding-inline:.875rem;border-radius:999px;color:var(--body);text-decoration:none;font-size:var(--fs-s);font-weight:500;white-space:nowrap}
.bt-tabs a:hover{color:var(--ink)}
.bt-tabs a[aria-current="page"]{background:var(--sheet);color:var(--ink);font-weight:600;box-shadow:0 0 0 1px var(--card-line)}
.bt-tabs a:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
html.m .bt-tabs{border-radius:16px;align-self:stretch}
html.m .bt-tabs a{min-height:44px;flex:1 1 auto;justify-content:center}

/* conversation layout: scenario list, frame, side */
.bt-cv{display:grid;grid-template-columns:minmax(220px,248px) minmax(320px,380px) minmax(0,1fr);gap:16px;align-items:start}
.bt-cv2{grid-template-columns:minmax(320px,380px) minmax(0,1fr)}
@container (max-width:1060px){.bt-cv{grid-template-columns:minmax(320px,380px) minmax(0,1fr)}.bt-cv .bt-lc{grid-column:1/-1}.bt-lc .bt-list ul{display:flex;flex-wrap:wrap;gap:6px}.bt-lc .bt-list li{flex:0 1 auto}.bt-lc .bt-lg{flex-basis:100%}}
@container (max-width:720px){.bt-cv,.bt-cv2{grid-template-columns:minmax(0,1fr)}}
.bt-lc,.bt-fc,.bt-sd{min-width:0}
.bt-sd{display:flex;flex-direction:column;gap:16px}
.bt-list ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.bt-lg{font-size:var(--fs-s);font-weight:600;color:var(--body);padding:.75rem .5rem .25rem}
.bt-lg:first-child{padding-block-start:0}
.bt-list button{display:flex;align-items:center;gap:.5rem;inline-size:100%;min-height:44px;padding:.375rem .625rem;border-radius:10px;border-inline-start:3px solid transparent;text-align:start;color:var(--ink);font-size:var(--fs-s);line-height:1.35;background:transparent}
.bt-list button:hover{background:var(--hover)}
.bt-list button[aria-pressed="true"]{background:var(--action-soft);font-weight:600;border-inline-start-color:var(--action)}
.bt-list button:focus-visible{outline:2px solid var(--focus);outline-offset:1px}
.bt-lc .bt-list button{inline-size:auto}
html.m .bt-list ul{display:flex;flex-wrap:wrap;gap:6px}
html.m .bt-list button{border:1px solid var(--card-line);border-inline-start-width:3px;background:var(--sheet)}

/* the phone frame, WhatsApp style */
.bt-ph,.bt-web{margin:0;display:flex;flex-direction:column;inline-size:100%;max-inline-size:380px;border-radius:28px;border:8px solid var(--ink);background:var(--sheet);overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.12)}
html.m .bt-ph,html.m .bt-web{border-width:4px;border-radius:20px;max-inline-size:none}
.bt-top{display:flex;align-items:center;gap:.625rem;padding:.625rem .75rem;background:var(--action);color:#fff;min-height:56px}
.bt-av{inline-size:36px;block-size:36px;border-radius:999px;display:grid;place-items:center;background:rgba(255,255,255,.18);flex:none}
.bt-tt{display:flex;flex-direction:column;min-width:0}
.bt-tt b{font-size:var(--fs-m);font-weight:600;line-height:1.3}
.bt-tt small{font-size:.8125rem;opacity:.95;line-height:1.3}
:root[data-pal="dark"] .bt-top{background:#1E3A2E;color:#EDEAE4}
.bt-sc{flex:1;min-block-size:320px;max-block-size:min(62vh,600px);overflow-y:auto;padding:.75rem .625rem;background:var(--band)}
.bt-sc:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}
html.m .bt-sc{max-block-size:none;min-block-size:0}
.bt-log{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.bt-log>li{display:flex;flex-direction:column;max-inline-size:86%}
.bt-th{align-self:flex-start;align-items:flex-start}
.bt-me{align-self:flex-end;align-items:flex-end}
.bt-bub{padding:.4375rem .625rem .3125rem;border-radius:12px;font-size:.9375rem;line-height:1.5;color:var(--ink);box-shadow:0 1px 1px rgba(0,0,0,.08);min-width:72px;overflow-wrap:anywhere}
.bt-th .bt-bub{background:var(--sheet);border-start-start-radius:4px}
.bt-me .bt-bub{background:var(--s-done-f);border-start-end-radius:4px}
.bt-bub p{margin:0}
.bt-bub p+p,.bt-bub .bt-pre+p{margin-block-start:.375rem}
.bt-who{display:block;font-size:.8125rem;font-weight:600;color:var(--action);margin-block-end:2px}
.bt-pre{margin:.375rem 0;padding:.375rem .625rem;border-inline-start:3px solid var(--action);background:var(--page);border-radius:4px 8px 8px 4px;font-size:var(--fs-s);line-height:1.55}
.bt-tm{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-block-start:2px;font-size:.8125rem;color:var(--mute)}
.bt-tick{color:#2F7FB8;display:inline-flex}
:root[data-pal="dark"] .bt-tick{color:#7DC2F0}
.bt-url{color:var(--action);text-decoration:underline;text-underline-offset:2px;unicode-bidi:isolate}
.bt-ok .bt-bub{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--s-done-k) 55%,transparent)}
.bt-bad .bt-bub{background:var(--s-no-f)}
.bt-dim .bt-bub{font-style:italic;color:var(--body)}
.bt-cap{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;margin:3px 2px 0;font-size:.8125rem;color:var(--body);line-height:1.45}
.bt-day{align-self:center!important;max-inline-size:none!important;margin-block:4px}
.bt-day span{display:inline-block;padding:2px 10px;border-radius:8px;background:var(--sheet);color:var(--body);font-size:.8125rem;box-shadow:0 1px 1px rgba(0,0,0,.06)}
.bt-nt{align-self:stretch!important;max-inline-size:none!important;flex-direction:row!important;gap:6px;align-items:flex-start;margin:2px 4px;padding:.375rem .625rem;border:1px dashed var(--card-line);border-radius:10px;background:var(--page);font-size:.8125rem;line-height:1.5;color:var(--body)}
.bt-nt .i{margin-block-start:.15rem;flex:none}
.bt-why{color:var(--body)}
.bt-voice{display:flex;align-items:center;gap:8px;min-inline-size:180px;padding-block:2px}
.bt-wave{display:flex;align-items:center;gap:2px;flex:1;block-size:22px}
.bt-wave i{display:block;inline-size:3px;border-radius:2px;background:var(--body);opacity:.7;block-size:30%}
.bt-wave i:nth-child(3n){block-size:80%}.bt-wave i:nth-child(4n+1){block-size:55%}.bt-wave i:nth-child(5n+2){block-size:100%}
.bt-img{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;inline-size:180px;block-size:120px;border-radius:8px;background:var(--page);color:var(--body);font-size:.8125rem}
.bt-opts{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:.5rem .625rem .625rem;background:var(--sheet);border-block-start:1px solid var(--card-line)}
.bt-o{display:inline-flex;align-items:center;gap:4px;min-height:36px;padding:.25rem .75rem;border-radius:999px;border:1px solid var(--action);color:var(--action);background:var(--sheet);font-size:var(--fs-s);font-weight:500;text-align:start;line-height:1.35}
.bt-o:hover{background:var(--action-soft)}
.bt-o:focus-visible,.bt-rs:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.bt-ov{border-style:dashed;color:var(--body);border-color:var(--body)}
html.m .bt-o{min-height:44px}
.bt-rs{display:inline-flex;align-items:center;gap:4px;min-height:36px;margin-inline-start:auto;font-size:var(--fs-s)}
html.m .bt-rs{min-height:44px}
.bt-end{font-size:var(--fs-s);color:var(--body)}
.bt-proofl{display:flex;align-items:center;gap:6px;margin:0;padding:.375rem .75rem;background:var(--s-done-f);color:var(--s-done-k);font-size:.8125rem;font-weight:600}

/* the website chat */
.bt-web{max-inline-size:380px;border-radius:16px;border-width:1px;border-color:var(--card-line)}
.bt-wtop{background:var(--ink);color:var(--sheet)}
:root[data-pal="dark"] .bt-wtop{background:#2C2A26;color:#EDEAE4}
.bt-wseg{margin:.5rem .625rem 0;align-self:flex-start}
.bt-web .bt-sc{min-block-size:220px}
.bt-priv{display:flex;flex-wrap:wrap;align-items:flex-start;gap:4px 6px;margin:0;padding:.5rem .75rem;font-size:.8125rem;line-height:1.5;color:var(--body);border-block-start:1px solid var(--card-line);background:var(--sheet)}
.bt-priv>.i{margin-block-start:.15rem}
.bt-priv>span:first-of-type{flex:1 1 220px}
.bt-win{display:flex;gap:6px;padding:.5rem .625rem .625rem;background:var(--sheet)}
.bt-win input{flex:1;min-width:0;min-height:36px;padding-inline:.75rem;border-radius:999px;border:1px solid var(--field-line);background:var(--sheet);color:var(--ink);font:inherit;font-size:var(--fs-s)}
.bt-win input:disabled{background:var(--band);color:var(--body)}
.bt-win input::placeholder{color:var(--body);opacity:1}
html.m .bt-win input,html.m .bt-win .pbtn{min-height:44px}

/* side cards */
.bt-s{display:flex;flex-direction:column;gap:.625rem;padding:1rem 1.25rem;border-radius:var(--r-card);min-width:0}
.bt-s h2{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:700;color:var(--ink)}
.bt-s p{margin:0;line-height:1.55}
.bt-h3{margin:.25rem 0 0;font-size:var(--fs-s);font-weight:700;color:var(--ink)}
.bt-mu{font-size:var(--fs-s);color:var(--body)}
.bt-ta{display:flex;flex-direction:column;gap:.5rem;padding:.875rem 1rem;border-radius:var(--r-card);background:var(--band);font-size:var(--fs-s);line-height:1.55}
.bt-ta dl{margin:0;display:grid;gap:.5rem}
.bt-ta dl>div{display:grid;grid-template-columns:48px minmax(0,1fr);gap:.5rem}
.bt-ta dt{font-weight:700;color:var(--ink)}
.bt-ta dd{margin:0;color:var(--ink)}
.bt-spec{display:flex;gap:6px;align-items:flex-start;margin:0;color:var(--body);font-size:.8125rem}
.bt-spec .i{margin-block-start:.15rem;flex:none}
.bt-cl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.bt-cl li{padding:.5rem .75rem;border-radius:8px;background:var(--s-req-f);color:var(--ink);font-size:var(--fs-s);line-height:1.5;border-inline-start:3px solid var(--s-req-k)}
.bt-code{font-size:1.25rem;letter-spacing:.2em;padding:2px 8px;border-radius:6px;background:var(--band)}
.bt-lock{display:flex;gap:6px;align-items:flex-start;padding:.5rem .75rem;border-radius:8px;background:var(--s-no-f);color:var(--ink);font-size:var(--fs-s)}
.bt-pushb{padding:.5rem .75rem;border-radius:12px;background:var(--band);font-size:var(--fs-s)}
.bt-sentb{padding:.5rem .75rem;border-radius:8px;background:var(--s-done-f);font-size:var(--fs-s);line-height:1.55;overflow-wrap:anywhere}
.bt-sentb p{margin:0}
.bt-pl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.bt-pl li{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:.5rem;min-height:44px;border-block-end:1px solid var(--line-soft);font-size:var(--fs-s)}
.bt-pl li:last-child{border-block-end:0}
.bt-pk{color:var(--body);font-weight:600}
.tg.bt-done{background:var(--s-done-f);color:var(--s-done-k)}
.tg.bt-req{background:var(--s-req-f);color:var(--s-req-k)}
.tg.bt-no{background:var(--s-no-f);color:var(--s-no-k);white-space:normal;height:auto;min-height:24px}
.bt-meter{display:flex;align-items:center;gap:.75rem}
.bt-meter b{font-size:1.125rem;white-space:nowrap}
.bt-bar{flex:1;block-size:8px;border-radius:999px;background:var(--band);overflow:hidden}
.bt-bar i{display:block;block-size:100%;background:var(--action);border-radius:999px}
.bt-chk{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:var(--fs-s)}
.bt-chk li{display:flex;align-items:flex-start;gap:6px;color:var(--body);line-height:1.5}
.bt-chk li.ok{color:var(--ink)}
.bt-chk li .i{margin-block-start:.2rem;flex:none}
.bt-chk li.ok .i{color:var(--s-done-k)}
.bt-kn{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.bt-kr{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding-block:.5rem;border-block-end:1px solid var(--line-soft);min-height:56px;flex-wrap:wrap}
.bt-kr>div{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 220px;font-size:var(--fs-s);line-height:1.5}
.bt-kr small{color:var(--body);font-size:.8125rem}
.bt-ka{display:flex;gap:6px;flex-wrap:wrap}
.bt-ke{flex-direction:column;align-items:stretch}
.bt-ask{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.bt-ask li{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:48px;border-block-end:1px solid var(--line-soft);font-size:var(--fs-s);flex-wrap:wrap}
.bt-ask small{color:var(--body)}
.bt-add{display:flex;flex-direction:column;gap:.5rem}
.bt-add .fld,.bt-ke .fld,#btRows .fld{display:flex;flex-direction:column;gap:4px;font-size:var(--fs-s)}
.bt-add input,.bt-add textarea,.bt-ke textarea,#btRows textarea{min-height:36px;padding:.375rem .625rem;border-radius:8px;border:1px solid var(--field-line);background:var(--sheet);color:var(--ink);font:inherit;font-size:var(--fs-s);resize:vertical}
.bt-add .pbtn{align-self:flex-start}
.bt-kmsg{margin:0;font-size:var(--fs-s);color:var(--ink);min-block-size:1em}
.bt-kmsg:empty{display:none}
.bt-tbl{inline-size:100%;border-collapse:collapse;font-size:var(--fs-s)}
.bt-tbl th,.bt-tbl td{text-align:start;padding:.5rem .625rem;border-block-end:1px solid var(--line-soft);vertical-align:top;line-height:1.45}
.bt-tbl thead th{color:var(--body);font-weight:600;white-space:nowrap}
.bt-tbl tbody th{font-weight:500}
.bt-tw{overflow-x:auto;max-inline-size:100%;border-radius:8px}
.bt-tw:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.bt-zero{display:flex;flex-wrap:wrap;gap:.375rem;align-items:baseline;padding:.5rem .75rem;border-radius:8px;background:var(--s-done-f);font-size:var(--fs-s)}
.bt-zero b{color:var(--s-done-k)}

/* settings grid */
.bt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,400px),1fr));gap:16px;align-items:start}
.bt-wide{grid-column:1/-1}
.bt-st{display:flex;align-items:flex-start;gap:.5rem;padding:.625rem .75rem;border-radius:10px;font-size:var(--fs-m);line-height:1.5}
.bt-st.on{background:var(--s-done-f)}.bt-st.on .i{color:var(--s-done-k)}
.bt-st.off{background:var(--band)}
.bt-st .i{margin-block-start:.2rem;flex:none}
.bt-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:56px;padding-block:.375rem;border-block-start:1px solid var(--line-soft)}
.bt-row>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.bt-row small{font-size:var(--fs-s);color:var(--body);line-height:1.5}
.bt-why{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:var(--fs-s);line-height:1.5}
.bt-why li{display:flex;gap:6px;align-items:flex-start}
.bt-why li>.i{margin-block-start:.2rem;flex:none}
.bt-act{display:flex;flex-wrap:wrap;gap:.5rem}
html.m .bt-act .pbtn,html.m .bt-s .pbtn.sm{min-height:44px}
.bt-lv{margin:0;padding:.5rem 0;border:0;border-block-start:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;min-height:56px}
.bt-lv legend{float:inline-start;display:flex;flex-direction:column;gap:2px;padding:0;font-size:var(--fs-m)}
.bt-lv legend small{font-size:var(--fs-s);color:var(--body)}
.bt-seg{display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:var(--band);margin-inline-start:auto}
.bt-seg label{display:inline-flex;align-items:center;min-height:32px;padding-inline:.75rem;border-radius:999px;font-size:var(--fs-s);color:var(--body);cursor:pointer;position:relative}
.bt-seg input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.bt-seg label:has(input:checked){background:var(--sheet);color:var(--ink);font-weight:600;box-shadow:0 0 0 1px var(--card-line)}
.bt-seg label:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:1px}
.bt-seg label.dis{color:var(--mute);cursor:not-allowed;text-decoration:line-through}
html.m .bt-seg label{min-height:44px}
.bt-mini{padding:.5rem .75rem;border-radius:10px;background:var(--s-done-f);font-size:var(--fs-s);line-height:1.55}
.bt-mini.old{background:var(--band)}
.bt-mini p{margin:0}
.bt-one{display:flex;flex-direction:column;gap:2px;padding:.625rem .75rem;border-radius:10px;background:var(--s-req-f);border-inline-start:4px solid var(--s-req-k);font-size:var(--fs-s);line-height:1.5}
.bt-vs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:.75rem}
.bt-vs>div{display:flex;flex-direction:column;gap:.375rem}
.bt-dry{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:var(--fs-s)}
.bt-cw{margin:0;padding:0;border:0;display:flex;flex-direction:column;gap:.5rem}
.bt-cw legend{margin-block-end:.5rem;font-size:var(--fs-s);color:var(--body)}
.bt-cwo{display:flex;gap:.625rem;align-items:flex-start;padding:.625rem .75rem;border:1px solid var(--card-line);border-radius:10px;font-size:var(--fs-s);line-height:1.55;cursor:pointer;min-height:44px}
.bt-cwo:has(input:checked){border-color:var(--action);background:var(--action-soft)}
.bt-cwo input{margin-block-start:.25rem;inline-size:18px;block-size:18px;accent-color:var(--action);flex:none}
/* the scenario picker: a list on the computer, a select on the phone */
.bt-sel{display:none;flex-direction:column;gap:4px;font-size:var(--fs-s);color:var(--body)}
.bt-sel select{min-height:44px;padding-inline:.75rem;border-radius:10px;border:1px solid var(--field-line);background:var(--sheet);color:var(--ink);font:inherit;font-size:var(--fs-m)}
html.m .bt-sel{display:flex}
html.m .bt-list{display:none}