/* Recreate the classic Frappe/ERPNext Card Login Layout */
body {
    background-color: #f8f9fa !important;
}

.for-login .page-card,
.login-content,
.login-wrapper {
    background-color: #ffffff !important;
    border-radius: 10px !important;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.08) !important;
    padding: 40px 30px !important;
    margin: 6vh auto !important;
    max-width: 450px !important;
}

/* Ensure the dark mode doesn't get ruined if they toggle it */
[data-theme="dark"] body {
    background-color: #111827 !important;
}
[data-theme="dark"] .for-login .page-card,
[data-theme="dark"] .login-content,
[data-theme="dark"] .login-wrapper {
    background-color: #1f2937 !important;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.3) !important;
    border: 1px solid #374151;
}

/* Center the logo properly */
.page-card-head img,
.login-content img {
    margin: 0 auto 20px auto !important;
    display: block;
}