/* ==========================================================================
   OPTIMIZARE RESPONSIVĂ: login.css (Model: factura.css)
   ========================================================================== */

/* Stiluri Structură Desktop (Limitat la 500px conform cerinței) */
main.auth-card {
    max-width: 500px;
    margin: 40px auto;
    padding: 25px;
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
}

/* Forțare pe Mobil / Tablete */
@media (max-width: 768px) {
    main.auth-card {
        width: 100% !important;
        max-width: 100% !important;
        margin: 12px auto !important;
        padding: 20px 15px !important;
        box-sizing: border-box !important;
        border: none !important;
        box-shadow: none !important;
    }

    main.auth-card h2 {
        font-size: 22px !important;
        margin-bottom: 20px !important;
    }

    /* Mesajele de eroare inline */
    main.auth-card div[style*="background: #fee2e2"],
    main.auth-card div[style*="background:#fee2e2"] {
        width: 100% !important;
        box-sizing: border-box !important;
        font-size: 13px !important;
        padding: 12px !important;
    }

    form {
        display: flex !important;
        flex-direction: column !important;
        gap: 15px !important;
        width: 100% !important;
    }

    form > div {
        width: 100% !important;
        box-sizing: border-box !important;
    }

    form label {
        display: block !important;
        font-size: 14px !important;
        font-weight: bold !important;
        margin-bottom: 6px !important;
    }

    /* Aliniere intrări cu modelul fluidizat din factura.css */
    form input[type="email"],
    form input[type="password"] {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        padding: 12px !important;
        font-size: 16px !important;
        border: 1px solid #cbd5e1 !important;
        border-radius: 4px !important;
        height: auto !important;
    }

    form button[type="submit"] {
        width: 100% !important;
        padding: 14px !important;
        font-size: 16px !important;
        font-weight: bold !important;
        border-radius: 4px !important;
        display: block !important;
        margin-top: 5px !important;
    }
}