/* Base variables */
:root{
  --shg-primary: #111827; /* text bg for user bubble */
  --shg-accent: #ffd95a;  /* bubble & button */
  --shg-border: #e5e7eb;
  --shg-muted: #fafafa;
  --shg-card: #ffffff;
  --shg-text: #1f2937;
}
.theme-dark:root, .theme-dark{
  --shg-primary: #0f172a;
  --shg-accent: #ffd95a;
  --shg-border: #1f2937;
  --shg-muted: #0b1220;
  --shg-card: #0f172a;
  --shg-text: #e5e7eb;
}

.shg-ai-card{border:1px solid var(--shg-border);border-radius:14px;overflow:hidden;background:var(--shg-card);box-shadow:0 10px 25px rgba(0,0,0,.05)}
.shg-ai-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:linear-gradient(90deg,#faf5ff,#f0f9ff);border-bottom:1px solid var(--shg-border)}
.shg-ai-header-left{display:flex;gap:12px;align-items:center}
.shg-ai-title{font-weight:700}
.shg-ai-sub{font-size:12px;opacity:.7}
.shg-ai-wa-btn{background:#25D366;border:none;color:#0b2e13;font-weight:700;padding:8px 12px;border-radius:999px;cursor:pointer}
.shg-ai-body{height:58vh;max-height:70vh;overflow:auto;background:var(--shg-muted)}
.shg-ai-messages{padding:14px;display:flex;flex-direction:column;gap:10px}
.shg-ai-msg{max-width:78%;padding:10px 12px;border-radius:12px;white-space:pre-wrap}
.shg-ai-bot{background:#eef2ff;color:var(--shg-text);align-self:flex-start;border-top-left-radius:4px}
.shg-ai-user{background:var(--shg-primary);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}
.shg-ai-time{font-size:11px;opacity:.6;margin-top:6px;text-align:right}
.shg-ai-input{border-top:1px solid var(--shg-border);background:#f8fafc;padding:10px}
#shgForm, #shgF_Form{display:flex;gap:8px}
#shgInput, #shgF_Input{flex:1;resize:none;border:1px solid var(--shg-border);border-radius:10px;padding:10px}
#shgSend, #shgF_Send{background:linear-gradient(90deg,var(--shg-accent),#fbbf24);border:none;border-radius:10px;padding:0 18px;font-weight:700}

/* Floating */
.shg-float-bubble{position:fixed;bottom:18px;width:60px;height:60px;background:var(--shg-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:800;cursor:pointer;z-index:999999;box-shadow:0 12px 25px rgba(0,0,0,.15);color:#1f2937}
.shg-float-bubble.pos-right{right:18px}
.shg-float-bubble.pos-left{left:18px}

.shg-float-window{position:fixed;bottom:90px;width:360px;max-width:92vw;max-height:70vh;background:var(--shg-card);border-radius:14px;box-shadow:0 0 25px rgba(0,0,0,.2);display:none;flex-direction:column;overflow:hidden;z-index:999999;border:1px solid var(--shg-border)}
.shg-float-window.pos-right{right:18px}
.shg-float-window.pos-left{left:18px}

.shg-float-header{padding:12px;background:linear-gradient(90deg,#faf5ff,#f0f9ff);border-bottom:1px solid var(--shg-border);font-weight:700;display:flex;justify-content:space-between;align-items:center}
.shg-chat-close{cursor:pointer;font-size:18px;padding:5px}

/* Animations */
.shg-animate{transform:translateY(10px);opacity:0;transition:transform .25s ease, opacity .25s ease}
.shg-animate.open{transform:translateY(0);opacity:1}

@media (max-width:600px){.shg-ai-msg{max-width:92%}}