/* =========================================================
   CLASS 10 · LIGHT THEME  (body.gold-light)
   Warm amber / cream palette — readable over gold canvas
   ========================================================= */

body.gold-light { background: #fffbf0 !important; color: #1a1000 !important; }
body.gold-light #bgCanvas10 { opacity: 0.05 !important; }

/* ── CHAT CANVAS — LIGHT MODE ─────────────────────────────── */
body.gold-light #chatCanvas10 { opacity: 0.32 !important; }

/* ── LEFT SIDEBAR ── */
body.gold-light [class*="sidebar-10"],
body.gold-light [class*="left-sb10"] {
  background: linear-gradient(180deg,#fef5d4 0%,#fdecc0 100%) !important;
  border-right: 2px solid rgba(180,120,10,0.22) !important;
}
body.gold-light [class*="sb-brand-10"] { color: #7a4800 !important; }
body.gold-light [class*="new-chat-10"] {
  background: rgba(180,120,10,0.10) !important;
  border: 1.5px solid rgba(180,120,10,0.32) !important;
  color: #7a4800 !important;
}
body.gold-light [class*="sb-btn-10"] {
  background: rgba(180,120,10,0.08) !important;
  border: 1.5px solid rgba(180,120,10,0.22) !important;
  color: #7a4800 !important;
}

/* ── TOPBAR ── */
body.gold-light .topbar-10 {
  background: rgba(254,245,212,0.98) !important;
  border-bottom: 2px solid rgba(180,120,10,0.18) !important;
  box-shadow: 0 2px 14px rgba(160,100,0,0.08) !important;
}
body.gold-light .tb-main10  { color: #7a4800 !important; }
body.gold-light .tb-sub10   { color: #a07020 !important; }
body.gold-light .topbar-btn-10 {
  background: #fff !important;
  border: 1.5px solid rgba(180,120,10,0.22) !important;
  color: #7a4800 !important;
}

/* ── HOME ── */
body.gold-light .main-10 { background: #fffbf0 !important; }
body.gold-light .home-10 {
  background: transparent !important;
  overflow-y: auto !important;   /* allow scroll if chips wrap */
  padding-bottom: 20px !important;
}
body.gold-light [class*="home-subtitle-10"] { color: #a07020 !important; }
body.gold-light .home-greeting-10, body.gold-light #homeGreeting10 {
  color: #7a4800 !important; -webkit-text-fill-color: #7a4800 !important; background: none !important;
}
body.gold-light .chip-10 {
  background: #fff !important;
  border: 1.5px solid rgba(180,120,10,0.22) !important;
  color: #7a4800 !important;
}
body.gold-light .chip-10:hover {
  background: #fef5d4 !important;
  border-color: rgba(180,120,10,0.50) !important;
  color: #3a2000 !important;
}
/* q-badge and question count */
body.gold-light .q-badge-10, body.gold-light [class*="q-badge-10"] {
  color: #7a4800 !important;
  background: rgba(180,120,10,0.10) !important;
  border-color: rgba(180,120,10,0.22) !important;
}

/* ── CHAT MESSAGES ── */
body.gold-light #chatMessages10 { background: transparent !important; }
body.gold-light .msg-10.bot .msg-bubble-10 {
  background: rgba(255,255,255,0.95) !important;
  backdrop-filter: blur(10px) !important;
  border: 1.5px solid rgba(180,120,10,0.18) !important;
  box-shadow: 0 2px 12px rgba(160,100,0,0.08) !important;
  color: #1a1000 !important;
}
body.gold-light .msg-10.bot .msg-bubble-10,
body.gold-light .msg-10.bot .msg-bubble-10 * { color: #1a1000 !important; }
body.gold-light .msg-10.bot .msg-bubble-10 strong,
body.gold-light .msg-10.bot .msg-bubble-10 b { color: #7a4800 !important; }
body.gold-light .msg-10.bot .msg-bubble-10 h1,
body.gold-light .msg-10.bot .msg-bubble-10 h2,
body.gold-light .msg-10.bot .msg-bubble-10 h3 { color: #7a4800 !important; font-weight: 700 !important; }
body.gold-light .msg-10.user .msg-bubble-10 {
  background: rgba(254,245,212,0.94) !important;
  backdrop-filter: blur(10px) !important;
  border: 1.5px solid rgba(180,120,10,0.22) !important;
  color: #1a1000 !important;
}
body.gold-light [class*="mab-10"] {
  background: rgba(255,255,255,0.95) !important;
  border: 1px solid rgba(180,120,10,0.22) !important;
  color: #a07020 !important;
}

/* ── INPUT ── */
body.gold-light [class*="input-area-10"] {
  background: rgba(254,245,212,0.97) !important;
  border-top: 2px solid rgba(180,120,10,0.16) !important;
}
body.gold-light [class*="input-wrap-10"] {
  background: #fff !important;
  border: 1.5px solid rgba(180,120,10,0.24) !important;
}
body.gold-light #inputField10 { color: #1a1000 !important; caret-color: #c08000 !important; }
body.gold-light [class*="send-btn-10"] { background: #b87800 !important; color: #fff !important; }

/* ── RIGHT PANEL ── */
body.gold-light [class*="right-sb-10"],
body.gold-light [id*="rightSidebar10"] {
  background: linear-gradient(180deg,#fef5d4 0%,#fdecc0 100%) !important;
  border-left: 2px solid rgba(180,120,10,0.20) !important;
}
body.gold-light [class*="lib-item"] {
  background: #fff !important; border: 1.5px solid rgba(180,120,10,0.16) !important;
  color: #1a1000 !important; border-radius: 8px !important; padding: 8px 12px !important;
  margin-bottom: 6px !important; display: block !important;
}

/* ── MODALS ── */
body.gold-light .modal-overlay > div,
body.gold-light [class*="feat-overlay"] > div {
  background: #fffbf0 !important;
  border: 2px solid rgba(180,120,10,0.26) !important;
  color: #1a1000 !important;
}
body.gold-light .modal-overlay * { color: #1a1000 !important; }

/* ── FEATURE BUTTONS (Flashcard, Memory Card, Save PDF, Read Aloud, Copy) ── */
body.gold-light .v16Btn {
  background: #fff !important;
  border: 1px solid rgba(180,120,10,0.22) !important;
  color: #7a4800 !important;
}
body.gold-light .v16Btn:hover { background: #fef5d4 !important; }
body.gold-light .v16Sat { color: #a07020 !important; }
body.gold-light .v16SatBtn {
  background: rgba(255,255,255,0.85) !important;
  border: 1px solid rgba(180,120,10,0.18) !important;
  color: #7a4800 !important;
}
body.gold-light .v16SatBtn:hover { background: #fef5d4 !important; }
body.gold-light .v16SatBtn.chosen { background: rgba(180,120,10,0.14) !important; }

/* ── SCROLLBAR ── */
body.gold-light ::-webkit-scrollbar-track { background: #fef5d4; }
body.gold-light ::-webkit-scrollbar-thumb { background: rgba(180,120,10,0.30); border-radius: 3px; }

/* ── ATTACHMENT CHIPS (file preview) ── */
body.gold-light .ex-attach-chip {
  background: #fff !important;
  border: 1.5px solid rgba(180,120,10,0.22) !important;
}
body.gold-light .ex-attach-chip div { color: #1a1000 !important; }
body.gold-light .ex-chip-x { color: rgba(122,72,0,0.45) !important; }
body.gold-light .ex-chip-x:hover { color: #7a4800 !important; }

/* ── TOAST — keep dark so text stays readable ── */
body.gold-light .toast-10 {
  background: rgba(26,16,0,0.97) !important;
  color: rgba(255,242,200,0.95) !important;
  border-color: rgba(200,150,20,0.35) !important;
}

/* ── V16 FEATURES — LIGHT MODE OVERRIDES ──────────────────── */
/* Next Unlock bar */
body.gold-light #v16NextUnlock {
  background: rgba(254,245,212,0.96) !important;
  border: 1px solid rgba(180,120,10,0.22) !important;
}
body.gold-light .v16NUText { color: #5a3400 !important; }
body.gold-light .v16NUText b { color: #7a4800 !important; }
body.gold-light .v16NUBar { background: rgba(180,120,10,0.15) !important; }
body.gold-light .v16NUXp { color: #a07020 !important; }
body.gold-light .v16NUClose { color: rgba(122,72,0,0.30) !important; }
body.gold-light .v16NUClose:hover { color: #7a4800 !important; }

/* XP / Tier unlock celebration popup */
body.gold-light #v16LockPrev {
  background: rgba(255,251,240,0.99) !important;
  border: 1.5px solid rgba(180,120,10,0.28) !important;
  color: #1a1000 !important;
  box-shadow: 0 16px 60px rgba(160,100,0,0.18) !important;
}
body.gold-light #v16LockPrev * { color: #1a1000 !important; }
body.gold-light .v16LockDesc { color: #5a3400 !important; }
body.gold-light .v16LockProgress { background: rgba(180,120,10,0.12) !important; }
body.gold-light .v16LockXPText { color: #a07020 !important; }
body.gold-light .v16LockClose { color: rgba(122,72,0,0.30) !important; }
body.gold-light .v16LockClose:hover { color: #7a4800 !important; }
body.gold-light .v16CelebTip {
  background: rgba(254,245,212,0.70) !important;
  color: #7a4800 !important;
}

/* Tier panel modal */
body.gold-light #v16TierBox {
  background: #fffbf0 !important;
  border: 1.5px solid rgba(180,120,10,0.26) !important;
  color: #1a1000 !important;
}
body.gold-light #v16TierBox * { color: #1a1000 !important; }
body.gold-light .v16TierRow-feats { color: #7a5000 !important; }
body.gold-light .v16TierRow-badge {
  background: rgba(180,120,10,0.10) !important;
  color: #7a4800 !important;
}
body.gold-light .v16TPClose { color: rgba(122,72,0,0.30) !important; }
body.gold-light .v16TPClose:hover { color: #7a4800 !important; }

/* Calculator */
body.gold-light #v16CalcBox {
  background: #fffbf0 !important;
  border: 1.5px solid rgba(180,120,10,0.22) !important;
}
body.gold-light #v16CalcBox * { color: #1a1000 !important; }
body.gold-light #v16CalcDisplay {
  background: #fef5d4 !important;
  border-color: rgba(180,120,10,0.18) !important;
}
body.gold-light #v16CalcExpr { color: #a07020 !important; }
body.gold-light #v16CalcResult { color: #7a4800 !important; }
body.gold-light .v16CB {
  background: rgba(180,120,10,0.10) !important;
  color: #7a4800 !important;
}
body.gold-light .v16CB:hover {
  background: rgba(180,120,10,0.22) !important;
  color: #3a2000 !important;
}
body.gold-light .v16CB.fn {
  background: rgba(180,120,10,0.06) !important;
  color: #a07020 !important;
}
body.gold-light .v16CalcHdr h3 { color: #7a4800 !important; }
body.gold-light .v16CalcX { color: rgba(122,72,0,0.30) !important; }
body.gold-light .v16CalcX:hover { color: #7a4800 !important; }