#nlc-widget{position:fixed;left:16px;bottom:16px;z-index:999999;direction:rtl}
#nlc-widget .nlc-fab{width:56px;height:56px;border-radius:999px;border:none;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.18);background:#111;color:#fff;font-size:22px}
#nlc-widget .nlc-hidden{display:none!important}
#nlc-widget .nlc-panel{width:340px;max-width:calc(100vw - 32px);height:520px;max-height:calc(100vh - 32px);background:#fff;border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.20);overflow:hidden;display:flex;flex-direction:column}
#nlc-widget .nlc-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#0f172a;color:#fff}
#nlc-widget .nlc-title{font-weight:700;font-size:14px;line-height:1.2}
#nlc-widget .nlc-actions{display:flex;gap:8px;align-items:center}
#nlc-widget .nlc-actions button{border:none;background:rgba(255,255,255,.12);color:#fff;border-radius:10px;width:32px;height:32px;cursor:pointer}
#nlc-widget .nlc-actions .nlc-notify.is-on{background:rgba(16,185,129,.35)}
#nlc-widget .nlc-body{flex:1;overflow:auto;padding:12px;background:#f8fafc}
#nlc-widget .nlc-footer{padding:10px 12px;background:#fff;border-top:1px solid #e5e7eb}
#nlc-widget .nlc-input-wrap{display:flex;gap:10px;align-items:flex-end}
#nlc-widget .nlc-input{flex:1;resize:none;border:1px solid #e5e7eb;border-radius:12px;padding:8px 10px;outline:none;min-height:38px;max-height:120px;line-height:1.6}
#nlc-widget .nlc-send{border:none;background:#111;color:#fff;border-radius:12px;padding:10px 14px;cursor:pointer}
#nlc-widget .nlc-msg{display:flex;gap:10px;margin:10px 0;align-items:flex-end}
#nlc-widget .nlc-avatar{width:32px;height:32px;border-radius:999px;background:#e2e8f0;display:flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:12px;font-weight:700;color:#334155}
#nlc-widget .nlc-bubble{max-width:75%;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:8px 10px;box-shadow:0 6px 16px rgba(0,0,0,.06)}
#nlc-widget .nlc-text{font-size:13px;line-height:1.8;word-break:break-word}
#nlc-widget .nlc-meta{margin-top:6px;font-size:11px;opacity:.70}
#nlc-widget .nlc-msg.is-visitor{justify-content:flex-start}
#nlc-widget .nlc-msg.is-admin{justify-content:flex-end}
#nlc-widget .nlc-msg.is-admin .nlc-avatar{order:2}
#nlc-widget .nlc-msg.is-admin .nlc-bubble{order:1;background:#0b1220;color:#fff;border-color:#0b1220}
#nlc-widget .nlc-msg.is-admin .nlc-meta{opacity:.75}
#nlc-widget .nlc-seen{margin-top:6px;font-size:11px;opacity:.85}
#nlc-widget .nlc-msg.is-failed .nlc-bubble{border-color:#ef4444}
#nlc-widget .nlc-gate{padding:14px;background:#fff;border-top:1px solid #e5e7eb}
#nlc-widget .nlc-gate-inner{display:flex;flex-direction:column;gap:10px}
#nlc-widget .nlc-gate-title{font-weight:800;font-size:14px}
#nlc-widget .nlc-field input{width:100%;border:1px solid #e5e7eb;border-radius:12px;padding:10px 12px;outline:none}
#nlc-widget .nlc-field button{width:100%;border:none;background:#111;color:#fff;border-radius:12px;padding:12px;cursor:pointer}
#nlc-widget .nlc-gate-hint{font-size:11px;opacity:.65}
#nlc-widget.nlc-fullscreen{left:0;bottom:0}
#nlc-widget.nlc-fullscreen .nlc-panel{position:fixed;inset:0;width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0}

#nlc-widget .nlc-avatar img{width:100%;height:100%;border-radius:999px;object-fit:cover;display:block}

#nlc-widget .nlc-meta{display:flex;align-items:center;gap:8px;justify-content:flex-end}
#nlc-widget .nlc-msg.is-visitor .nlc-meta{justify-content:flex-start}
#nlc-widget .nlc-ticks{font-size:12px;opacity:.9;white-space:nowrap}

#nlc-widget .nlc-notify-tip{position:absolute;top:42px;left:8px;right:auto;background:#111;color:#fff;font-size:12px;padding:8px 10px;border-radius:12px;box-shadow:0 12px 28px rgba(0,0,0,.20);max-width:240px}
#nlc-widget .nlc-header{position:relative}

#nlc-widget .nlc-card{display:block;text-decoration:none;color:inherit;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;background:#fff;max-width:250px}
#nlc-widget .nlc-card-img img{width:100%;height:auto;display:block}
#nlc-widget .nlc-card-body{padding:10px 12px;color:#333}
#nlc-widget .nlc-card-title{font-weight:800;margin-bottom:6px}
#nlc-widget .nlc-card-ex{font-size:12px;opacity:.75;line-height:1.6}


#nlc-widget .nlc-badge{
  position:absolute;
  top:-6px;
  right:-6px;
  min-width:18px;
  height:18px;
  padding:0 5px;
  border-radius:999px;
  background:#ef4444;
  color:#fff;
  font-size:12px;
  font-weight:800;
  display:flex;
  align-items:center;
  justify-content:center;
}
#nlc-widget .nlc-fab{position:fixed}
#nlc-widget .nlc-fab.nlc-ping{animation:nlcPing 1.1s ease-in-out}
@keyframes nlcPing{0%{transform:scale(1)}30%{transform:scale(1.08)}60%{transform:scale(1)}100%{transform:scale(1)}}

#nlc-widget .nlc-supporters{margin-top:6px;font-size:12px;opacity:.95;display:flex;flex-direction:column;gap:6px}
#nlc-widget .nlc-sup{display:flex;align-items:center;gap:6px}
#nlc-widget .nlc-sup-av{width:18px;height:18px;border-radius:999px;object-fit:cover;background:#e5e7eb}
#nlc-widget .nlc-sup-name{font-weight:700}
#nlc-widget .nlc-sup-st{opacity:.8;margin-right:4px}
#nlc-widget .nlc-faq-box{margin:10px 0;padding:10px;border:1px solid #e5e7eb;border-radius:14px;background:#fff}
#nlc-widget .nlc-faq-title{font-weight:800;margin-bottom:8px}
#nlc-widget .nlc-faq-item{border-top:1px solid #f1f5f9;padding-top:8px;margin-top:8px}
#nlc-widget .nlc-faq-item summary{cursor:pointer;font-weight:700}
#nlc-widget .nlc-faq-a{margin-top:6px;opacity:.9;line-height:1.7}
#nlc-widget .nlc-faq-hint{margin-top:10px;font-size:12px;opacity:.75}
#nlc-widget .nlc-gate-sep{height:1px;background:#e5e7eb;margin:10px 0}

/* modal (scheduled messages) */
#nlc-widget .nlc-modal{position:fixed;inset:0;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;z-index:999999}
#nlc-widget .nlc-modal-card{width:min(420px, calc(100vw - 40px));background:#fff;border-radius:16px;padding:14px;box-shadow:0 20px 60px rgba(0,0,0,.25);max-height:min(70vh,520px);overflow:auto}
#nlc-widget .nlc-modal-title{font-weight:900;margin-bottom:10px}
#nlc-widget .nlc-modal-actions{display:flex;justify-content:flex-end;margin-top:12px}
#nlc-widget .nlc-modal-actions .nlc-close{border:1px solid #e5e7eb;background:#fff;border-radius:12px;padding:8px 12px;cursor:pointer}
#nlc-widget .nlc-sch-item{border:1px solid #e5e7eb;border-radius:12px;padding:10px;margin:8px 0}
#nlc-widget .nlc-sch-head{font-weight:800;margin-bottom:6px}
#nlc-widget .nlc-sch-msg{opacity:.9;line-height:1.7}
