/* Раздел «Бот» в кабинете. Токены общие: цвета, углы и шрифты берутся из index.html */
#bot-main{min-width:0}
.bot-off{padding:22px var(--pad);display:grid;gap:8px;max-width:640px}
.bot-head .botpick{min-width:0;max-width:260px}
.bot-head .botpick select{padding:8px 10px;font-size:14px}

/* состояние вверху раздела */
.bstate{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:13px var(--pad);margin-bottom:var(--gap);position:relative;overflow:hidden;background:linear-gradient(112deg,var(--s1) 0%,var(--s1) 55%,color-mix(in srgb,var(--t,var(--s3)) 70%,transparent) 100%)}
.bstate .t{flex:1;min-width:190px}
.bstate .t b{display:block;font-size:15px;line-height:1.3}
.bstate .t small{display:block;font-size:13px;color:var(--mu);line-height:1.35}
.bstate .acts{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.bstate label.chk{cursor:pointer;color:var(--tx);font-weight:600}
.bseg{display:flex;width:max-content;margin-bottom:var(--gap)}
.bseg .n{font:600 11px var(--mono);color:var(--dim)}
@media (max-width:860px){.bseg{width:auto;flex-wrap:wrap}.bseg button{flex:1 1 30%;min-height:44px;justify-content:center}.bstep .x{width:44px;height:44px}}

/* сценарии */
.bflows{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:var(--gap)}
.bflow{padding:14px var(--pad);display:grid;gap:10px;align-content:start;min-width:0;transition:border-color .2s,box-shadow .25s,transform .2s var(--ease);position:relative}
.bflow:hover{border-color:var(--line2);box-shadow:var(--sh2);transform:translateY(-1px)}
.bflow.is-on{background:linear-gradient(165deg,var(--s1) 62%,color-mix(in srgb,var(--mint) 75%,transparent))}
.bflow.is-wait{background:linear-gradient(165deg,var(--s1) 62%,color-mix(in srgb,var(--sky) 75%,transparent))}
.bflow .top{display:flex;gap:10px;align-items:flex-start;min-width:0}
.bflow .top .t{flex:1;min-width:0}
.bflow .top b{display:block;font-size:15.5px;line-height:1.25;letter-spacing:-.01em;overflow-wrap:anywhere}
.bflow .top small{display:block;margin-top:3px;font-size:13px;color:var(--mu);line-height:1.35;overflow-wrap:anywhere}
.bnums{display:flex;gap:6px;flex-wrap:wrap}
.bnums span{display:inline-flex;align-items:baseline;gap:5px;padding:3px 9px;border-radius:8px;background:var(--s2);border:1px solid var(--line);font-size:12.5px;color:var(--mu)}
.bnums b{font:700 13px var(--sans);color:var(--tx);font-variant-numeric:tabular-nums}
.bnums .warn{background:var(--peach);border-color:transparent;color:var(--peach-i)}.bnums .warn b{color:var(--peach-i)}
.bflow .acts{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:2px}
.bflow .acts .sp{flex:1}
.bdraftline{font-size:12.5px;color:var(--peach-i)}
.bempty{padding:28px var(--pad);display:grid;gap:12px;justify-items:center;text-align:center;color:var(--mu);font-size:14.5px;max-width:560px;margin:0 auto}

/* шаблоны */
.bveil{position:fixed;inset:0;background:var(--veil);backdrop-filter:blur(3px);z-index:69}
.bdlg-modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:75;width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;background:var(--s1);border-radius:22px;box-shadow:var(--sh3);padding:20px;display:grid;gap:12px;grid-template-columns:minmax(0,1fr)}
.bdlg-modal:focus{outline:none}
.bdlg-modal h3{font-size:19px;letter-spacing:-.02em}
.btpls{display:grid;gap:8px}
.btpl{display:flex;gap:12px;align-items:flex-start;width:100%;padding:12px;border-radius:14px;border:1px solid var(--line);background:var(--s1);transition:border-color .2s,box-shadow .25s,transform .2s var(--ease)}
.btpl:hover{border-color:var(--ac-hi);box-shadow:var(--sh2);transform:translateY(-1px)}
.btpl b{display:block;font-size:14.5px;line-height:1.3}
.btpl small{display:block;font-size:13px;color:var(--mu);line-height:1.35;margin-top:2px}
.bvers{display:grid;gap:8px}
.bver{display:grid;gap:6px;padding:11px 12px;border-radius:12px;border:1px solid var(--line)}
.bver.on{border-color:var(--ac-hi);background:var(--ac-soft)}
.bver .r{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--mu)}
.bver .r b{color:var(--tx);font-size:14px}

/* редактор сценария */
body.botlock{overflow:hidden}
.bed{position:fixed;top:12px;right:12px;bottom:12px;width:min(1120px,calc(100vw - 24px));background:var(--bg);border-radius:24px;box-shadow:var(--sh3);z-index:70;display:flex;flex-direction:column;overflow:hidden}
.bed:focus{outline:none}
.bed-h{display:flex;align-items:center;gap:10px;padding:14px 18px;background:var(--s1);border-bottom:1px solid var(--line);flex-wrap:wrap}
.bed-h .nm{flex:1;min-width:180px}
.bed-h input{font-size:17px;font-weight:700;letter-spacing:-.02em;border-color:transparent;background:var(--s2);padding:8px 11px}
.bed-b{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 340px;overflow:hidden}
.bed-form{overflow:auto;padding:16px 18px 26px;display:grid;gap:12px;align-content:start;grid-template-columns:minmax(0,1fr)}
.bfs{border:0;display:contents;min-width:0}
.bed-side{overflow:auto;padding:16px 18px 20px 4px;display:grid;gap:12px;align-content:start;grid-template-columns:minmax(0,1fr)}
.bed-f{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:12px 18px calc(12px + env(safe-area-inset-bottom,0px));background:var(--s1);border-top:1px solid var(--line)}
.bed-f .hint{flex:1;min-width:190px}
.bed-f .bbad{color:var(--rose-i);font-weight:600}
.bsec{background:var(--s1);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh1);padding:14px var(--pad);display:grid;gap:12px;min-width:0;grid-template-columns:minmax(0,1fr)}
.bsec > header{display:flex;gap:10px;align-items:center;min-width:0}
.bsec > header .t{flex:1;min-width:0}
.bsec > header h3{font-size:15.5px;letter-spacing:-.015em;line-height:1.25}
.bsec > header p{font-size:13px;color:var(--mu);line-height:1.35}
.bnum{width:26px;height:26px;border-radius:9px;display:grid;place-items:center;flex:none;font:700 13px var(--sans);background:var(--tx);color:var(--inv)}
.bq{display:grid;gap:6px;min-width:0}
.bq > span{font-size:13px;font-weight:600;color:var(--mu)}
.bq .segc{justify-self:start}
.bfoot{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--dim);flex-wrap:wrap}
.bfoot .over{color:var(--bad);font-weight:600}
.berr{font-size:13px;color:var(--rose-i);background:var(--rose);border-radius:9px;padding:6px 10px;line-height:1.35;overflow-wrap:anywhere}
.bchips{display:flex;gap:6px;flex-wrap:wrap;align-items:center;padding:6px 8px;border:1px solid var(--line2);border-radius:var(--rs);background:var(--s1);min-height:44px;cursor:text;transition:border-color .2s,box-shadow .2s}
.bchips:focus-within{border-color:var(--ac-hi);box-shadow:0 0 0 4px var(--ac-soft)}
.bchips .c{display:inline-flex;align-items:center;gap:4px;background:var(--ac-soft);color:var(--ac-ink);font-size:13.5px;font-weight:600;padding:3px 4px 3px 10px;border-radius:999px;max-width:100%;overflow-wrap:anywhere}
.bchips .c.ex{background:var(--rose);color:var(--rose-i)}
.bchips .c button{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;flex:none}
.bchips .c button:hover{background:rgba(0,0,0,.08)}
.bchips .c .ic{width:12px;height:12px}
.bchips input{flex:1;min-width:110px;border:0;background:none;outline:none;font-size:14.5px;padding:4px}
.brow2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.bnumin{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--mu);flex-wrap:wrap}
.bnumin input{width:82px}
.bvar{display:flex;gap:6px;align-items:flex-start}
.bvar .inp{flex:1;min-width:0}
.bbtns{display:grid;gap:8px}
.bbtn{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) 36px;gap:6px;padding:8px;border-radius:12px;background:var(--s2);border:1px solid var(--line);align-items:center}
.bbtn .wide{grid-column:1/-1}
.bbtn select,.bbtn input{padding:8px 10px;font-size:14px;min-width:0}
.bstep{background:var(--s2);border:1px solid var(--line);border-radius:14px;padding:12px;display:grid;gap:10px;min-width:0;grid-template-columns:minmax(0,1fr)}
.bstep > header{display:flex;gap:8px;align-items:center;min-width:0}
.bstep > header .t{flex:1;min-width:0;font-size:14px;font-weight:650;line-height:1.25}
.bstep .x{width:32px;height:32px;background:var(--s1);border:1px solid var(--line);margin:0;flex:none}
.bstep .x:hover{background:var(--s3)}
.bstep .x:disabled{opacity:.35}
.badd{display:flex;gap:6px;flex-wrap:wrap}
.bnote{display:flex;gap:8px;font-size:13px;line-height:1.4;color:var(--mu);padding:9px 11px;border-radius:11px;background:var(--s2);border:1px solid var(--line)}
.bnote .ic{width:17px;height:17px;flex:none;margin-top:1px}
.bnote.good{background:var(--ac-soft);border-color:transparent;color:var(--ac-ink)}
.bnote.warn{background:var(--peach);border-color:transparent;color:var(--peach-i)}
.bposts{display:grid;gap:6px;max-height:280px;overflow:auto;padding:2px}
.bpost{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;text-align:left;padding:9px 11px;border-radius:11px;border:1px solid var(--line);background:var(--s1);font-size:13.5px;width:100%;transition:border-color .2s,background .2s}
.bpost:hover{border-color:var(--line2);background:var(--s2)}
.bpost.on{border-color:var(--ac-hi);background:var(--ac-soft)}
.bpost b{font-size:13.5px;line-height:1.3;overflow-wrap:anywhere;font-weight:600}
.bpost small{font-size:12px;color:var(--dim)}
.bsaved{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:9px 12px;border-radius:12px;background:var(--ac-soft);color:var(--ac-ink);font-size:13.5px;min-width:0}
.bsaved span:first-of-type{flex:1;min-width:150px;overflow-wrap:anywhere}

/* телефон */
.bphone{border-radius:30px;padding:8px;background:linear-gradient(155deg,#2A2E25 0%,#14160F 60%,#2E3327 100%);box-shadow:var(--sh2),inset 0 1px 0 rgba(255,255,255,.14);position:relative}
.bph{border-radius:24px;overflow:hidden;background:var(--s1);display:flex;flex-direction:column;min-height:440px}
.bph-top{display:flex;align-items:center;gap:9px;padding:13px 14px 10px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,color-mix(in srgb,var(--ac-soft) 55%,var(--s1)),var(--s1))}
.bph-top .ava{background:conic-gradient(from 210deg,#F7B6D2,#FFD27A,#C8EE6E,#9DBDFB,#F7B6D2);color:#1C1F18}
.bph-top b{display:block;font-size:13.5px;line-height:1.2}.bph-top small{display:block;font-size:11.5px;color:var(--dim)}
.bph-body{flex:1;padding:12px;display:flex;flex-direction:column;gap:8px;min-width:0}
.bm{max-width:86%;padding:8px 12px;border-radius:17px;font-size:13.5px;line-height:1.38;overflow-wrap:anywhere;white-space:pre-wrap}
.bm-bot{align-self:flex-start;background:var(--s3);border-bottom-left-radius:5px}
.bm-me{align-self:flex-end;background:linear-gradient(135deg,#6A4FD3,#8E78E8);color:#fff;border-bottom-right-radius:5px}
.bm-pub{align-self:stretch;max-width:none;background:var(--s2);border:1px dashed var(--line2);font-size:12.5px;color:var(--mu);border-radius:12px}
.bm-pub b{color:var(--tx);font-weight:600}
.bm-ev{align-self:center;text-align:center;font-size:11.5px;color:var(--dim);padding:2px 8px;max-width:100%}
.bm-alt{align-self:flex-start;background:none;border:1px dashed var(--line2);color:var(--mu);font-size:12.5px;border-radius:14px}
.bm-alt b{display:block;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--dim);margin-bottom:2px}
.bm-btns{align-self:flex-start;display:flex;flex-wrap:wrap;gap:5px;max-width:92%}
.bm-btns > span{display:inline-flex;gap:4px;align-items:center;padding:6px 12px;border-radius:999px;border:1px solid var(--line2);font-size:12.5px;font-weight:600;background:var(--s1);overflow-wrap:anywhere}
.bm-btns .ic{width:13px;height:13px}
.bsum{background:var(--s1);border:1px solid var(--line);border-radius:var(--r);padding:12px var(--pad);display:grid;gap:7px;font-size:13.5px;line-height:1.38;box-shadow:var(--sh1)}
.bsum .lbl{margin-bottom:1px}
.bsum div{display:grid;grid-template-columns:18px minmax(0,1fr);gap:7px}
.bsum .ic{width:16px;height:16px;margin-top:2px;color:var(--ac-ink)}

/* диалоги */
.bdlgs{display:grid;grid-template-columns:340px minmax(0,1fr);gap:var(--gap);align-items:start;min-width:0}
.bdl{padding:10px;display:grid;gap:8px;min-width:0;grid-template-columns:minmax(0,1fr)}
.bfilters{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px;min-width:0}
.bfilters .inp{padding:8px 11px;font-size:14px;min-width:0;flex:1 1 180px;max-width:320px}
.bdl .bfilters{margin:0}.bdl .bfilters .inp{max-width:none}
.bdlist{display:grid;gap:3px;align-content:start;max-height:calc(100vh - 430px);min-height:220px;overflow:auto}
.bdi{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center;text-align:left;padding:8px;border-radius:11px;width:100%;transition:background .2s}
.bdi:hover{background:var(--s2)}.bdi.on{background:var(--ac-soft)}
.bdi .ava{width:34px;height:34px}
.bdi b{display:block;font-size:14px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bdi small{display:block;font-size:12.5px;color:var(--mu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bdi .m{display:grid;justify-items:end;gap:3px;font-size:11.5px;color:var(--dim)}
.bdi .dot{width:8px;height:8px;border-radius:50%;background:var(--ac-hi)}
.bdi .dot.human{background:var(--peach-i)}
.bth{padding:0;display:flex;flex-direction:column;min-height:420px;height:calc(100vh - 300px);min-width:0}
.bth-h{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px var(--pad);border-bottom:1px solid var(--line)}
.bth-h > .x{display:none}
.bth-h .t{flex:1;min-width:130px}.bth-h b{display:block;font-size:15px;overflow-wrap:anywhere}.bth-h small{display:block;font-size:12.5px;color:var(--mu)}
.bth-b{flex:1;overflow:auto;padding:12px var(--pad);display:flex;flex-direction:column;gap:7px;background:linear-gradient(180deg,var(--s2),var(--s1) 120px)}
.bth-f{padding:10px var(--pad) 12px;border-top:1px solid var(--line);display:grid;gap:8px}
.bthm{max-width:82%;padding:8px 12px;border-radius:15px;font-size:14px;line-height:1.4;overflow-wrap:anywhere}
.bthm > span{white-space:pre-wrap}
.bthm small{display:block;font-size:11.5px;opacity:.72;margin-top:3px;white-space:normal}
.bthm.in{align-self:flex-start;background:var(--s3);border-bottom-left-radius:4px}
.bthm.out{align-self:flex-end;background:var(--tx);color:var(--inv);border-bottom-right-radius:4px}
.bthm.out.mine{background:linear-gradient(135deg,#3D5A0E,#5C8A16);color:#fff}
.bthm.pub{align-self:flex-end;background:var(--s2);border:1px dashed var(--line2);color:var(--mu)}
.bthm.bad{background:var(--rose);color:var(--rose-i)}
.bthm.unk{background:var(--peach);color:var(--peach-i)}
.bthm.out.bad{background:var(--rose);color:var(--rose-i)}
.bthm.out.unk{background:var(--peach);color:var(--peach-i)}
.bthm .bretry{margin-top:6px;background:var(--s1,#fff);color:var(--tx)}
.bthm .pr{display:flex;gap:4px;flex-wrap:wrap;margin-top:5px}
.bthm .pr span{font-size:12px;padding:2px 8px;border-radius:999px;border:1px solid currentColor;opacity:.8}
.bth-f textarea{min-height:60px}
.bth-f .row{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.bth-f .row .hint{flex:1;min-width:150px}
.bmodes{justify-self:start}

/* комментарии и заявки */
.brows{display:grid;gap:8px}
.bcm{padding:12px var(--pad);display:grid;gap:7px;min-width:0}
.bcm .r1{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--mu);min-width:0}
.bcm .r1 b{color:var(--tx);font-size:14px;overflow-wrap:anywhere}
.bcm .r1 .sp{flex:1}
.bcm .tx{font-size:14.5px;line-height:1.4;overflow-wrap:anywhere;white-space:pre-wrap}
.bcm .why{font-size:13px;color:var(--mu);line-height:1.35}
.bact{display:flex;gap:6px;flex-wrap:wrap;padding-top:2px}
.bunk{padding:12px var(--pad);display:grid;gap:10px;background:linear-gradient(112deg,var(--s1),color-mix(in srgb,var(--peach) 70%,transparent));margin-bottom:var(--gap)}
.bunk h3{font-size:15px;display:flex;gap:8px;align-items:center}
.bunki{display:grid;gap:6px;padding:10px 12px;border-radius:12px;background:var(--s1);border:1px solid var(--line);font-size:14px;line-height:1.4;overflow-wrap:anywhere}
.bunki small{color:var(--mu);font-size:12.5px;display:block}
.bleads{width:100%;border-collapse:collapse;font-size:14px}
.bleads th{text-align:left;font:600 11.5px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--dim);padding:11px var(--pad);border-bottom:1px solid var(--line)}
.bleads td{padding:10px var(--pad);border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere}
.bleads tr:last-child td{border-bottom:0}
.bleads small{display:block;color:var(--dim);font-size:12px}
.bmore{justify-self:center;margin:6px auto 0;display:block}

/* подключение */
.bconn{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:var(--gap);align-items:start}
.bcard{padding:14px var(--pad);display:grid;gap:12px;min-width:0}
.bcard h3{font-size:15.5px;letter-spacing:-.015em}
.bblock{display:flex;gap:9px;font-size:14px;line-height:1.4;padding:9px 11px;border-radius:11px;background:var(--rose);color:var(--rose-i)}
.bblock .ic{width:18px;height:18px;flex:none;margin-top:1px}
.bfacts{display:grid;gap:7px;font-size:13.5px}
.bfacts div{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:6px}
.bfacts div:last-child{border-bottom:0;padding-bottom:0}
.bfacts span{color:var(--mu)}
.bfacts b{font-weight:600;text-align:right}

/* блок в карточке ролика */
.bcb{display:grid;gap:12px;min-width:0;grid-template-columns:minmax(0,1fr)}
.bcbh{display:flex;gap:10px;align-items:center;min-width:0;flex-wrap:wrap}
.bcbh .t{flex:1;min-width:150px}
.bcbh b{display:block;font-size:15px;line-height:1.25}
.bcbh small{display:block;font-size:12.5px;color:var(--mu);line-height:1.35}
.bcbacts{display:flex;gap:8px;flex-wrap:wrap}

@media (max-width:1040px){.bed-b{grid-template-columns:minmax(0,1fr) 300px}}
@media (max-width:860px){
  .bed{top:auto;left:0;right:0;bottom:0;width:100%;height:94dvh;border-radius:24px 24px 0 0}
  .bed-h{padding:14px 14px 10px}
    .bed-b{display:block;overflow:auto}
  .bed-form,.bed-side{overflow:visible;padding:12px 14px 20px}
  .bed-form:not(.show),.bed-side:not(.show){display:none}
  .bed-f{padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px))}
  .bed-f .btn{flex:1}.bed-f .hint{flex-basis:100%}
  .bdlgs{grid-template-columns:minmax(0,1fr)}
  .bdlgs .bdl.hide,.bdlgs .bth.hide{display:none}
  .bth-h > .x{display:grid}
  .bdlist{max-height:none}
  .bth{height:auto;min-height:calc(100dvh - 300px)}
  .bot-head .sp{display:none}
  .bot-head{align-items:flex-end}.bot-head > div:first-child{flex-basis:100%}
  .bot-head .botpick{flex:1;max-width:none}
  .bfilters .segc{flex-wrap:wrap;overflow:visible}
  .bth-b{min-height:240px;max-height:52dvh}
  .brow2{grid-template-columns:minmax(0,1fr)}
  .bbtn{grid-template-columns:minmax(0,1fr) 36px}
  .bbtn select{grid-column:1/-1}
  .bbtn input.ti{grid-column:1/2}
  .bleads thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .bleads,.bleads tbody,.bleads tr{display:block}
  .bleads tr{padding:10px var(--pad);border-bottom:1px solid var(--line)}.bleads tbody tr:last-child{border-bottom:0}
  .bleads td{display:flex;justify-content:space-between;gap:12px;padding:3px 0;border:0;text-align:right}
  .bleads td::before{content:attr(data-l);color:var(--mu);font-size:13px;flex:none;text-align:left}
  .bleads td > div{min-width:0}
}
/* Варианты в форме видны все сразу: прокрутка спрятала бы часть выбора */
.bsec .segc{flex-wrap:wrap;width:max-content;max-width:100%;overflow:visible}
.bq{grid-template-columns:minmax(0,1fr)}

/* Настройка как в прежнем Отклике: три шага, переписка в телефоне, отдельная вкладка с демо */
.bed .bnum{display:none}
.bedsteps{display:flex;gap:2px;margin:10px 18px 0;padding:3px;background:var(--s3);border-radius:var(--rs)}
.bedsteps button{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:7px 4px;border-radius:calc(var(--rs) - 3px);font-weight:600;font-size:13.5px;color:var(--mu);min-width:0}
.bedsteps button i{font-style:normal;flex:none;width:20px;height:20px;border-radius:6px;display:grid;place-items:center;font-size:11.5px;background:var(--line);color:var(--mu)}
.bedsteps button i .ic{width:14px;height:14px}
.bedsteps button.on{color:var(--tx);background:var(--s1);box-shadow:var(--sh1)}
.bedsteps button.on i{background:var(--ac);color:#1C1F18}
.bedsteps button.done i{background:var(--mint);color:var(--mint-i)}
.bedsteps button.bad i{background:var(--rose);color:var(--rose-i)}
/* На шаге «Проверить» главное это переписка */
.bed-side.show .bphone{order:-1}
.bstep-h{cursor:pointer}
.bstep-h .t small{display:block;font-weight:400;font-size:12.5px;color:var(--mu);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bstep-b{display:grid;gap:10px;min-width:0;grid-template-columns:minmax(0,1fr)}
.bstep.sel{border-color:var(--line2);box-shadow:var(--sh1)}
.bchecks{display:grid;gap:6px}
.bck{display:grid;grid-template-columns:22px minmax(0,1fr);gap:8px;align-items:center;padding:9px 11px;border:1px solid var(--line);border-radius:var(--rs);background:var(--s1);font-size:14px;text-align:left;width:100%;overflow-wrap:anywhere}
.bck .ic{width:18px;height:18px}
.bck.good .ic{color:var(--mint-i)}
.bck.bad{border-color:var(--rose)}.bck.bad .ic{color:var(--rose-i)}
.bck.todo{font-weight:600}.bck.todo .ic{color:var(--dim)}
button.bck:hover{border-color:var(--line2)}
.btyping{align-self:flex-start;display:flex;gap:4px;padding:10px 12px;border-radius:15px;background:var(--s3)}
.btyping i{width:5px;height:5px;border-radius:50%;background:var(--dim);animation:btp 1s infinite}
.btyping i:nth-child(2){animation-delay:.15s}.btyping i:nth-child(3){animation-delay:.3s}
@keyframes btp{0%,60%,100%{opacity:.35}30%{opacity:1}}
.bsetup{display:grid;gap:var(--gap);min-width:0}
.bdemo-g{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px;align-items:start;min-width:0}
.bdemo-l{display:grid;gap:6px;min-width:0}
.bdemo-t{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;align-items:center;padding:9px 11px;border:1px solid var(--line);border-radius:var(--rs);background:var(--s1);text-align:left;width:100%}
.bdemo-t:hover{border-color:var(--line2)}
.bdemo-t.on{border-color:var(--ac-hi);box-shadow:0 0 0 3px var(--ac-soft)}
.bdemo-t .t{display:grid;gap:1px;min-width:0}
.bdemo-t b{font-size:14px;font-weight:600;overflow-wrap:anywhere}
.bdemo-t small{font-size:12.5px;color:var(--mu);overflow-wrap:anywhere}
.bdemo-p{display:grid;gap:10px;min-width:0}
.bdemo-p .bph-body{height:360px;overflow-y:auto}
@media (max-width:860px){
  .bedsteps{margin:8px 14px 0}
  .bedsteps button{font-size:12.5px;gap:5px;white-space:nowrap}
  .bdemo-g{grid-template-columns:minmax(0,1fr)}
  .bed-f .btn{flex:1 1 auto}
}