/* Chat widget design overrides */
#chat-widget {
  bottom: 24px;
  right: 24px;
  z-index: 2000;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
}

#chat-button {
  background: linear-gradient(var(--primary-gradient)) !important;
  color: #ffffff !important;
  box-shadow: 0 8px 20px rgba(0,0,0,0.25) !important;
  transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease !important;
}

#chat-button:hover {
  transform: translateY(-2px) scale(1.03);
  box-shadow: 0 12px 26px rgba(0,0,0,0.28) !important;
}

#chat-box {
  width: 360px !important;
  height: 520px !important;
  background: #ffffff !important;
  border-radius: var(--rounded-1) !important;
  border: 1px solid rgba(0,0,0,0.06) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,0.25) !important;
}

#chat-header {
  background: linear-gradient(var(--primary-gradient)) !important;
  color: #ffffff !important;
  padding: 12px 14px !important;
  font-weight: 700 !important;
}

#chat-header button {
  color: inherit !important;
  font-size: 22px !important;
  line-height: 1 !important;
}

body.dark-scheme #chat-box {
  background: var(--bg-dark-2) !important;
  color: var(--body-font-color-dark) !important;
  border-color: rgba(255,255,255,0.08) !important;
}

body.dark-scheme #chat-header {
  background: linear-gradient(var(--primary-gradient)) !important;
}

/* Responsive */
@media (max-width: 992px) {
  #chat-box { width: 360px !important; height: 480px !important; }
}
@media (max-width: 768px) {
  #chat-widget { bottom: 16px; right: 16px; }
  #chat-button { width: 56px; height: 56px; font-size: 22px; }
  #chat-box { width: min(92vw, 360px) !important; height: 70vh !important; }
}
@media (max-width: 480px) {
  #chat-widget { bottom: 12px; right: 12px; }
  #chat-button { width: 52px; height: 52px; font-size: 20px; }
  #chat-box { width: 92vw !important; height: 72vh !important; }
}