/* Kolbo AI Commerce Brain – Front CSS (RTL friendly) */
:root { --kacb-bg: rgba(17,24,39,.98); --kacb-fg:#fff; --kacb-accent:#22c55e; --kacb-muted:#334155; }
.kacb-popup {
  position: fixed; inset-inline-end: 16px; inset-block-end: 16px; z-index: 999999;
  background: var(--kacb-bg); color: var(--kacb-fg); padding: 16px; border-radius: 14px;
  box-shadow: 0 10px 30px rgba(0,0,0,.35); width: min(92vw, 340px); display:none;
}
.kacb-popup h3{margin:0 0 8px;font-size:18px}
.kacb-btn{display:inline-block;background:var(--kacb-accent);color:#08110a;padding:10px 14px;border-radius:12px;text-decoration:none;font-weight:600;margin-top:6px}
.kacb-close{position:absolute; inset-inline-start:8px; inset-block-start:8px; cursor:pointer; opacity:.6}
/* Chat bubble */
.kacb-chat-toggle{
  position: fixed; inset-inline-start: 16px; inset-block-end: 16px; z-index: 999998;
  background: var(--kacb-accent); color:#08110a; border-radius: 999px; padding: 10px 14px; font-weight:700; cursor:pointer;
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
}
.kacb-chatbox{
  position: fixed; inset-inline-start: 16px; inset-block-end: 70px; z-index: 999998;
  background: var(--kacb-bg); color: var(--kacb-fg); width: min(92vw, 360px); border-radius: 16px; padding: 12px; display:none;
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
}
.kacb-chatbox .kacb-log{max-height: 260px; overflow:auto; font-size:14px; line-height:1.4; padding:8px; background:#0b1220;border-radius:10px;margin-bottom:8px}
.kacb-chatbox input{width:100%;padding:10px;border-radius:12px;border:1px solid #263246;background:#0a1020;color:#fff}
.kacb-msg{margin:6px 0;padding:8px 10px;border-radius:10px}
.kacb-msg.user{background:#1f2937}
.kacb-msg.bot{background:#0b1726}

/* Sticky opener for coupon popup */
.kacb-coupon-open {
  position: fixed; inset-inline-end: 16px; inset-block-end: 16px; z-index: 999997;
  background: var(--kacb-muted); color:#fff; border-radius: 999px; padding: 10px 14px; font-weight:700; cursor:pointer;
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
}
.kacb-coupon-open.kacb-claimed { background: #0ea5e9; } /* visual change after claim */