/* Онлайн-чат сайтов (свой). Цвета: s1 — фиолетовый Benjamin Moore Store, s2 — бирюза/нэви ARM HOUSE */
.lbc{--lbc-main:#4a0a63;--lbc-dark:#33063f;--lbc-head:#4a0a63;--lbc-me:#f1e9f5;position:fixed;right:20px;bottom:20px;z-index:3000;font:14px/1.4 inherit;font-family:inherit;color:#222}
.lbc[data-site="s2"]{--lbc-main:#1eb6c8;--lbc-dark:#0e8fa8;--lbc-head:#12304d;--lbc-me:#e3f7fa}
.lbc *{box-sizing:border-box}
.lbc button.lbc-btn,.lbc button.lbc-send,.lbc button.lbc-cbtn{background:var(--lbc-main)!important;color:#fff!important;border:0!important;padding:0}
.lbc button.lbc-close,.lbc button.lbc-clip,.lbc button.lbc-clink,.lbc button.lbc-chipx{background:none!important;border:0!important;box-shadow:none!important}
.lbc button.lbc-btn:hover{background:var(--lbc-dark)!important}
.lbc.lbc-infab .lbc-btn{display:none}
.lbc.lbc-infab:not(.lbc-open){pointer-events:none}
#lb-fab-btn .lbc-badge{top:-4px;right:-4px}
.lbc-clip{flex:none;width:34px;height:40px;color:#888;cursor:pointer;display:flex;align-items:center;justify-content:center}
.lbc-clip:hover{color:var(--lbc-dark)}
.lbc-chip{display:none;align-items:center;gap:6px;background:#f1f3f5;border-radius:8px;padding:4px 8px;margin-bottom:8px;font-size:13px}
.lbc-chipn{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lbc-chipx{cursor:pointer;font-size:18px;line-height:1;color:#888}
.lbc-file{display:block;margin-top:4px;color:var(--lbc-dark);text-decoration:underline;word-break:break-all}
.lbc-file img{display:block;max-width:220px;max-height:220px;border-radius:8px}
/* режим менеджера на сайте */
.lbc.lbc-opm{left:20px;right:auto}
.lbc.lbc-opm .lbc-btn{margin-left:0;background:#2e7d32!important}
.lbc.lbc-opm .lbc-head{background:#2e7d32}
.lbc button.lbc-back{font-size:30px;margin-right:2px}
.lbc-oplist{gap:0!important;padding:0!important;background:#fff!important}
.lbc button.lbc-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}
.lbc button.lbc-opi:hover{background:#f7f7f7!important}
.lbc button.lbc-opnew{background:#f1f8f1!important}
.lbc-opt{display:flex;gap:6px;align-items:center}
.lbc-opt b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lbc-opsite{font-size:11px;color:#fff;background:#4a0a63;border-radius:8px;padding:1px 6px}
.lbc-opsite.lbc-s2{background:#1eb6c8}
.lbc-opun{background:#e53935;color:#fff;border-radius:10px;padding:0 7px;font-size:12px}
.lbc-optm{color:#999;font-size:12px}
.lbc-opl{color:#666;font-size:13px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:600px){.lbc.lbc-opm{left:12px}}
.lbc-btn{position:relative;width:60px;height:60px;border-radius:50%;border:0;background:var(--lbc-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}
.lbc-btn:hover{transform:scale(1.06);background:var(--lbc-dark)}
.lbc-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}
.lbc-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}
.lbc-open .lbc-box{display:flex}
.lbc-head{display:flex;align-items:center;gap:10px;padding:14px 16px;background:var(--lbc-head);color:#fff}
.lbc-htext{flex:1;min-width:0}
.lbc-title{font-weight:700;font-size:16px}
.lbc-sub{font-size:12px;opacity:.85}
.lbc-close{background:none;border:0;color:#fff;font-size:28px;line-height:1;cursor:pointer;padding:0 4px;opacity:.85}
.lbc-close:hover{opacity:1}
.lbc-list{flex:1;overflow-y:auto;padding:14px 12px;background:#f6f7f9;display:flex;flex-direction:column;gap:8px}
.lbc-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}
.lbc-op{align-self:flex-start;border-bottom-left-radius:4px}
.lbc-me{align-self:flex-end;background:var(--lbc-me);border-bottom-right-radius:4px}
.lbc-sys{align-self:center;background:none;box-shadow:none;color:#777;font-size:12px;padding:2px 8px}
.lbc-name{font-size:12px;font-weight:700;color:var(--lbc-dark);margin-bottom:2px}
.lbc-time{font-size:11px;color:#999;text-align:right;margin-top:2px}
.lbc-contact{align-self:stretch;background:#fff;border:1px solid #e3e3e3;border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:6px}
.lbc-ctitle{font-size:13px;color:#444}
.lbc-contact input{width:100%;height:36px;border:1px solid #d6d6d6;border-radius:8px;padding:0 10px;font:inherit}
.lbc-contact input.lbc-bad{border-color:#e53935}
.lbc-crow{display:flex;gap:10px;align-items:center}
.lbc-cbtn{background:var(--lbc-main);color:#fff;border:0;border-radius:8px;height:34px;padding:0 14px;cursor:pointer;font:inherit}
.lbc-clink{background:none;border:0;color:#888;cursor:pointer;font:inherit;text-decoration:underline}
.lbc-form{border-top:1px solid #eee;padding:10px 12px;background:#fff}
.lbc-consent{display:flex;gap:8px;align-items:flex-start;font-size:12px;color:#555;margin:0 0 8px;cursor:pointer;line-height:1.35}
.lbc-consent input{margin:2px 0 0;flex:none;width:16px;height:16px;accent-color:var(--lbc-main)}
.lbc-consent a{color:var(--lbc-dark);text-decoration:underline}
.lbc-consent.lbc-bad{color:#e53935}
.lbc-row{display:flex;gap:8px;align-items:flex-end}
.lbc-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}
.lbc-input:focus{border-color:var(--lbc-main)}
.lbc-send{flex:none;width:40px;height:40px;border-radius:50%;border:0;background:var(--lbc-main);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}
.lbc-send:disabled{opacity:.5}
.lbc-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.lbc-err{color:#e53935;font-size:12px;min-height:0}
.lbc-err:empty{display:none}
@media (max-width:600px){
  .lbc{right:12px;bottom:76px}
  .lbc-btn{width:54px;height:54px}
  .lbc-open{left:0;right:0;top:0;bottom:0}
  .lbc-open .lbc-box{position:fixed;inset:0;width:auto;height:auto;max-height:none;border-radius:0;margin:0}
  .lbc-open .lbc-btn{display:none}
  .lbc-input{font-size:16px}
}
