* { box-sizing: border-box; margin: 0; padding: 0; }

html, body {
    height: 100vh !important;
    width: 100vw !important;
    overflow: hidden !important;
    padding: 0 !important;
    background: white !important;
}

nav.navbar, #sczor-sidebar, .sczor-sidebar,
#sczor-welcome, .web-footer { 
    display: none !important; 
}

/* Override frappe page styles */
.page-card {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    border: none !important;
    background: transparent !important;
}

.login-content.page-card {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    z-index: 9999 !important;
}

#sczor-login-left {
    background: linear-gradient(135deg, #1e1245 0%, #2d1b69 60%, #6d28d9 100%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100vh !important;
}

#sczor-login-left img {
    width: 200px !important;
    filter: brightness(0) invert(1) !important;
}

.form-signin.form-login {
    background: white !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100vh !important;
    padding: 2rem !important;
}

.page-card-body {
    width: 100% !important;
    max-width: 380px !important;
}

.page-card-head,
.btn-login-option { 
    display: none !important; 
}

.btn-primary {
    background: #2d1b69 !important;
    border-color: #2d1b69 !important;
    border-radius: 8px !important;
    width: 100% !important;
    padding: 10px !important;
    font-size: 15px !important;
}

.form-control {
    border-radius: 8px !important;
    border: 1px solid #e5e7eb !important;
    padding: 10px 12px !important;
}

/* Override frappe 400px max-width */
.for-login .page-card,
.for-forgot .page-card,
.for-login-with-email-link .page-card,
.for-signup .page-card,
.for-email-login .page-card,
.login-content .page-card {
    max-width: 100% !important;
    width: 100% !important;
}

/* Fix column widths */
#sczor-login-left {
    width: 50% !important;
    flex: none !important;
}

.form-signin.form-login {
    width: 50% !important;
    flex: none !important;
}

/* 70/30 split */
#sczor-login-left {
    width: 70% !important;
    flex: none !important;
}

.form-signin.form-login {
    width: 30% !important;
    flex: none !important;
}