/* Dark theme for login page */
body[data-path="login"] {
    background-color: #171717 !important;
    color: #e5e7eb !important;
}

body[data-path="login"] .page-card {
    background-color: #1f1f1f !important;
    border: 1px solid #374151 !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3) !important;
}

body[data-path="login"] .page-card-head h4 {
    color: #e5e7eb !important;
}

body[data-path="login"] .form-control {
    background-color: #262626 !important;
    border-color: #374151 !important;
    color: #e5e7eb !important;
}

body[data-path="login"] .form-control:focus {
    background-color: #262626 !important;
    border-color: #3b82f6 !important;
    color: #e5e7eb !important;
    box-shadow: 0 0 0 0.2rem rgba(59, 130, 246, 0.25) !important;
}

body[data-path="login"] .form-control::placeholder {
    color: #6b7280 !important;
}

body[data-path="login"] .btn-primary {
    background-color: #3b82f6 !important;
    border-color: #3b82f6 !important;
}

body[data-path="login"] .btn-primary:hover {
    background-color: #2563eb !important;
    border-color: #2563eb !important;
}

body[data-path="login"] a {
    color: #60a5fa !important;
}

body[data-path="login"] a:hover {
    color: #93c5fd !important;
}

body[data-path="login"] .text-muted {
    color: #9ca3af !important;
}

body[data-path="login"] .toggle-password {
    color: #9ca3af !important;
}

body[data-path="login"] .field-icon path,
body[data-path="login"] .field-icon use {
    stroke: #6b7280 !important;
}

body[data-path="login"] .login-divider {
    color: #6b7280 !important;
}

body[data-path="login"] .sign-up-message {
    color: #9ca3af !important;
}

body[data-path="login"] .navbar {
    background-color: #1f1f1f !important;
    border-bottom: 1px solid #374151 !important;
}

body[data-path="login"] .navbar .navbar-brand,
body[data-path="login"] .navbar .nav-link {
    color: #e5e7eb !important;
}