/* FantaSEA Tech — Dark Mode (Manual Toggle Only)
   Applied via body.dark-mode class — NEVER auto-detected */

body.dark-mode {
  color-scheme: dark;
  background-color: #0F172A !important;
  color: #E2E8F0 !important;
}

body.dark-mode #main-content {
  background-color: #0F172A !important;
}

body.dark-mode .screen {
  background-color: #0F172A !important;
}

body.dark-mode .appointment-card,
body.dark-mode .appointment-card[style] {
  background: #1E293B !important;
  color: #E2E8F0 !important;
  border-color: #334155 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
}

body.dark-mode .appointment-client {
  color: #F1F5F9 !important;
}

body.dark-mode .appointment-time {
  color: #94A3B8 !important;
}

body.dark-mode .appointment-address {
  color: #94A3B8 !important;
}

body.dark-mode h2, body.dark-mode h3, body.dark-mode h4 {
  color: #F1F5F9 !important;
}

body.dark-mode .screen-header h2 {
  color: #F1F5F9 !important;
}

body.dark-mode .tab-btn {
  color: #94A3B8 !important;
}

body.dark-mode .tab-btn.active {
  color: #FFFFFF !important;
  background: #0077B6 !important;
}

body.dark-mode #schedule-search {
  background: #1E293B !important;
  color: #E2E8F0 !important;
  border-color: #334155 !important;
}

body.dark-mode .card-action-btn {
  background: rgba(59,130,246,0.15) !important;
  color: #60A5FA !important;
}

body.dark-mode .start-service-btn {
  background: #0077B6 !important;
  color: #FFFFFF !important;
}

body.dark-mode #bottom-nav {
  background: #1E293B !important;
  border-color: #334155 !important;
}

body.dark-mode .nav-btn {
  color: #94A3B8 !important;
}

body.dark-mode .nav-btn.active {
  color: #60A5FA !important;
}

body.dark-mode .last-service,
body.dark-mode .last-synced,
body.dark-mode .tank-name {
  color: #94A3B8 !important;
}

body.dark-mode .badge {
  opacity: 0.9;
}

body.dark-mode .appointment-chevron {
  color: #475569 !important;
}

/* Dark mode modals stay light for readability */
body.dark-mode .modal-overlay .modal {
  background: #FFFFFF !important;
  color: #1A202C !important;
}

/* Admin shell tweaks for dark mode — keep the deep-blue header but darken
   surrounding content so the sticky header doesn't fight a bright body. */
body.dark-mode .admin-shell-header {
  background: linear-gradient(180deg, #0B1B3A 0%, #0F2A55 100%) !important;
  box-shadow: 0 4px 18px rgba(0,0,0,0.45) !important;
}
body.dark-mode .admin-conn-msg {
  background: #1E293B !important;
  color: #E2E8F0 !important;
}
body.dark-mode .admin-conn-msg strong { color: #93C5FD !important; }
body.dark-mode .empty-state-soft {
  background: rgba(59,130,246,0.06) !important;
  border-color: rgba(148,163,184,0.30) !important;
}
body.dark-mode .empty-state-soft p { color: #CBD5E0 !important; }
body.dark-mode .admin-conn-msg[data-state="demo"] {
  background: linear-gradient(90deg, rgba(159,122,234,0.20), #1E293B 35%) !important;
  border-left-color: #B794F4 !important;
}
body.dark-mode .admin-conn-msg[data-state="demo"] strong { color: #D6BCFA !important; }
body.dark-mode .admin-conn-msg[data-state="demo"] em { color: #D6BCFA !important; }
body.dark-mode .empty-state-soft[data-demo="true"] p { color: #D6BCFA !important; }