#abg-chat-root{
  position:relative;
  z-index:2147483000;
}

.abg-widget{
  position:fixed;
  bottom:22px;
  z-index:2147483000;
  font-family:system-ui,-apple-system,Segoe UI,sans-serif;
  line-height:1.45;
  box-sizing:border-box;
  max-width:calc(100vw - 24px);
}
.abg-widget *, .abg-widget *::before, .abg-widget *::after{box-sizing:border-box}
.abg-right{right:22px}.abg-left{left:22px}

.abg-toggle{
  width:58px;
  height:58px;
  border-radius:999px;
  border:0;
  background:var(--abg-accent);
  color:#fff;
  font-size:24px;
  box-shadow:0 10px 30px rgba(0,0,0,.25);
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  touch-action:manipulation;
}
.abg-toggle:hover{filter:brightness(.96)}
.abg-toggle:focus-visible,.abg-close:focus-visible,.abg-clear:focus-visible,.abg-form button:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:2px}

.abg-panel{
  width:360px;
  max-width:calc(100vw - 32px);
  height:540px;
  max-height:calc(100vh - 90px);
  max-height:calc(100dvh - 90px);
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:18px;
  box-shadow:0 20px 60px rgba(0,0,0,.25);
  overflow:hidden;
  display:flex;
  flex-direction:column;
}
.abg-panel[hidden],.abg-toggle[hidden],.abg-is-hidden{display:none!important}

.abg-header{
  background:var(--abg-primary);
  color:#fff;
  padding:14px 16px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  flex:0 0 auto;
}
.abg-header strong{font-size:15px;line-height:1.2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.abg-header-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.abg-clear{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:999px;font-size:12px;line-height:1;padding:7px 10px;cursor:pointer;touch-action:manipulation}
.abg-clear:hover{background:rgba(255,255,255,.24)}
.abg-close{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:999px;font-size:24px;cursor:pointer;line-height:1;width:34px;height:34px;display:flex;align-items:center;justify-content:center;padding:0;touch-action:manipulation}
.abg-close:hover{background:rgba(255,255,255,.24)}

.abg-messages{padding:14px;overflow:auto;flex:1 1 auto;min-height:0;background:#f9fafb;-webkit-overflow-scrolling:touch}
.abg-msg{padding:10px 12px;border-radius:14px;margin:8px 0;line-height:1.58;font-size:14px;overflow-wrap:anywhere;word-break:normal;white-space:normal}
.abg-bot{background:#fff;color:#111827;border:1px solid #e5e7eb}
.abg-user{background:var(--abg-accent);color:#fff;margin-left:40px}
.abg-loading{opacity:.7}
.abg-form{display:flex;padding:10px;border-top:1px solid #e5e7eb;gap:8px;flex:0 0 auto;background:#fff}
.abg-form input{flex:1;min-width:0;border:1px solid #d1d5db;border-radius:999px;padding:10px 12px;font-size:16px}
.abg-form button{border:0;background:var(--abg-accent);color:#fff;border-radius:999px;padding:0 15px;cursor:pointer;touch-action:manipulation}
.abg-products{display:grid;gap:8px;margin:8px 0 12px}.abg-product{display:flex;gap:10px;text-decoration:none;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:8px;color:#111827}.abg-product img{width:48px;height:48px;object-fit:cover;border-radius:8px;flex:0 0 auto}.abg-product span{display:flex;flex-direction:column;font-size:13px;min-width:0}.abg-product strong{overflow:hidden;text-overflow:ellipsis}.abg-product em{font-style:normal;color:#4b5563;margin-top:2px}
.abg-quick-actions{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 12px}.abg-quick-action{border:1px solid #d1d5db;background:#fff;color:#111827;border-radius:999px;padding:8px 11px;font-size:13px;cursor:pointer;touch-action:manipulation}.abg-quick-action:hover{border-color:var(--abg-accent);color:var(--abg-accent)}

@media (max-width:600px){
  .abg-widget{bottom:14px;right:14px;left:auto;max-width:calc(100vw - 28px)}
  .abg-widget.abg-left{left:14px;right:auto}
  .abg-toggle{width:56px;height:56px;font-size:23px}
  .abg-panel{
    width:calc(100vw - 28px);
    max-width:calc(100vw - 28px);
    height:70vh;
    height:70dvh;
    max-height:620px;
    min-height:360px;
    border-radius:16px;
  }
  .abg-header{padding:12px 14px}
  .abg-msg{font-size:14px;line-height:1.6}
  .abg-user{margin-left:24px}
}

@media (max-height:560px){
  .abg-panel{height:calc(100vh - 76px);height:calc(100dvh - 76px);min-height:0}
}