/* Онлайн-чат сайтов (свой). Цвета: s1 — фиолетовый Benjamin Moore Store, s2 — бирюза/нэви ARM HOUSE */
.lbch{--lbch-main:#4a0a63;--lbch-dark:#33063f;--lbch-head:#4a0a63;--lbch-me:#f1e9f5;position:fixed;right:20px;bottom:20px;z-index:3000;font:14px/1.4 inherit;font-family:inherit;color:#222}
.lbch[data-site="s2"]{--lbch-main:#1eb6c8;--lbch-dark:#0e8fa8;--lbch-head:#12304d;--lbch-me:#e3f7fa}
.lbch *{box-sizing:border-box}
.lbch button.lbch-btn,.lbch button.lbch-send,.lbch button.lbch-cbtn{background:var(--lbch-main)!important;color:#fff!important;border:0!important;padding:0}
.lbch button.lbch-close,.lbch button.lbch-clip,.lbch button.lbch-clink,.lbch button.lbch-chipx{background:none!important;border:0!important;box-shadow:none!important}
.lbch button.lbch-btn:hover{background:var(--lbch-dark)!important}
.lbch.lbch-infab .lbch-btn{display:none}
.lbch.lbch-infab:not(.lbch-open){pointer-events:none}
#lb-fab-btn .lbch-badge{top:-4px;right:-4px}
.lbch-clip{flex:none;width:34px;height:40px;color:#888;cursor:pointer;display:flex;align-items:center;justify-content:center}
.lbch-clip:hover{color:var(--lbch-dark)}
.lbch-chip{display:none;align-items:center;gap:6px;background:#f1f3f5;border-radius:8px;padding:4px 8px;margin-bottom:8px;font-size:13px}
.lbch-chipn{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lbch-chipx{cursor:pointer;font-size:18px;line-height:1;color:#888}
.lbch-file{display:block;margin-top:4px;color:var(--lbch-dark);text-decoration:underline;word-break:break-all}
.lbch-file img{display:block;max-width:220px;max-height:220px;border-radius:8px}
/* вертикальный ярлык «Онлайн-чат» у левого края экрана (как у Телфин) */
.lbch-tab{position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:2950;display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 9px 14px;background:var(--lbch-main,#4a0a63);color:#fff;border:0;border-radius:0 12px 12px 0;box-shadow:2px 4px 14px rgba(0,0,0,.25);cursor:pointer;font:600 15px/1 inherit;font-family:inherit;transition:padding .15s,background .15s}
.lbch-tab:hover{padding-left:13px;background:var(--lbch-dark,#33063f)}
.lbch-tab span{writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:.04em;white-space:nowrap}
.lbch-tab svg{flex:none}
.lbch-tab .lbch-badge{position:absolute;top:-8px;right:-8px}
.lbch[data-site="s2"] ~ .lbch-tab,.lbch-tab[data-site="s2"]{--lbch-main:#1eb6c8;--lbch-dark:#0e8fa8}
.lbch-tab[data-site="s1"]{--lbch-main:#4a0a63;--lbch-dark:#33063f}
.lbch.lbch-hastab .lbch-btn{display:none}
.lbch.lbch-hastab{left:62px;right:auto;bottom:24px}
.lbch.lbch-hastab:not(.lbch-open){pointer-events:none}
.lbch-open ~ .lbch-tab{display:none}
@media (max-width:600px){.lbch-tab{top:auto;bottom:140px;transform:none;padding:12px 7px;font-size:13px}}
/* режим менеджера на сайте */
.lbch.lbch-opm{left:62px;right:auto;bottom:24px}
/* 23.10: режим менеджера — закладка в цветах сайта слева внизу (под закладкой покупателя), без зелёного круга */
.lbch.lbch-opm .lbch-btn{position:fixed;left:0;right:auto;top:auto;bottom:70px;transform:none;width:auto;height:auto;margin:0;border-radius:0 12px 12px 0!important;padding:16px 9px 14px!important;flex-direction:column;gap:10px;background:var(--lbch-head)!important;box-shadow:2px 4px 14px rgba(0,0,0,.25)}
.lbch.lbch-opm .lbch-btn:after{content:"Чаты покупателей";writing-mode:vertical-rl;transform:rotate(180deg);font-weight:600;font-size:14px;letter-spacing:.04em;white-space:nowrap}
.lbch.lbch-opm .lbch-btn svg{width:22px;height:22px}
.lbch.lbch-opm .lbch-btn:hover{background:var(--lbch-dark)!important;padding-left:13px!important}
.lbch.lbch-opm .lbch-head{background:var(--lbch-head)}
.lbch button.lbch-back{font-size:30px;margin-right:2px}
.lbch-oplist{gap:0!important;padding:0!important;background:#fff!important}
.lbch button.lbch-opi{display:block;width:100%;text-align:left;background:#fff!important;border:0!important;border-bottom:1px solid #f0f0f0!important;padding:10px 12px;cursor:pointer;font:inherit;color:#222}
.lbch button.lbch-opi:hover{background:#f7f7f7!important}
.lbch button.lbch-opnew{background:var(--lbch-me)!important}
.lbch-opt{display:flex;gap:6px;align-items:center}
.lbch-opt b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lbch-opsite{font-size:11px;color:#fff;background:#4a0a63;border-radius:8px;padding:1px 6px}
.lbch-opsite.lbch-s2{background:#1eb6c8}
.lbch-opun{background:#e53935;color:#fff;border-radius:10px;padding:0 7px;font-size:12px}
.lbch-optm{color:#999;font-size:12px}
.lbch-opl{color:#666;font-size:13px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:600px){.lbch.lbch-opm{left:12px}}
.lbch-btn{position:relative;width:60px;height:60px;border-radius:50%;border:0;background:var(--lbch-main);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(0,0,0,.25);transition:transform .15s,background .15s;margin-left:auto}
.lbch-btn:hover{transform:scale(1.06);background:var(--lbch-dark)}
.lbch-badge{position:absolute;top:-2px;right:-2px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:#e53935;color:#fff;font-size:12px;font-weight:700;display:none;align-items:center;justify-content:center;border:2px solid #fff}
.lbch-box{display:none;flex-direction:column;width:360px;height:520px;max-height:calc(100vh - 110px);background:#fff;border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.25);overflow:hidden;margin-bottom:14px}
.lbch-open .lbch-box{display:flex}
.lbch-head{display:flex;align-items:center;gap:10px;padding:14px 16px;background:var(--lbch-head);color:#fff}
.lbch-htext{flex:1;min-width:0}
.lbch-title{font-weight:700;font-size:16px}
.lbch-sub{font-size:12px;opacity:.85}
.lbch-close{background:none;border:0;color:#fff;font-size:28px;line-height:1;cursor:pointer;padding:0 4px;opacity:.85}
.lbch-close:hover{opacity:1}
.lbch-list{flex:1;overflow-y:auto;padding:14px 12px;background:#f6f7f9;display:flex;flex-direction:column;gap:8px}
.lbch-msg{max-width:82%;padding:8px 12px;border-radius:12px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.08);word-wrap:break-word;white-space:pre-wrap}
.lbch-op{align-self:flex-start;border-bottom-left-radius:4px}
.lbch-me{align-self:flex-end;background:var(--lbch-me);border-bottom-right-radius:4px}
.lbch-sys{align-self:center;background:none;box-shadow:none;color:#777;font-size:12px;padding:2px 8px}
.lbch-name{font-size:12px;font-weight:700;color:var(--lbch-dark);margin-bottom:2px}
.lbch-time{font-size:11px;color:#999;text-align:right;margin-top:2px}
.lbch-contact{align-self:stretch;background:#fff;border:1px solid #e3e3e3;border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:6px}
.lbch-ctitle{font-size:13px;color:#444}
.lbch-contact input{width:100%;height:36px;border:1px solid #d6d6d6;border-radius:8px;padding:0 10px;font:inherit}
.lbch-contact input.lbch-bad{border-color:#e53935}
.lbch-crow{display:flex;gap:10px;align-items:center}
.lbch-cbtn{background:var(--lbch-main);color:#fff;border:0;border-radius:8px;height:34px;padding:0 14px;cursor:pointer;font:inherit}
.lbch-clink{background:none;border:0;color:#888;cursor:pointer;font:inherit;text-decoration:underline}
.lbch-form{border-top:1px solid #eee;padding:10px 12px;background:#fff}
.lbch-consent{display:flex;gap:8px;align-items:flex-start;font-size:12px;color:#555;margin:0 0 8px;cursor:pointer;line-height:1.35}
.lbch-consent input{margin:2px 0 0;flex:none;width:16px;height:16px;accent-color:var(--lbch-main)}
.lbch-consent a{color:var(--lbch-dark);text-decoration:underline}
.lbch-consent.lbch-bad{color:#e53935}
.lbch-row{display:flex;gap:8px;align-items:flex-end}
.lbch-input{flex:1;resize:none;border:1px solid #d6d6d6;border-radius:10px;padding:9px 12px;font:inherit;max-height:120px;min-height:40px;outline:none}
.lbch-input:focus{border-color:var(--lbch-main)}
.lbch-send{flex:none;width:40px;height:40px;border-radius:50%;border:0;background:var(--lbch-main);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}
.lbch-send:disabled{opacity:.5}
.lbch-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.lbch-err{color:#e53935;font-size:12px;min-height:0}
.lbch-err:empty{display:none}
@media (max-width:600px){
  .lbch{right:12px;bottom:76px}
  .lbch-btn{width:54px;height:54px}
  .lbch-open{left:0;right:0;top:0;bottom:0}
  .lbch-open .lbch-box{position:fixed;inset:0;width:auto;height:auto;max-height:none;border-radius:0;margin:0}
  .lbch-open .lbch-btn{display:none}
  .lbch-input{font-size:16px}
}
@media (max-height:760px){.lbch.lbch-opm .lbch-btn{bottom:16px}}
/* 23.10: на ARM вкладка менеджера бирюзовая — неви сливалась с подвалом */
.lbch[data-site="s2"].lbch-opm .lbch-btn{background:var(--lbch-main)!important}.lbch[data-site="s2"].lbch-opm .lbch-btn:hover{background:var(--lbch-dark)!important}