/**
 * Login page dark mode fixes (Timeless Night).
 * Scoped to login route only.
 */

html[data-theme-mode="dark"] body[data-path="login"] {
	background: var(--bg-color, #070f1a);
	color: var(--text-color, #e8f4fc);
}

html[data-theme-mode="dark"] body[data-path="login"] nav.navbar {
	background: var(--navbar-bg, #050a12) !important;
	border-bottom: 1px solid var(--border-color, #273549);
}

html[data-theme-mode="dark"] body[data-path="login"] nav.navbar .navbar-brand,
html[data-theme-mode="dark"] body[data-path="login"] nav.navbar .nav-link,
html[data-theme-mode="dark"] body[data-path="login"] nav.navbar .navbar-toggler {
	color: var(--text-color, #e8f4fc) !important;
}

html[data-theme-mode="dark"] body[data-path="login"] .page-card {
	background: var(--modal-bg, #121a24) !important;
	border: 1px solid var(--border-color, #273549) !important;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
}

html[data-theme-mode="dark"] body[data-path="login"] .page-card input,
html[data-theme-mode="dark"] body[data-path="login"] .page-card select {
	background: var(--control-bg, #1a222d) !important;
	border-color: var(--border-color, #273549) !important;
	color: var(--text-color, #e8f4fc) !important;
}

html[data-theme-mode="dark"] body[data-path="login"] .btn.btn-default,
html[data-theme-mode="dark"] body[data-path="login"] a.btn.btn-default {
	background: var(--btn-default-bg, #1c2632) !important;
	border-color: var(--border-color, #273549) !important;
	color: var(--text-color, #e8f4fc) !important;
}

html[data-theme-mode="dark"] body[data-path="login"] .btn.btn-default:hover,
html[data-theme-mode="dark"] body[data-path="login"] a.btn.btn-default:hover {
	background: var(--btn-default-hover-bg, #263240) !important;
	color: var(--text-color, #e8f4fc) !important;
}