/* PATCH 156 — card independente de exclusão da conta */
.account-profile-page .profile-settings-grid {
    grid-template-areas:
        "avatar dados"
        "email senha"
        "exclusao exclusao"
        "comunicacao credencial";
}

.account-profile-page .account-delete-card {
    grid-area: exclusao;
    min-width: 0;
    height: auto;
    padding: 24px 28px;
    border-color: rgba(214, 77, 88, .55);
    background: linear-gradient(135deg, rgba(47, 12, 17, .72), rgba(20, 8, 10, .9));
}

.account-profile-page .account-delete-card.is-pending {
    border-color: rgba(255, 140, 151, .74);
    background: linear-gradient(135deg, rgba(62, 16, 23, .78), rgba(24, 8, 11, .92));
}

.account-delete-card-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr);
    gap: 34px;
    align-items: start;
}

.account-delete-card-copy {
    display: grid;
    gap: 12px;
}

.account-delete-card-copy header {
    display: grid;
    gap: 7px;
}

.account-delete-card-copy header small {
    color: #ff8f99;
}

.account-delete-card-copy h2 {
    margin: 0;
    color: #fff5f6;
}

.account-delete-card-copy p {
    margin: 0;
    color: #d9b4b7;
    line-height: 1.62;
}

.account-delete-card-copy strong {
    color: #fff;
}

.account-delete-highlight {
    color: #ffcbd0 !important;
    font-weight: 700;
}

.account-delete-card-action {
    min-width: 0;
}

.account-delete-card-action form {
    display: grid;
    gap: 14px;
}

.account-delete-card-action label {
    color: #e6c6c8;
}

.account-delete-card-action input {
    border-color: rgba(214, 77, 88, .38) !important;
    background: rgba(34, 10, 14, .72) !important;
}

.account-delete-card-action input:focus {
    border-color: #d64d58 !important;
    box-shadow: 0 0 0 3px rgba(214, 77, 88, .12) !important;
}

@media (max-width: 1050px) {
    .account-profile-page .profile-settings-grid {
        grid-template-areas:
            "avatar"
            "dados"
            "email"
            "senha"
            "exclusao"
            "comunicacao"
            "credencial";
    }

    .account-delete-card-layout {
        grid-template-columns: 1fr;
        gap: 22px;
    }
}

@media (max-width: 620px) {
    .account-profile-page .account-delete-card {
        padding: 22px 18px;
    }
}