#livechat-root{position:fixed;right:18px;bottom:18px;z-index:99999;font-family:Arial,sans-serif}
#lc-fab{
  position:relative;display:flex;align-items:center;gap:10px;
  border:0;border-radius:999px;padding:12px 14px;
  background:#0f172a;color:#fff;cursor:pointer;
  box-shadow:0 12px 30px rgba(0,0,0,.18)
}
.lc-dot{width:10px;height:10px;border-radius:999px;background:#22c55e;display:inline-block}
.lc-fab-text{font-weight:700}
.lc-badge{
  position:absolute;top:-8px;right:-8px;
  width:22px;height:22px;border-radius:999px;
  background:#ef4444;color:#fff;font-size:12px;
  display:inline-flex;align-items:center;justify-content:center;
  border:2px solid #fff;
}

.lc-panel{
  width:340px;max-width:calc(100vw - 36px);
  position:absolute;right:0;bottom:56px;
  background:#fff;border-radius:16px;overflow:hidden;
  box-shadow:0 18px 50px rgba(0,0,0,.22);
  transform:translateY(10px);opacity:0;pointer-events:none;
  transition:.18s ease;
  border:1px solid rgba(0,0,0,.08);
}
.lc-panel.open{transform:translateY(0);opacity:1;pointer-events:auto}

.lc-header{
  padding:12px 12px;background:#0f172a;color:#fff;
  display:flex;align-items:center;justify-content:space-between;gap:10px
}
.lc-title{font-weight:900}
.lc-status{font-size:12px;opacity:.85;margin-top:2px}
.lc-icon{border:0;background:transparent;color:#fff;font-size:18px;cursor:pointer}

.lc-msgs{height:360px;overflow:auto;padding:12px;background:#f8fafc}
.lc-row{display:flex;margin:8px 0}
.lc-row.me{justify-content:flex-end}
.lc-row.them{justify-content:flex-start}
.lc-row.sys{justify-content:center}

.lc-bubble{
  max-width:78%;
  padding:10px 12px;border-radius:14px;
  white-space:pre-wrap;
  background:#e2e8f0;color:#0f172a;
}
.lc-row.me .lc-bubble{background:#0ea5e9;color:#fff;border-bottom-right-radius:5px}
.lc-row.them .lc-bubble{border-bottom-left-radius:5px}
.lc-row.sys .lc-bubble{background:#fff3cd;color:#664d03}

.lc-footer{display:flex;gap:10px;padding:10px;border-top:1px solid #e5e7eb;background:#fff}
#lc-txt{flex:1;padding:10px 12px;border:1px solid #cbd5e1;border-radius:12px}
#lc-send{padding:10px 14px;border:0;border-radius:12px;background:#0f172a;color:#fff;cursor:pointer}
#lc-send:disabled{opacity:.6;cursor:not-allowed}

/* Mobile fix: prevent iOS input focus zoom */
#lc-txt,
.lc-input,
.lc-textarea {
  font-size: 16px !important;
  line-height: 1.3;
}