/* Live Chat customer widget */
:root{
  --lc-primary:#2563eb;
  --lc-primary-dark:#1d4ed8;
  --lc-bg:#ffffff;
  --lc-text:#1f2937;
  --lc-muted:#6b7280;
  --lc-cust-bubble:#2563eb;
  --lc-agent-bubble:#f1f5f9;
}
#lc-widget *{box-sizing:border-box;}
#lc-widget{
  position:fixed; bottom:20px; right:20px; z-index:99999;
  font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
}
#lc-bubble{
  display:flex;align-items:center;gap:9px;
  height:56px;padding:0 20px 0 17px;border-radius:28px;border:none;cursor:pointer;
  background:var(--lc-primary);color:#fff;font-size:15px;font-weight:600;
  box-shadow:0 6px 20px rgba(37,99,235,.45);transition:transform .15s;
}
#lc-bubble:hover{transform:scale(1.05);}
#lc-bubble .lc-bubble-ic{font-size:23px;line-height:1;}
#lc-bubble .lc-bubble-label{white-space:nowrap;}
#lc-bubble .lc-badge{
  position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;
  border-radius:10px;font-size:11px;padding:1px 6px;display:none;
}
#lc-panel{
  display:none;flex-direction:column;width:360px;max-width:calc(100vw - 40px);
  height:520px;max-height:calc(100vh - 40px);background:var(--lc-bg);
  border-radius:14px;overflow:hidden;box-shadow:0 12px 40px rgba(0,0,0,.25);
}
#lc-widget.lc-open #lc-panel{display:flex;}
#lc-widget.lc-open #lc-bubble{display:none;}
.lc-header{
  background:var(--lc-primary);color:#fff;padding:14px 16px;
  display:flex;align-items:center;gap:10px;
}
.lc-header .lc-logo{height:30px;width:auto;border-radius:6px;background:#fff;padding:2px;}
.lc-header .lc-title{font-weight:600;font-size:15px;line-height:1.2;}
.lc-header .lc-sub{font-size:12px;opacity:.9;display:flex;align-items:center;gap:6px;}
.lc-dot{width:8px;height:8px;border-radius:50%;background:#9ca3af;display:inline-block;}
.lc-dot.on{background:#22c55e;}
.lc-header .lc-end{margin-left:auto;background:rgba(255,255,255,.18);border:none;color:#fff;font-size:12px;cursor:pointer;border-radius:6px;padding:4px 8px;}
.lc-header .lc-end:hover{background:rgba(255,255,255,.3);}
.lc-header .lc-close{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;margin-left:8px;}
.lc-body{flex:1;overflow-y:auto;padding:14px;background:#f8fafc;}
.lc-msg{margin-bottom:10px;display:flex;flex-direction:column;max-width:80%;}
.lc-msg .lc-text{padding:9px 12px;border-radius:14px;font-size:14px;line-height:1.4;word-wrap:break-word;white-space:pre-wrap;}
.lc-msg.cust{align-self:flex-end;align-items:flex-end;}
.lc-msg.cust .lc-text{background:var(--lc-cust-bubble);color:#fff;border-bottom-right-radius:4px;}
.lc-msg.agent{align-self:flex-start;align-items:flex-start;}
.lc-msg.agent .lc-text{background:var(--lc-agent-bubble);color:var(--lc-text);border-bottom-left-radius:4px;}
.lc-msg.system{align-self:center;max-width:90%;}
.lc-msg.system .lc-text{background:#fef9c3;color:#854d0e;font-size:12px;border-radius:8px;text-align:center;}
.lc-msg .lc-meta{font-size:10px;color:var(--lc-muted);margin-top:3px;}
.lc-msg .lc-text a{color:inherit;text-decoration:underline;}
.lc-typing{font-size:12px;color:var(--lc-muted);padding:0 14px 6px;height:18px;}
.lc-form{padding:14px;border-top:1px solid #e5e7eb;background:#fff;}
.lc-form input,.lc-form textarea{
  width:100%;padding:9px 11px;border:1px solid #d1d5db;border-radius:8px;
  font-size:14px;margin-bottom:8px;
}
.lc-form textarea{resize:none;min-height:64px;}
.lc-btn{
  width:100%;background:var(--lc-primary);color:#fff;border:none;border-radius:8px;
  padding:10px;font-size:14px;font-weight:600;cursor:pointer;
}
.lc-btn:hover{background:var(--lc-primary-dark);}
.lc-btn:disabled{opacity:.6;cursor:not-allowed;}
.lc-intro{font-size:13px;color:var(--lc-muted);margin-bottom:10px;}
.lc-composer{display:flex;gap:8px;align-items:flex-end;padding:10px;border-top:1px solid #e5e7eb;background:#fff;}
.lc-composer textarea{flex:1;border:1px solid #d1d5db;border-radius:20px;padding:9px 14px;resize:none;max-height:90px;font-size:14px;}
.lc-composer .lc-icon{background:none;border:none;font-size:20px;cursor:pointer;color:var(--lc-muted);padding:4px;}
.lc-composer .lc-send{background:var(--lc-primary);color:#fff;border:none;width:40px;height:40px;border-radius:50%;font-size:16px;cursor:pointer;flex:0 0 auto;}
.lc-error{color:#b91c1c;font-size:12px;margin-bottom:8px;}
.lc-fb-title{font-weight:600;font-size:14px;margin-bottom:10px;text-align:center;}
.lc-fb-row{margin-bottom:10px;}
.lc-fb-label{font-size:12px;color:#374151;margin-bottom:2px;}
.lc-stars{display:flex;gap:4px;}
.lc-stars span{font-size:26px;line-height:1;color:#d1d5db;cursor:pointer;transition:color .1s;}
.lc-stars span:hover,.lc-stars span.on{color:#f59e0b;}
.lc-fb-thanks{text-align:center;font-size:14px;color:#16a34a;margin-bottom:10px;}
.lc-credit{text-align:center;font-size:11px;color:#9ca3af;padding:6px;border-top:1px solid #f1f5f9;background:#fff;}
.lc-attach{display:inline-block;margin-top:4px;font-size:12px;}
.lc-attach img{max-width:160px;border-radius:8px;display:block;}