/* Chat Themes (data-theme on body) */

body {
  transition: background 0.25s ease, color 0.25s ease;
}

body[data-theme="default"] {
  --shiner-bg: #f3f4f6;
  --shiner-text: #111827;
  --shiner-user-bg: #2563eb;
  --shiner-user-text: #ffffff;
  --shiner-ai-bg: #ffffff;
  --shiner-ai-text: #111827;
  --shiner-panel-bg: #f9fafb;
}

body[data-theme="dark"] {
  --shiner-bg: #0f172a;
  --shiner-text: #e5e7eb;
  --shiner-user-bg: #2563eb;
  --shiner-user-text: #ffffff;
  --shiner-ai-bg: #1e293b;
  --shiner-ai-text: #e5e7eb;
  --shiner-panel-bg: #0f172a;
  --shiner-border: rgba(248, 250, 252, 0.08);
}

body[data-theme="gradient"] {
  --shiner-bg: linear-gradient(135deg, #667eea, #764ba2);
  --shiner-text: #111827;
  --shiner-user-bg: #4f46e5;
  --shiner-user-text: #ffffff;
  --shiner-ai-bg: rgba(255, 255, 255, 0.92);
  --shiner-ai-text: #111827;
  --shiner-panel-bg: rgba(255, 255, 255, 0.78);
}

/* Gradient theme: big title (landing + chat-welcome) in milky white, no gradient */
body[data-theme="gradient"] .shiner-hero-title-gradient {
  background: none;
  -webkit-background-clip: unset;
  background-clip: unset;
  -webkit-text-fill-color: #f5f5f0;
  color: #f5f5f0;
}

body[data-theme="minimal"] {
  --shiner-bg: transparent;
  --shiner-text: #111827;
  --shiner-user-bg: transparent;
  --shiner-user-text: #1f2937;
  --shiner-ai-bg: transparent;
  --shiner-ai-text: #374151;
  --shiner-panel-bg: transparent;
}

body[data-theme="webapp"] {
  --shiner-bg: #efeae2;
  --shiner-text: #111b21;
  --shiner-user-bg: #d9fdd3;
  --shiner-user-text: #111b21;
  --shiner-ai-bg: #ffffff;
  --shiner-ai-text: #111b21;
  --shiner-panel-bg: #f0f2f5;
  --shiner-border: rgba(0, 0, 0, 0.08);
}

/* Apply theme variables */
body {
  background: var(--shiner-bg, #f3f4f6);
  color: var(--shiner-text, #111827);
}

.shiner-main {
  background: transparent !important;
}

.shiner-sidebar {
  background: var(--shiner-panel-bg, #f9fafb) !important;
}


.shiner-chat-bubble.ai {
  background: var(--shiner-ai-bg, #ffffff) !important;
  color: var(--shiner-ai-text, #111827) !important;
}

/* Web App (WhatsApp-style) polish */
body[data-theme="webapp"] .shiner-sidebar {
  border-right: 1px solid var(--shiner-border, rgba(0, 0, 0, 0.08));
}
body[data-theme="webapp"] .shiner-chat-container {
  background: var(--shiner-bg);
}
body[data-theme="webapp"] .shiner-chat-bubble.user,
body[data-theme="webapp"] .shiner-chat-bubble.ai {
  border-radius: 10px !important;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06) !important;
}
body[data-theme="webapp"] .shiner-chat-message {
  margin-bottom: 8px;
}
body[data-theme="webapp"] .shiner-avatar.ai {
  background: #25d366;
  color: #ffffff;
}
body[data-theme="webapp"] .shiner-avatar.user {
  background: #0ea5e9;
  color: #ffffff;
}

body[data-theme="gradient"] .pt-3.mt-3.border-top.position-sticky.bottom-0.bg-light.sidebar-footer {
  background: none !important;
}

body[data-theme="gradient"] .shiner-chat-bubble.user {
  background:  #ffe9af !important; color:  #111827 !important;
  
}
body[data-theme="gradient"] .shiner-copy-btn {color:#111827 !important;}
body[data-theme="gradient"]  .shiner-sidebar .sidebar-footer {background: none}


/* Minimal = clean borders, no heavy shadows; scoped so it does not affect other themes */
body[data-theme="minimal"] .shiner-chat-container {
  background: var(--shiner-bg, #f8fafc) !important;
  border-left: 1px solid #e2e8f0;
}
body[data-theme="minimal"] .shiner-chat-bubble.user,
body[data-theme="minimal"] .shiner-chat-bubble.ai {
  border: 1px solid #e2e8f0 !important;
  box-shadow: none !important;
  padding: 10px 14px !important;
  border-radius: 12px !important;
  background: #ffffff !important;
}
body[data-theme="minimal"] .shiner-chat-bubble.user {
  color: #1f2937 !important;
  border-color: #bfdbfe !important;
  background: #eff6ff !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
body[data-theme="minimal"] .shiner-chat-bubble.user .shiner-chat-user-content,
body[data-theme="minimal"] .shiner-chat-bubble.user .shiner-chat-user-content p {
  color: #1f2937 !important;
}

body[data-theme="minimal"] .shiner-chat-bubble.user.shiner-chat-bubble-no-attachments {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
body[data-theme="minimal"] .shiner-chat-bubble.ai {
  color: #374151 !important;
  border-color: #e2e8f0 !important;
}
body[data-theme="minimal"] .shiner-chat-message {
  margin-bottom: 10px;
}
body[data-theme="minimal"] .shiner-card {
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
}


/* Avatar colors (fallback; webapp/minimal etc. override above) */
.shiner-avatar.ai {
  background: #10b981;
  color: #ffffff;
}
.shiner-avatar.user {
  background: #3b82f6;
  color: #ffffff;
}