/* 
 * Modern UI - Dark/Light Mode Only
 * Minimal styling - preserves original design
 */

/* ============================================
   DARK MODE ONLY
   ============================================ */
.dark-mode {
  background: #0d1117 !important;
  color: #e6edf3 !important;
}

.dark-mode body {
  background: #0d1117 !important;
}

/* Header in dark mode */
.dark-mode .ch-header-area {
  background: #161b22 !important;
}

.dark-mode .header-topbar {
  background: #0d1117 !important;
}

/* Auth pages in dark mode */
.dark-mode .ch-reg-log-wrapper {
  background: #0d1117 !important;
}

.dark-mode .auth-form-wrapper {
  background: #161b22 !important;
  border: 1px solid #30363d !important;
}

.dark-mode .auth-form-wrapper h4,
.dark-mode .auth-form-wrapper label,
.dark-mode .personal-info-label {
  color: #e6edf3 !important;
}

.dark-mode .personal-info-input,
.dark-mode input[type="text"],
.dark-mode input[type="email"],
.dark-mode input[type="password"],
.dark-mode input[type="tel"],
.dark-mode input[type="date"],
.dark-mode select {
  background: #0d1117 !important;
  border: 1px solid #30363d !important;
  color: #e6edf3 !important;
}

.dark-mode .personal-info-input::placeholder,
.dark-mode input::placeholder {
  color: #8b949e !important;
}

/* Dashboard in dark mode */
.dark-mode .dashboard-layout,
.dark-mode .dashboardContainer {
  background: #0d1117 !important;
}

.dark-mode .auc-dashboard-sidebar-shadow {
  background: #161b22 !important;
  border-right: 1px solid #30363d !important;
}

.dark-mode .dashboard-layout aside a {
  color: #8b949e !important;
}

.dark-mode .dashboard-layout aside a:hover {
  color: #e6edf3 !important;
}

/* Cards in dark mode */
.dark-mode [class*="bg-[#E"],
.dark-mode [class*="bg-[#F"] {
  background: #161b22 !important;
  border: 1px solid #30363d !important;
}

.dark-mode p {
  color: #8b949e !important;
}

/* Footer in dark */
.dark-mode .ch-footer-area {
  background: #0d1117 !important;
}

/* Tables */
.dark-mode table {
  background: #161b22 !important;
}

.dark-mode table th {
  background: #0d1117 !important;
  color: #8b949e !important;
  border-color: #30363d !important;
}

.dark-mode table td {
  color: #e6edf3 !important;
  border-color: #30363d !important;
}