/* =========================================================
   CLASS 9 · LIGHT THEME  (body.space-light)
   Soft indigo / lavender palette — readable over space canvas
   ========================================================= */

body.space-light { background: #eef0ff !important; color: #0a0e2a !important; }
body.space-light #bgCanvas9 { opacity: 0.05 !important; }

/* ── CHAT CANVAS — LIGHT MODE ─────────────────────────────── */
body.space-light #chatCanvas9 { opacity: 0.28 !important; }

/* ── LEFT SIDEBAR ── */
body.space-light .sidebar-9,
body.space-light [class*="left-sb9"] {
  background: linear-gradient(180deg,#dce0ff 0%,#ccd0ff 100%) !important;
  border-right: 2px solid rgba(80,100,220,0.22) !important;
}
body.space-light [class*="sb-brand-9"] { color: #1a2080 !important; }
body.space-light [class*="new-chat-9"] {
  background: rgba(60,80,200,0.10) !important;
  border: 1.5px solid rgba(80,100,220,0.32) !important;
  color: #1a2080 !important;
}
body.space-light [class*="sb-btn-9"] {
  background: rgba(60,80,200,0.08) !important;
  border: 1.5px solid rgba(80,100,220,0.22) !important;
  color: #1a2080 !important;
}

/* ── TOPBAR ── */
body.space-light .topbar-9 {
  background: rgba(220,224,255,0.98) !important;
  border-bottom: 2px solid rgba(80,100,220,0.18) !important;
  box-shadow: 0 2px 14px rgba(60,80,200,0.08) !important;
}
body.space-light .tb-main9 { color: #1a2080 !important; }
body.space-light .tb-sub9  { color: #5060b8 !important; }
body.space-light .topbar-btn-9 {
  background: #fff !important;
  border: 1.5px solid rgba(80,100,220,0.22) !important;
  color: #1a2080 !important;
}

/* ── HOME ── */
body.space-light .main-9 { background: #eef0ff !important; }
body.space-light .home-9 {
  background: transparent !important;
  overflow-y: auto !important;   /* allow scroll if chips wrap on smaller screens */
  padding-bottom: 20px !important;
}
body.space-light .home-subtitle-9 { color: #4050b8 !important; }
body.space-light .home-greeting-9, body.space-light #homeGreeting9 {
  color: #1a2080 !important; -webkit-text-fill-color: #1a2080 !important; background: none !important;
}
body.space-light .chip-9 {
  background: #fff !important;
  border: 1.5px solid rgba(80,100,220,0.22) !important;
  color: #1a2080 !important;
}
body.space-light .chip-9:hover {
  background: #dce0ff !important;
  border-color: rgba(80,100,220,0.50) !important;
  color: #0a1060 !important;
}
/* q-badge and question count */
body.space-light .q-badge-9, body.space-light [class*="q-badge-9"] {
  color: #2a3490 !important;
  background: rgba(80,100,220,0.10) !important;
  border-color: rgba(80,100,220,0.22) !important;
}

/* ── CHAT MESSAGES ── */
body.space-light #chatMessages9 { background: transparent !important; }
body.space-light .msg-9.bot .msg-bubble-9 {
  background: rgba(255,255,255,0.95) !important;
  backdrop-filter: blur(10px) !important;
  border: 1.5px solid rgba(80,100,220,0.18) !important;
  box-shadow: 0 2px 12px rgba(60,80,200,0.08) !important;
  color: #0a0e2a !important;
}
body.space-light .msg-9.bot .msg-bubble-9,
body.space-light .msg-9.bot .msg-bubble-9 * { color: #0a0e2a !important; }
body.space-light .msg-9.bot .msg-bubble-9 strong,
body.space-light .msg-9.bot .msg-bubble-9 b { color: #1a2080 !important; }
body.space-light .msg-9.bot .msg-bubble-9 h1,
body.space-light .msg-9.bot .msg-bubble-9 h2,
body.space-light .msg-9.bot .msg-bubble-9 h3 { color: #1a2080 !important; font-weight:700 !important; }
body.space-light .msg-9.user .msg-bubble-9 {
  background: rgba(220,224,255,0.94) !important;
  backdrop-filter: blur(10px) !important;
  border: 1.5px solid rgba(80,100,220,0.22) !important;
  color: #0a0e2a !important;
}
body.space-light [class*="mab-9"] {
  background: rgba(255,255,255,0.95) !important;
  border: 1px solid rgba(80,100,220,0.22) !important;
  color: #4050b0 !important;
}

/* ── INPUT ── */
body.space-light [class*="input-area-9"] {
  background: rgba(220,224,255,0.97) !important;
  border-top: 2px solid rgba(80,100,220,0.16) !important;
}
body.space-light [class*="input-wrap-9"] {
  background: #fff !important;
  border: 1.5px solid rgba(80,100,220,0.24) !important;
}
body.space-light #inputField9 { color: #0a0e2a !important; caret-color: #6080ff !important; }
body.space-light [class*="send-btn-9"] { background: #3040c8 !important; color: #fff !important; }

/* ── RIGHT PANEL ── */
body.space-light [class*="right-sb-9"],
body.space-light [id*="rightSidebar9"] {
  background: linear-gradient(180deg,#dce0ff 0%,#ccd0ff 100%) !important;
  border-left: 2px solid rgba(80,100,220,0.20) !important;
}
body.space-light [class*="lib-item"] {
  background: #fff !important; border: 1.5px solid rgba(80,100,220,0.16) !important;
  color: #0a0e2a !important; border-radius: 8px !important; padding: 8px 12px !important;
  margin-bottom: 6px !important; display: block !important;
}

/* ── MODALS ── */
body.space-light .modal-overlay > div,
body.space-light [class*="feat-overlay"] > div {
  background: #eef0ff !important;
  border: 2px solid rgba(80,100,220,0.26) !important;
  color: #0a0e2a !important;
}
body.space-light .modal-overlay * { color: #0a0e2a !important; }

/* ── FEATURE BUTTONS (Flashcard, Memory Card, Save PDF, Read Aloud, Copy) ── */
body.space-light .v16Btn {
  background: #fff !important;
  border: 1px solid rgba(80,100,220,0.22) !important;
  color: #1a2080 !important;
}
body.space-light .v16Btn:hover { background: #dce0ff !important; }
body.space-light .v16Sat { color: #5060b8 !important; }
body.space-light .v16SatBtn {
  background: rgba(255,255,255,0.85) !important;
  border: 1px solid rgba(80,100,220,0.18) !important;
  color: #1a2080 !important;
}
body.space-light .v16SatBtn:hover { background: #dce0ff !important; }
body.space-light .v16SatBtn.chosen { background: rgba(80,100,220,0.14) !important; }

/* ── SCROLLBAR ── */
body.space-light ::-webkit-scrollbar-track { background: #dce0ff; }
body.space-light ::-webkit-scrollbar-thumb { background: rgba(80,100,220,0.30); border-radius: 3px; }

/* ── ATTACHMENT CHIPS (file preview) ── */
body.space-light .ex-attach-chip {
  background: #fff !important;
  border: 1.5px solid rgba(80,100,220,0.22) !important;
}
body.space-light .ex-attach-chip div { color: #0a0e2a !important; }
body.space-light .ex-chip-x { color: rgba(26,32,128,0.45) !important; }
body.space-light .ex-chip-x:hover { color: #1a2080 !important; }

/* ── TOAST — keep dark so text stays readable ── */
body.space-light .toast-9 {
  background: rgba(10,14,42,0.97) !important;
  color: rgba(220,232,255,0.95) !important;
  border-color: rgba(100,120,255,0.35) !important;
}

/* ── V16 FEATURES — LIGHT MODE OVERRIDES ──────────────────── */
/* Next Unlock bar */
body.space-light #v16NextUnlock {
  background: rgba(220,224,255,0.96) !important;
  border: 1px solid rgba(80,100,220,0.22) !important;
}
body.space-light .v16NUText { color: #2a3490 !important; }
body.space-light .v16NUText b { color: #1a2080 !important; }
body.space-light .v16NUBar { background: rgba(80,100,220,0.15) !important; }
body.space-light .v16NUXp { color: #505eb8 !important; }
body.space-light .v16NUClose { color: rgba(26,32,128,0.35) !important; }
body.space-light .v16NUClose:hover { color: #1a2080 !important; }

/* XP / Tier unlock celebration popup */
body.space-light #v16LockPrev {
  background: rgba(238,240,255,0.99) !important;
  border: 1.5px solid rgba(80,100,220,0.28) !important;
  color: #0a0e2a !important;
  box-shadow: 0 16px 60px rgba(60,80,200,0.18) !important;
}
body.space-light #v16LockPrev * { color: #0a0e2a !important; }
body.space-light .v16LockDesc { color: #2a3490 !important; }
body.space-light .v16LockProgress { background: rgba(80,100,220,0.12) !important; }
body.space-light .v16LockXPText { color: #505eb8 !important; }
body.space-light .v16LockClose { color: rgba(26,32,128,0.30) !important; }
body.space-light .v16LockClose:hover { color: #1a2080 !important; }
body.space-light .v16CelebTip {
  background: rgba(220,224,255,0.70) !important;
  color: #1a2080 !important;
}

/* Tier panel modal */
body.space-light #v16TierBox {
  background: #eef0ff !important;
  border: 1.5px solid rgba(80,100,220,0.26) !important;
  color: #0a0e2a !important;
}
body.space-light #v16TierBox * { color: #0a0e2a !important; }
body.space-light .v16TierRow-feats { color: #3a4898 !important; }
body.space-light .v16TierRow-badge {
  background: rgba(80,100,220,0.10) !important;
  color: #1a2080 !important;
}
body.space-light .v16TPClose { color: rgba(26,32,128,0.30) !important; }
body.space-light .v16TPClose:hover { color: #1a2080 !important; }

/* Calculator */
body.space-light #v16CalcBox {
  background: #eef0ff !important;
  border: 1.5px solid rgba(80,100,220,0.22) !important;
}
body.space-light #v16CalcBox * { color: #0a0e2a !important; }
body.space-light #v16CalcDisplay {
  background: #dce0ff !important;
  border-color: rgba(80,100,220,0.18) !important;
}
body.space-light #v16CalcExpr { color: #505eb8 !important; }
body.space-light #v16CalcResult { color: #1a2080 !important; }
body.space-light .v16CB {
  background: rgba(80,100,220,0.10) !important;
  color: #1a2080 !important;
}
body.space-light .v16CB:hover {
  background: rgba(80,100,220,0.22) !important;
  color: #0a1060 !important;
}
body.space-light .v16CB.fn {
  background: rgba(80,100,220,0.06) !important;
  color: #3040a0 !important;
}
body.space-light .v16CalcHdr h3 { color: #1a2080 !important; }
body.space-light .v16CalcX { color: rgba(26,32,128,0.30) !important; }
body.space-light .v16CalcX:hover { color: #1a2080 !important; }