/* ===============================
   Recover Access (Scoped)
   =============================== */

.recover-access-container {
    flex: 1;
    min-height: 100vh;
    width: 100vw;
    background: linear-gradient(to bottom right, #005840, #007a5e);
    color: #333333;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    overflow-x: hidden;
    margin: 0;
}

    .recover-access-container .recover-card {
        background-color: #ffffff;
        border-radius: 12px;
        width: 100%;
        max-width: 600px;
        padding: 2rem 0;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    }

    .recover-access-container .recover-header {
        background-color: #b3e6d0;
        border-bottom: 1px solid #ccc;
        box-shadow: inset 0 -2px 4px -2px rgba(0, 0, 0, 0.15);
    }

    .recover-access-container .text-green {
        color: #005840;
    }

    .recover-access-container .recover-card h6 {
        font-size: 0.95rem;
        color: #333333;
    }

    .recover-access-container .recover-card p.text-muted {
        font-size: 0.8rem;
    }

    .recover-access-container .recover-card input[type="text"] {
        border-radius: 6px;
    }

    .recover-access-container .recover-card .btn-primary {
        background-color: #007a5e;
        border-color: #007a5e;
        font-weight: 600;
    }

        .recover-access-container .recover-card .btn-primary:hover {
            background-color: #005840;
            border-color: #005840;
        }

@media (max-width: 576px) {
    .recover-access-container .recover-card {
        margin-left: 1rem;
        margin-right: 1rem;
    }
}