/* ===== PSYCHSCRIBE PREMIUM DARK MODE OVERRIDE ===== */

/* Override CSS variables to be deeper/richer */
html[data-theme="dark"] {
  --bg-primary: #060D1A !important;
  --bg-secondary: #0A1628 !important;
  --surface: #0A1628 !important;
  --card: #0F1B34 !important;
  --border: #1B2B4A !important;
  --text: #E2E8F0 !important;
  --text-muted: #94A3B8 !important;
}

/* ===== ANIMATIONS ===== */
@keyframes glow-border-subtle {
  0%,100% { box-shadow: 0 0 0 1px rgba(103,232,216,0.12), 0 2px 8px rgba(0,0,0,0.3); }
  50% { box-shadow: 0 0 0 1px rgba(103,232,216,0.35), 0 2px 16px rgba(103,232,216,0.1); }
}

@keyframes number-pulse {
  0%,100% { text-shadow: 0 0 8px rgba(103,232,216,0.4); }
  50% { text-shadow: 0 0 20px rgba(103,232,216,0.9); }
}

@keyframes fadeInUp {
  from { opacity:0; transform:translateY(6px); }
  to { opacity:1; transform:translateY(0); }
}

/* ===== SCROLLBAR EVERYWHERE ===== */
html[data-theme="dark"] *::-webkit-scrollbar {
  width: 4px !important;
  height: 4px !important;
}

html[data-theme="dark"] *::-webkit-scrollbar-track {
  background: transparent !important;
}

html[data-theme="dark"] *::-webkit-scrollbar-thumb {
  background: rgba(103,232,216,0.3) !important;
  border-radius: 4px !important;
}

html[data-theme="dark"] *::-webkit-scrollbar-thumb:hover {
  background: rgba(103,232,216,0.6) !important;
}

/* Light mode scrollbar */
*::-webkit-scrollbar { width: 4px !important; height: 4px !important; }
*::-webkit-scrollbar-track { background: transparent !important; }
*::-webkit-scrollbar-thumb { background: #CBD5E0 !important; border-radius: 4px !important; }

/* ===== CARDS - GLOWING BORDERS ===== */
html[data-theme="dark"] .card,
html[data-theme="dark"] [class*="card"] {
  background: var(--card) !important;
  border: 1px solid rgba(103,232,216,0.12) !important;
  animation: glow-border-subtle 4s ease-in-out infinite !important;
  transition: all 0.25s ease !important;
}

html[data-theme="dark"] .card:hover,
html[data-theme="dark"] [class*="card"]:hover {
  border-color: rgba(103,232,216,0.4) !important;
  box-shadow: 0 0 20px rgba(103,232,216,0.15), 0 4px 24px rgba(0,0,0,0.4) !important;
  transform: translateY(-1px) !important;
}

/* ===== SCREEN BACKGROUND ===== */
html[data-theme="dark"] .screen {
  background: #060D1A !important;
}

/* ===== STAT NUMBERS GLOW ===== */
html[data-theme="dark"] .bm-stat-card {
  background: var(--card) !important;
  border: 1px solid rgba(103,232,216,0.15) !important;
  border-radius: 14px !important;
  animation: glow-border-subtle 4s ease-in-out infinite !important;
}

/* ===== INPUTS ===== */
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea {
  background: #060D1A !important;
  color: #E2E8F0 !important;
  border: 1px solid rgba(103,232,216,0.15) !important;
  border-radius: 10px !important;
}

html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder {
  color: #334155 !important;
}

html[data-theme="dark"] input:focus,
html[data-theme="dark"] select:focus,
html[data-theme="dark"] textarea:focus {
  border-color: #67E8D8 !important;
  box-shadow: 0 0 0 2px rgba(103,232,216,0.15), 0 0 12px rgba(103,232,216,0.1) !important;
  outline: none !important;
}

/* ===== NOTE MODAL CONTENT ===== */
html[data-theme="dark"] #noteModalSummaryContent {
  background: #060D1A !important;
  color: #E2E8F0 !important;
  border-color: rgba(103,232,216,0.15) !important;
}

html[data-theme="dark"] #noteModalSummaryContent * {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #E2E8F0 !important;
}

html[data-theme="dark"] #noteModalSummaryContent strong,
html[data-theme="dark"] #noteModalSummaryContent b {
  color: #FFFFFF !important;
}

html[data-theme="dark"] #summaryContent {
  background: #060D1A !important;
  color: #E2E8F0 !important;
}

html[data-theme="dark"] #summaryContent * {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #E2E8F0 !important;
}

html[data-theme="dark"] #summaryContent strong,
html[data-theme="dark"] #summaryContent b {
  color: #FFFFFF !important;
}

/* ===== MODAL ===== */
html[data-theme="dark"] .modal,
html[data-theme="dark"] [class*="modal-content"] {
  background: #0F1B34 !important;
  border: 1px solid rgba(103,232,216,0.2) !important;
  box-shadow: 0 0 40px rgba(103,232,216,0.08), 0 24px 48px rgba(0,0,0,0.6) !important;
}

/* ===== NOTE MODAL TABS ===== */
html[data-theme="dark"] #noteModalTabs {
  background: #0A1628 !important;
  border: 1px solid rgba(103,232,216,0.1) !important;
}

html[data-theme="dark"] #noteModalTabs button {
  background: transparent !important;
  color: #64748B !important;
  font-weight: 600 !important;
}

html[data-theme="dark"] #noteModalTabs button[style*="background"] {
  background: rgba(103,232,216,0.12) !important;
  color: #67E8D8 !important;
  text-shadow: 0 0 8px rgba(103,232,216,0.4) !important;
}

/* ===== BOOKING TABS ===== */
html[data-theme="dark"] .bk-tab-btn {
  color: #64748B !important;
  background: transparent !important;
}

html[data-theme="dark"] .bk-tab-btn.active {
  color: #67E8D8 !important;
  text-shadow: 0 0 8px rgba(103,232,216,0.5) !important;
}

/* ===== LIGHT MODE FIXES ===== */
html:not([data-theme="dark"]) h1,
html:not([data-theme="dark"]) h2,
html:not([data-theme="dark"]) h3,
html:not([data-theme="dark"]) h4,
html:not([data-theme="dark"]) label {
  color: #0F172A !important;
}

html:not([data-theme="dark"]) [style*="color:white"],
html:not([data-theme="dark"]) [style*="color:#fff"],
html:not([data-theme="dark"]) [style*="color: #fff"] {
  color: #0F172A !important;
}