/* =========================================================
   CLASS 6 · LIGHT THEME  (body.light-mode)
   Pink / Purple palette — warm, cheerful, clear
   ========================================================= */

body.light-mode {
  background: #fdf6ff !important;
  color: #1a0830 !important;
}
body.light-mode #bgCanvas { opacity: 0.06 !important; }
body.light-mode .glitter-container { opacity: 0.12 !important; }

/* ── LEFT SIDEBAR ── */
body.light-mode .sidebar {
  background: linear-gradient(180deg, #ede0ff 0%, #e2d0ff 100%) !important;
  border-right: 2px solid rgba(140,40,210,0.20) !important;
}
body.light-mode .sidebar-header {
  border-bottom: 1px solid rgba(140,40,210,0.15) !important;
}
body.light-mode .sb-brand {
  color: #5a18b0 !important;
  -webkit-text-fill-color: #5a18b0 !important;
  background: none !important;
  background-clip: unset !important;
}
body.light-mode .new-chat-btn {
  background: rgba(130,40,210,0.10) !important;
  border: 1.5px solid rgba(140,40,210,0.30) !important;
  color: #5a18b0 !important;
}
body.light-mode .new-chat-btn:hover { background: rgba(130,40,210,0.18) !important; }
body.light-mode .sidebar-search input {
  background: #fff !important;
  border: 1.5px solid rgba(140,40,210,0.22) !important;
  color: #1a0830 !important;
}
body.light-mode .sidebar-search input::placeholder { color: #8850b8 !important; }
body.light-mode .history-section-label { color: #8050a8 !important; }
body.light-mode .chat-history-item {
  background: #fff !important;
  border: 1.5px solid rgba(140,40,210,0.14) !important;
  color: #1a0830 !important;
  box-shadow: 0 1px 5px rgba(110,30,180,0.06) !important;
}
body.light-mode .chat-history-item:hover { background: #f2e8ff !important; }
body.light-mode .chat-history-item.active {
  background: #eadaff !important;
  border-color: rgba(140,40,210,0.40) !important;
}
body.light-mode .chat-history-item button,
body.light-mode .chat-title { color: #1a0830 !important; }
body.light-mode .sb-bottom-btn {
  background: rgba(130,40,210,0.07) !important;
  border: 1.5px solid rgba(140,40,210,0.18) !important;
  color: #5a18b0 !important;
}
body.light-mode .sb-bottom-btn:hover { background: rgba(130,40,210,0.14) !important; }
body.light-mode .upgrade-btn {
  background: linear-gradient(135deg,rgba(140,40,210,0.14),rgba(100,20,180,0.10)) !important;
  border-color: rgba(140,40,210,0.35) !important;
}
body.light-mode .user-name { color: #1a0830 !important; }
body.light-mode .user-email { color: #7840a0 !important; }
body.light-mode .user-chevron { color: #8850b8 !important; }
body.light-mode .user-menu {
  background: #faf4ff !important;
  border: 1.5px solid rgba(140,40,210,0.22) !important;
}
body.light-mode .user-menu button { color: #1a0830 !important; }
body.light-mode .user-menu button:hover { background: rgba(130,40,210,0.08) !important; }
body.light-mode .sidebar-toggle-btn { color: #7040b0 !important; }
body.light-mode .sidebar-collapsed-btn {
  background: rgba(140,40,210,0.10) !important;
  border-color: rgba(140,40,210,0.28) !important;
  color: #5a18b0 !important;
}

/* ── TOP BAR ── */
body.light-mode .top-bar {
  background: rgba(237, 224, 255, 0.98) !important;
  border-bottom: 2px solid rgba(140,40,210,0.16) !important;
  box-shadow: 0 2px 14px rgba(110,30,180,0.08) !important;
}
body.light-mode .top-explainables { color: #5a18b0 !important; }
body.light-mode .top-sub { color: #8850b8 !important; }
body.light-mode .top-icon-btn {
  background: #fff !important;
  border: 1.5px solid rgba(140,40,210,0.22) !important;
  color: #5a18b0 !important;
  box-shadow: 0 1px 4px rgba(110,30,180,0.07) !important;
}
body.light-mode .top-icon-btn:hover {
  background: #f0e2ff !important;
  border-color: rgba(140,40,210,0.42) !important;
}
body.light-mode .top-login-btn {
  background: rgba(140,40,210,0.10) !important;
  border: 1.5px solid rgba(140,40,210,0.32) !important;
  color: #5a18b0 !important;
}
body.light-mode .questions-left { color: #7040b0 !important; }

/* ── HOME SCREEN ── */
body.light-mode .home-screen { background: transparent !important; }
body.light-mode .greeting-subtitle {
  color: #7040b0 !important;
  -webkit-text-fill-color: #7040b0 !important;
  background: none !important;
  background-clip: unset !important;
}
body.light-mode .greeting-main {
  color: #1a0830 !important;
  -webkit-text-fill-color: #1a0830 !important;
  background: none !important;
  background-clip: unset !important;
}
body.light-mode .chip {
  background: #fff !important;
  border: 1.5px solid rgba(140,40,210,0.20) !important;
  color: #5a18b0 !important;
  box-shadow: 0 1px 6px rgba(110,30,180,0.07) !important;
}
body.light-mode .chip:hover {
  background: #f0e2ff !important;
  border-color: rgba(140,40,210,0.40) !important;
}

/* ── CHAT AREA ── */
body.light-mode #chatMessages { background: #fdf6ff !important; }

body.light-mode .msg.bot .msg-bubble {
  background: #fff !important;
  border: 1.5px solid rgba(140,40,210,0.16) !important;
  box-shadow: 0 2px 12px rgba(110,30,180,0.08) !important;
  color: #1a0830 !important;
}
body.light-mode .msg.bot .msg-bubble,
body.light-mode .msg.bot .msg-bubble * { color: #1a0830 !important; }
body.light-mode .msg.bot .msg-bubble strong,
body.light-mode .msg.bot .msg-bubble b { color: #5a18b0 !important; }
body.light-mode .msg.bot .msg-bubble h1,
body.light-mode .msg.bot .msg-bubble h2,
body.light-mode .msg.bot .msg-bubble h3,
body.light-mode .msg.bot .msg-bubble h4 { color: #5a18b0 !important; font-weight: 700 !important; }
body.light-mode .msg.bot .msg-bubble em { color: #7040b0 !important; }
body.light-mode .msg.bot .msg-bubble li { color: #1a0830 !important; }
body.light-mode .msg.bot .msg-bubble li::marker { color: #8840c8 !important; }
body.light-mode .msg.bot .msg-bubble code {
  background: #eedfff !important;
  color: #5a18b0 !important;
  border: 1px solid rgba(140,40,210,0.22) !important;
}
body.light-mode .msg.bot .msg-bubble pre {
  background: #eedfff !important;
  border: 1.5px solid rgba(140,40,210,0.20) !important;
  border-radius: 8px !important;
}
body.light-mode .msg.bot .msg-bubble pre * { color: #4a1090 !important; }

body.light-mode .msg.user .msg-bubble {
  background: rgba(140,40,210,0.09) !important;
  border: 1.5px solid rgba(140,40,210,0.22) !important;
  color: #1a0830 !important;
}
body.light-mode .msg.user .msg-bubble * { color: #1a0830 !important; }

body.light-mode .msg-avatar { background: rgba(140,40,210,0.12) !important; color: #5a18b0 !important; }
body.light-mode .msg.user .msg-avatar {
  background: linear-gradient(135deg, #c070ff, #8830e0) !important;
  color: #fff !important;
}

body.light-mode .msg-action-btn {
  background: #fff !important;
  border: 1px solid rgba(140,40,210,0.16) !important;
  color: #7040b0 !important;
}
body.light-mode .msg-action-btn:hover { background: #f2e8ff !important; }

/* ── INPUT AREA ── */
body.light-mode .chat-input-area {
  background: rgba(237,224,255,0.97) !important;
  border-top: 2px solid rgba(140,40,210,0.16) !important;
}
body.light-mode .input-box-wrap {
  background: #fff !important;
  border: 1.5px solid rgba(140,40,210,0.22) !important;
  box-shadow: 0 2px 14px rgba(110,30,180,0.08) !important;
}
body.light-mode #inputBox {
  background: transparent !important;
  color: #1a0830 !important;
  caret-color: #8030d0 !important;
}
body.light-mode #inputBox[data-placeholder]:empty::before { color: #9060c0 !important; }
body.light-mode .send-btn { background: #7030c8 !important; color: #fff !important; }
body.light-mode .input-action-btn { background: rgba(140,40,210,0.08) !important; color: #7040b0 !important; }
body.light-mode .disclaimer { color: #9060c0 !important; }

/* ── RIGHT SIDEBAR ── */
body.light-mode .right-sidebar {
  background: linear-gradient(180deg, #ede0ff 0%, #e2d0ff 100%) !important;
  border-left: 2px solid rgba(140,40,210,0.18) !important;
}
body.light-mode #libSearch {
  background: #fff !important;
  border: 1.5px solid rgba(140,40,210,0.22) !important;
  color: #1a0830 !important;
}
body.light-mode #libSearch::placeholder { color: #9060c0 !important; }
body.light-mode .lib-section-title { color: #6030a8 !important; font-weight: 700 !important; }
body.light-mode .lib-item {
  background: #fff !important;
  border: 1.5px solid rgba(140,40,210,0.16) !important;
  color: #1a0830 !important;
  border-radius: 8px !important;
  padding: 8px 12px !important;
  margin-bottom: 6px !important;
  display: block !important;
}
body.light-mode .lib-item:hover { background: #f2e8ff !important; cursor: pointer; }

/* ── TOASTS ── */
body.light-mode #toastMsg {
  background: #fff !important;
  border: 1.5px solid rgba(140,40,210,0.22) !important;
  color: #1a0830 !important;
  box-shadow: 0 8px 32px rgba(110,30,180,0.12) !important;
}

/* ── EXHAUSTED BANNER ── */
body.light-mode .exhausted-banner {
  background: rgba(220,40,40,0.08) !important;
  border-color: rgba(220,40,40,0.28) !important;
  color: #b81800 !important;
}

/* ── ALL MODALS ── */
body.light-mode .modal-overlay {
  background: rgba(10,0,26,0.50) !important;
  backdrop-filter: blur(14px) !important;
}
body.light-mode .modal-overlay > div,
body.light-mode .modal-overlay.open > div {
  background: #fdf6ff !important;
  border: 2px solid rgba(140,40,210,0.22) !important;
  color: #1a0830 !important;
  box-shadow: 0 24px 70px rgba(110,30,180,0.16) !important;
}
body.light-mode .modal-overlay * { color: #1a0830 !important; }
body.light-mode .modal-overlay input,
body.light-mode .modal-overlay textarea,
body.light-mode .modal-overlay select {
  background: #fff !important;
  border: 1.5px solid rgba(140,40,210,0.22) !important;
  color: #1a0830 !important;
}
body.light-mode .modal-overlay h2,
body.light-mode .modal-overlay h3 { color: #5a18b0 !important; }

/* Settings */
body.light-mode .stab {
  background: #eedfff !important;
  color: #6030a8 !important;
  border-color: rgba(140,40,210,0.20) !important;
}
body.light-mode .stab.active { background: #7030c8 !important; color: #fff !important; }
body.light-mode .setting-row {
  background: #f4ecff !important;
  border: 1px solid rgba(140,40,210,0.16) !important;
  border-radius: 10px !important;
}
body.light-mode .setting-row * { color: #1a0830 !important; }
body.light-mode .setting-info h4 { color: #1a0830 !important; font-weight: 700 !important; }
body.light-mode .setting-info p { color: #7840a0 !important; }

/* ── STICKY PANEL ── */
body.light-mode #stickyPanel {
  background: #fdf6ff !important;
  border: 2px solid rgba(140,40,210,0.22) !important;
  box-shadow: 0 20px 60px rgba(110,30,180,0.14) !important;
}
body.light-mode #stickyPanel span,
body.light-mode #stickyPanel p { color: #1a0830 !important; }
body.light-mode #stickyPanel textarea {
  background: #fff !important;
  border-color: rgba(140,40,210,0.22) !important;
  color: #1a0830 !important;
}
body.light-mode #stickyPanel button { color: #7040b0 !important; }

/* ── STREAK MODAL ── */
body.light-mode #v13StreakModal > div {
  background: #fdf6ff !important;
  border-color: rgba(140,40,210,0.25) !important;
}

/* ── MSG FEATURE BTNS ── */
body.light-mode .msg-feat-btns button {
  background: #fff !important;
  border: 1.5px solid rgba(140,40,210,0.18) !important;
  color: #7040b0 !important;
}
body.light-mode .msg-feat-btns button:hover { background: #f2e8ff !important; }

/* ── SCROLLBAR ── */
body.light-mode ::-webkit-scrollbar-track { background: #eedfff; }
body.light-mode ::-webkit-scrollbar-thumb { background: rgba(140,40,210,0.30); }

/* ── GUEST GATE / TOUR MODALS (keep dark overlays) ── */
body.light-mode #v13GG,
body.light-mode [id*="TourCard"],
body.light-mode [id*="TourDim"] { /* leave as-is */ }


/* ── CHAT CANVAS — LIGHT MODE ─────────────────────────────── */
/* ── FEATURE BUTTONS (Flashcard, Memory Card, Save PDF, Read Aloud, Copy) ── */
body.light-mode .v16Btn {
  background: #fff !important;
  border: 1px solid rgba(140,40,210,0.22) !important;
  color: #5a18b0 !important;
}
body.light-mode .v16Btn:hover { background: #f2e8ff !important; }
body.light-mode .v16Sat { color: #8050a8 !important; }
body.light-mode .v16SatBtn {
  background: rgba(255,255,255,0.85) !important;
  border: 1px solid rgba(140,40,210,0.18) !important;
  color: #5a18b0 !important;
}
body.light-mode .v16SatBtn:hover { background: #f2e8ff !important; }
body.light-mode .v16SatBtn.chosen { background: rgba(140,40,210,0.14) !important; }

body.light-mode #chatCanvas6 { opacity: 0.30 !important; }
/* Restore solid light-mode bubble backgrounds over canvas */
body.light-mode .msg.bot .msg-bubble {
  background: rgba(255,255,255,0.95) !important;
  backdrop-filter: blur(10px) !important;
  border: 1.5px solid rgba(140,40,210,0.18) !important;
  box-shadow: 0 2px 12px rgba(110,30,180,0.10) !important;
  color: #1a0830 !important;
}
body.light-mode .msg.user .msg-bubble {
  background: rgba(237,224,255,0.94) !important;
  backdrop-filter: blur(10px) !important;
  border: 1.5px solid rgba(140,40,210,0.22) !important;
  color: #1a0830 !important;
}
body.light-mode .msg-action-btn,
body.light-mode .msg-feat-btns button {
  background: rgba(255,255,255,0.95) !important;
  border: 1px solid rgba(140,40,210,0.22) !important;
  color: #7040b0 !important;
}
body.light-mode .chat-input-area {
  background: rgba(237,224,255,0.97) !important;
}

/* ── ATTACHMENT CHIPS (file preview) ── */
body.light-mode .ex-attach-chip {
  background: #fff !important;
  border: 1.5px solid rgba(140,40,210,0.22) !important;
}
body.light-mode .ex-attach-chip div { color: #1a0830 !important; }
body.light-mode .ex-chip-x { color: rgba(90,24,176,0.45) !important; }
body.light-mode .ex-chip-x:hover { color: #5a18b0 !important; }