/* =========================================================
   CLASS 7 · LIGHT THEME  (body.light-7)
   Cyan / Teal palette — sharp, technical, readable
   ========================================================= */

body.light-7 { background: #eaf7ff !important; color: #001828 !important; }
body.light-7 #bgCanvas { opacity: 0.05 !important; }
body.light-7 .scanlines { opacity: 0.02 !important; }

/* ── LEFT SIDEBAR ── */
body.light-7 .sidebar-7,
body.light-7 .left-sb {
  background: linear-gradient(180deg, #ceeeff 0%, #bbdfff 100%) !important;
  border-right: 2px solid rgba(0,140,210,0.22) !important;
}
body.light-7 .sb-neon-line { background: rgba(0,180,220,0.5) !important; }
body.light-7 .sb-brand-7 { color: #004e78 !important; letter-spacing: 2px !important; }
body.light-7 .sb-logo-halo { opacity: 0.15 !important; }
body.light-7 .sb-toggle {
  color: #006090 !important;
  background: none !important;
  border: none !important;
}
body.light-7 .new-chat-7 {
  background: rgba(0,120,200,0.10) !important;
  border: 1.5px solid rgba(0,140,210,0.32) !important;
  color: #004e78 !important;
}
body.light-7 .new-chat-7:hover { background: rgba(0,120,200,0.18) !important; }
body.light-7 .sb-search-7 input {
  background: #fff !important;
  border: 1.5px solid rgba(0,140,210,0.24) !important;
  color: #001828 !important;
}
body.light-7 .sb-search-7 input::placeholder { color: #4a90b0 !important; }
body.light-7 .hist-label { color: #4a90b0 !important; }

/* History items — class7 uses custom class names */
body.light-7 #chatHistory > div,
body.light-7 [class*="ch-item"] {
  background: #fff !important;
  border: 1.5px solid rgba(0,140,210,0.16) !important;
  color: #001828 !important;
  box-shadow: 0 1px 5px rgba(0,110,180,0.06) !important;
}
body.light-7 [class*="ch-item"]:hover { background: #d8f0ff !important; }
body.light-7 [class*="ch-item"].active {
  background: #c6e8ff !important;
  border-color: rgba(0,140,210,0.42) !important;
}

body.light-7 .sb-bottom-7 { border-top: 1px solid rgba(0,140,210,0.16) !important; }
body.light-7 .sb-btn-7 {
  background: rgba(0,110,180,0.08) !important;
  border: 1.5px solid rgba(0,140,210,0.22) !important;
  color: #004e78 !important;
}
body.light-7 .sb-btn-7:hover { background: rgba(0,110,180,0.16) !important; }
body.light-7 .upgrade-7 {
  background: rgba(0,180,220,0.12) !important;
  border-color: rgba(0,180,220,0.38) !important;
  color: #005878 !important;
}
body.light-7 .user-row-7 { color: #001828 !important; }
body.light-7 #userName7 { color: #001828 !important; }
body.light-7 .user-email-7 { color: #0078a8 !important; }
body.light-7 .user-avatar-7 {
  background: rgba(0,110,180,0.14) !important;
  color: #004e78 !important;
  border-color: rgba(0,140,210,0.30) !important;
}
body.light-7 .user-menu-7 {
  background: #e0f4ff !important;
  border: 1.5px solid rgba(0,140,210,0.22) !important;
}
body.light-7 .user-menu-7 button,
body.light-7 .user-menu-7 a { color: #001828 !important; }

/* ── TOPBAR ── */
body.light-7 .topbar-7 {
  background: rgba(206,238,255,0.98) !important;
  border-bottom: 2px solid rgba(0,140,210,0.18) !important;
  box-shadow: 0 2px 14px rgba(0,110,180,0.08) !important;
}
body.light-7 .tb-main { color: #004e78 !important; }
body.light-7 .tb-sub { color: #4a90b0 !important; }
body.light-7 .q-counter-7 { color: #006090 !important; }
body.light-7 .q-num { color: #004e78 !important; font-weight: 900 !important; }
body.light-7 .topbar-btn-7 {
  background: #fff !important;
  border: 1.5px solid rgba(0,140,210,0.22) !important;
  color: #004e78 !important;
}
body.light-7 .topbar-btn-7:hover {
  background: #d0ecff !important;
  border-color: rgba(0,140,210,0.44) !important;
}

/* ── MAIN / HOME ── */
body.light-7 .main-7 { background: #eaf7ff !important; }
body.light-7 [class*="home-7"],
body.light-7 [id*="homeArea7"] { background: transparent !important; }
body.light-7 .home-greeting-7,
body.light-7 [id*="homeGreeting7"] {
  color: #004e78 !important;
  -webkit-text-fill-color: #004e78 !important;
  background: none !important;
}
body.light-7 .chip-7 {
  background: #fff !important;
  border: 1.5px solid rgba(0,140,210,0.22) !important;
  color: #004e78 !important;
}
body.light-7 .chip-7:hover { background: #d0ecff !important; border-color: rgba(0,140,210,0.44) !important; }

/* ── CHAT MESSAGES ── */
body.light-7 #chatMessages7 { background: #eaf7ff !important; }

body.light-7 .msg-7.bot .msg-bubble-7 {
  background: #fff !important;
  border: 1.5px solid rgba(0,140,210,0.18) !important;
  box-shadow: 0 2px 12px rgba(0,110,180,0.07) !important;
  color: #001828 !important;
}
body.light-7 .msg-7.bot .msg-bubble-7,
body.light-7 .msg-7.bot .msg-bubble-7 * { color: #001828 !important; }
body.light-7 .msg-7.bot .msg-bubble-7 strong,
body.light-7 .msg-7.bot .msg-bubble-7 b { color: #004e78 !important; }
body.light-7 .msg-7.bot .msg-bubble-7 h1,
body.light-7 .msg-7.bot .msg-bubble-7 h2,
body.light-7 .msg-7.bot .msg-bubble-7 h3 { color: #004e78 !important; font-weight: 700 !important; }
body.light-7 .msg-7.bot .msg-bubble-7 em { color: #006090 !important; }
body.light-7 .msg-7.bot .msg-bubble-7 li { color: #001828 !important; }
body.light-7 .msg-7.bot .msg-bubble-7 code {
  background: #d8f0ff !important;
  color: #004e78 !important;
  border: 1px solid rgba(0,140,210,0.22) !important;
}
body.light-7 .msg-7.bot .msg-bubble-7 pre {
  background: #d0ecff !important;
  border: 1.5px solid rgba(0,140,210,0.22) !important;
  border-radius: 8px !important;
}

body.light-7 .msg-7.user .msg-bubble-7 {
  background: rgba(0,110,180,0.09) !important;
  border: 1.5px solid rgba(0,140,210,0.22) !important;
  color: #001828 !important;
}
body.light-7 .msg-7.user .msg-bubble-7 * { color: #001828 !important; }

body.light-7 .msg-av-7 {
  background: rgba(0,110,180,0.12) !important;
  color: #004e78 !important;
  border-color: rgba(0,140,210,0.30) !important;
}
body.light-7 .mab-7 {
  background: #fff !important;
  border: 1px solid rgba(0,140,210,0.16) !important;
  color: #0070a0 !important;
}
body.light-7 .mab-7:hover { background: #d0ecff !important; }

/* ── INPUT ── */
body.light-7 .input-area-7,
body.light-7 [class*="input-area-7"] {
  background: rgba(206,238,255,0.97) !important;
  border-top: 2px solid rgba(0,140,210,0.16) !important;
}
body.light-7 [class*="input-wrap-7"] {
  background: #fff !important;
  border: 1.5px solid rgba(0,140,210,0.24) !important;
}
body.light-7 #inputField7 {
  background: transparent !important;
  color: #001828 !important;
  caret-color: #0090cc !important;
}
body.light-7 [class*="send-btn-7"],
body.light-7 [id*="sendBtn7"] { background: #0078b4 !important; color: #fff !important; }

/* ── RIGHT PANEL / LIBRARY ── */
body.light-7 [class*="right-sb-7"],
body.light-7 [id*="rightSidebar"] {
  background: linear-gradient(180deg, #ceeeff 0%, #bbdfff 100%) !important;
  border-left: 2px solid rgba(0,140,210,0.20) !important;
}
body.light-7 .lib-label-7 { color: #004e78 !important; font-weight: 700 !important; }
body.light-7 .lib-7 > * input,
body.light-7 [class*="lb-search"] input {
  background: #fff !important;
  border: 1.5px solid rgba(0,140,210,0.22) !important;
  color: #001828 !important;
}
body.light-7 .lib-item-7,
body.light-7 [class*="lib-item"] {
  background: #fff !important;
  border: 1.5px solid rgba(0,140,210,0.16) !important;
  color: #001828 !important;
  border-radius: 8px !important;
  padding: 8px 12px !important;
  margin-bottom: 6px !important;
  display: block !important;
}
body.light-7 .lib-link-7 {
  color: #0070a0 !important;
  background: rgba(0,110,180,0.06) !important;
  border: 1px solid rgba(0,140,210,0.16) !important;
  border-radius: 6px !important;
  padding: 6px 10px !important;
  display: block !important;
  margin-bottom: 4px !important;
}

/* ── TOAST ── */
body.light-7 [id*="toast7"],
body.light-7 [class*="toast-7"] {
  background: #fff !important;
  border: 1.5px solid rgba(0,140,210,0.22) !important;
  color: #001828 !important;
}

/* ── MODALS ── */
body.light-7 .modal-overlay,
body.light-7 [class*="feat-overlay"] {
  background: rgba(0,8,24,0.55) !important;
  backdrop-filter: blur(14px) !important;
}
body.light-7 .modal-overlay > div,
body.light-7 [class*="feat-overlay"] > div {
  background: #eaf7ff !important;
  border: 2px solid rgba(0,140,210,0.26) !important;
  color: #001828 !important;
}
body.light-7 .modal-overlay *,
body.light-7 [class*="feat-overlay"] * { color: #001828 !important; }
body.light-7 .modal-overlay input,
body.light-7 .modal-overlay textarea { background: #fff !important; border-color: rgba(0,140,210,0.22) !important; color: #001828 !important; }
body.light-7 [class*="setting-row-7"] {
  background: #d8f0ff !important;
  border: 1px solid rgba(0,140,210,0.16) !important;
  border-radius: 8px !important;
}
body.light-7 [class*="setting-row-7"] * { color: #001828 !important; }

/* ── STICKY PANEL ── */
body.light-7 #stickyPanel {
  background: #eaf7ff !important;
  border: 2px solid rgba(0,140,210,0.26) !important;
}
body.light-7 #stickyPanel * { color: #001828 !important; }
body.light-7 #stickyPanel textarea { background: #fff !important; border-color: rgba(0,140,210,0.22) !important; color: #001828 !important; }

/* ── SCROLLBAR ── */
body.light-7 ::-webkit-scrollbar-track { background: #d0ecff; }
body.light-7 ::-webkit-scrollbar-thumb { background: rgba(0,140,210,0.30); border-radius: 3px; }


/* ── FEATURE BUTTONS (Flashcard, Memory Card, Save PDF, Read Aloud, Copy) ── */
body.light-7 .v16Btn {
  background: #fff !important;
  border: 1px solid rgba(0,140,210,0.22) !important;
  color: #004e78 !important;
}
body.light-7 .v16Btn:hover { background: #d0ecff !important; }
body.light-7 .v16Sat { color: #4a90b0 !important; }
body.light-7 .v16SatBtn {
  background: rgba(255,255,255,0.85) !important;
  border: 1px solid rgba(0,140,210,0.18) !important;
  color: #004e78 !important;
}
body.light-7 .v16SatBtn:hover { background: #d0ecff !important; }
body.light-7 .v16SatBtn.chosen { background: rgba(0,140,210,0.14) !important; }

/* ── CHAT CANVAS — LIGHT MODE ─────────────────────────────── */
body.light-7 #chatCanvas7 { opacity: 0.25 !important; }
body.light-7 .msg-7.bot .msg-bubble-7 {
  background: rgba(255,255,255,0.95) !important;
  backdrop-filter: blur(10px) !important;
  border: 1.5px solid rgba(0,140,210,0.18) !important;
  box-shadow: 0 2px 12px rgba(0,110,180,0.08) !important;
  color: #001828 !important;
}
body.light-7 .msg-7.user .msg-bubble-7 {
  background: rgba(206,238,255,0.94) !important;
  backdrop-filter: blur(10px) !important;
  border: 1.5px solid rgba(0,140,210,0.22) !important;
  color: #001828 !important;
}
body.light-7 .mab-7 {
  background: rgba(255,255,255,0.95) !important;
  border: 1px solid rgba(0,140,210,0.22) !important;
  color: #0070a0 !important;
}
body.light-7 .input-area-7 {
  background: rgba(206,238,255,0.97) !important;
}

/* ── ATTACHMENT CHIPS (file preview) ── */
body.light-7 .ex-attach-chip {
  background: #fff !important;
  border: 1.5px solid rgba(0,140,210,0.22) !important;
}
body.light-7 .ex-attach-chip div { color: #00182a !important; }
body.light-7 .ex-chip-x { color: rgba(0,78,120,0.45) !important; }
body.light-7 .ex-chip-x:hover { color: #004e78 !important; }