:root{
  --drs-bg:#fff; --drs-card:#f8fbfd; --drs-text:#1b2330;
  --drs-primary:#6C5CE7; --drs-accent:#20c997; --drs-border:#e6eef6;
}
#drslim-chat-bubble{
  position:fixed; display:flex; align-items:center; justify-content:center;
  background:#fff; border-radius:50%; box-shadow:0 10px 26px rgba(0,0,0,.12);
  cursor:pointer; z-index:99999; font-size:26px; line-height:1;
}
.drs-modal{ position:fixed; right:20px; bottom:96px; width:420px; max-width:95vw;
  border:1px solid var(--drs-border); border-radius:16px; background:#fff;
  box-shadow:0 24px 60px rgba(0,0,0,.18); overflow:hidden; display:flex; flex-direction:column; }
.drs-header{ background:linear-gradient(135deg,var(--drs-primary),#7f75f0); color:#fff; padding:10px 12px; display:flex; align-items:center; justify-content:space-between }
.drs-title{ font-weight:700 }
.drs-close{ background:rgba(255,255,255,.2); color:#fff; border:none; padding:4px 8px; border-radius:10px; cursor:pointer }
.drs-messages{ background:var(--drs-card); padding:14px; height:420px; overflow:auto }
.drs-row{ display:flex; gap:8px; margin:10px 0; align-items:flex-end }
.drs-bubble{ background:#fff; border:1px solid var(--drs-border); border-radius:16px; padding:10px 12px; max-width:78%; line-height:1.55; color:var(--drs-text) }
.drs-row.user{ justify-content:flex-end }
.drs-row.user .drs-bubble{ background:#eef7ff; border-color:#d7e9ff }
.drs-inputs{ display:flex; gap:8px; padding:10px; border-top:1px solid var(--drs-border); background:#fff }
.drs-inputs input{ flex:1; padding:12px; border:1px solid var(--drs-border); border-radius:12px }
.drs-btn{ background:var(--drs-accent); color:#fff; border:none; padding:12px 16px; border-radius:12px; cursor:pointer; font-weight:700 }
.drs-btn-ghost{ background:#fff; color:#111; border:1px solid var(--drs-border); padding:12px 16px; border-radius:12px; cursor:pointer }
.drs-products .drs-card{ display:flex; gap:10px; align-items:center; border:1px solid var(--drs-border); padding:10px; border-radius:12px; background:#fff; margin:8px 0 }
.drs-products .drs-card img{ width:60px; height:60px; object-fit:cover; border-radius:10px }
.drs-toast{ position:fixed; bottom:90px; right:22px; background:#1f2937; color:#fff; padding:9px 12px; border-radius:12px; box-shadow:0 10px 24px rgba(0,0,0,.25); font-size:13px; display:none; z-index:100000 }
.drs-chat-card{ border:1px solid var(--drs-border); border-radius:16px; overflow:hidden; background:#fff; max-width:960px; margin:20px auto }
.drs-hint{ max-width:960px; margin:6px auto 20px; font-size:12px; opacity:.75 }
@media (max-width:480px){ .drs-messages{height:420px} .drs-bubble{max-width:86%} }