/* Website Live Chat — in-portal settings panel */
.lc-ov{position:fixed;inset:0;background:rgba(15,23,32,.5);display:none;align-items:center;justify-content:center;z-index:6000}
.lc-ov.open{display:flex}
.lc-card{background:var(--card,#fff);color:var(--txt,#1f2328);width:560px;max-width:calc(100vw - 28px);max-height:calc(100vh - 60px);border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.35);display:flex;flex-direction:column;overflow:hidden;font-family:inherit}
.lc-hd{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;font-weight:700;font-size:16px;border-bottom:1px solid var(--brd,#e6e8eb)}
.lc-x{background:none;border:none;font-size:22px;cursor:pointer;color:var(--mut,#888);line-height:1}
.lc-bd{padding:18px 20px;overflow-y:auto}
.lc-bd label{display:block;font-size:12.5px;font-weight:600;margin:13px 0 5px}
.lc-bd input[type=text],.lc-bd textarea,.lc-bd select{width:100%;border:1px solid var(--brd,#d8dbe0);border-radius:8px;padding:9px 11px;font-size:13.5px;outline:none;background:var(--card,#fff);color:inherit;font-family:inherit}
.lc-bd input:focus,.lc-bd textarea:focus,.lc-bd select:focus{border-color:#0b57d0}
.lc-tg{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.lc-sw{position:relative;width:44px;height:25px;flex:0 0 auto}
.lc-sw input{display:none}
.lc-sw span{position:absolute;inset:0;background:#ccc;border-radius:25px;transition:.2s;cursor:pointer}
.lc-sw span:before{content:"";position:absolute;width:19px;height:19px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s}
.lc-sw input:checked+span{background:#0b57d0}
.lc-sw input:checked+span:before{transform:translateX(19px)}
.lc-embed{background:#0f1720;color:#d6e2f0;border-radius:8px;padding:11px;font-family:Consolas,monospace;font-size:11.5px;white-space:pre-wrap;word-break:break-all}
.lc-btns{display:flex;gap:8px;margin-top:8px}
.lc-grid{display:flex;gap:16px}.lc-grid>div{flex:1}
.lc-icon{display:flex;align-items:center;gap:12px}
.lc-icon img{width:52px;height:52px;border-radius:12px;object-fit:contain;background:#f1f3f6;border:1px solid var(--brd,#e6e8eb)}
.lc-icon img:not([src]){visibility:hidden}
.lc-iconbtns{display:flex;flex-direction:column;gap:6px}
.lc-sec{background:var(--chip,#eef1f5);color:var(--txt,#333);border:none;border-radius:7px;padding:7px 12px;font-size:12.5px;cursor:pointer;text-align:center}
.lc-agents{border:1px solid var(--brd,#e6e8eb);border-radius:8px;padding:6px 10px;max-height:130px;overflow:auto}
.lc-agents label{font-weight:400;display:flex;align-items:center;gap:8px;margin:6px 0}
.lc-hint{font-size:12px;color:var(--mut,#888)}
.lc-q{display:flex;flex-direction:column;gap:7px}
.lc-qrow{display:flex;gap:6px;align-items:center}
.lc-qrow .lc-qlabel{flex:1;min-width:0}
.lc-qrow .lc-qtype{flex:0 0 96px}
.lc-qrow .lc-qopts{flex:1;min-width:0}
.lc-qrow .lc-qreq{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:400;white-space:nowrap;margin:0}
.lc-qrow .lc-qreq input{width:auto}
.lc-qdel{background:none;border:none;color:#c026a8;font-size:20px;line-height:1;cursor:pointer;flex:0 0 auto}
.lc-qrow input,.lc-qrow select{padding:7px 9px !important;font-size:12.5px !important}
.lc-ft{display:flex;align-items:center;padding:14px 20px;border-top:1px solid var(--brd,#e6e8eb)}
.lc-primary{background:#0b57d0;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer}
.lc-ok{color:#0a7d33;font-size:13px;margin-left:12px;opacity:0;transition:.2s}
.lc-ok.show{opacity:1}

/* ---- Rail icon alignment fix ----
   The core Chats icon (message bubble with a tail) and a few others aren't
   optically centred inside the 24x24 viewBox, so at rest they look shifted.
   Normalising the SVG box + stroke centring lines every rail icon up. */
.rail-btn > svg{display:block;margin:auto;width:23px;height:23px}
.rail-btn{align-items:center;justify-content:center}