/* ========================================
   LOGIN PAGE
   ======================================== */

.login-page {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--primary-light) 0%, var(--white) 50%, var(--primary-light) 100%);
    padding: var(--space-lg);
}

.login-container {
    width: 100%;
    max-width: 450px;
}

.login-card {
    box-shadow: var(--shadow-lg);
    overflow: hidden;
    border: none;
}

.login-header {
    background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
    padding: var(--space-2xl) var(--space-lg) var(--space-xl);
    border: none;
}

.login-title {
    font-size: var(--text-4xl);
    font-weight: 700;
    color: var(--black);
    margin: 0;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.login-subtitle {
    font-size: var(--text-sm);
    margin: 0;
    color: var(--gray-800);
    font-weight: 400;
}

.login-footer {
    background: var(--gray-100);
    border-top: 1px solid var(--gray-200);
    padding: var(--space-lg) var(--space-xl); /* 24px top/bottom, 32px left/right */
}

/* Large form controls for login */
.login-card .form-control-lg {
    height: 48px;
    font-size: var(--text-base);
}

.login-card .btn-lg {
    height: 48px;
    font-size: var(--text-lg);
    font-weight: 500;
}

/* Login form spacing fix */
.login-card .mb-3 {
    margin-bottom: 1.5rem !important; /* było 1rem (16px), teraz 24px */
}

.login-card .mb-4 {
    margin-bottom: 2rem !important; /* było 1.5rem (24px), teraz 32px */
}

.login-card .form-label {
    margin-bottom: 0.5rem;
    display: block;
}

.login-card .form-control-lg {
    margin-bottom: 0; /* usuń domyślny margin z inputa */
}

/* ========================================
   OTHER PAGES (placeholder)
   ======================================== */