/* Styles limités au tableau de bord adhérent. */
.account-page {
    --account-prune: var(--orecas-purple-dark, #60005c);
    --account-green: #2e7d32;
    color: #332d38;
}
.account-page h1,
.account-page h2 {
    color: var(--account-prune);
}
.account-eyebrow {
    display: inline-flex;
    align-items: center;
    padding: .5rem .9rem;
    border-radius: 50rem;
    color: var(--account-prune);
    background: #f5edf4;
    font-size: .85rem;
    font-weight: 600;
}
.account-page .card {
    border: 1px solid #eee5ed !important;
    border-radius: 20px;
    box-shadow: 0 5px 20px rgba(61, 0, 58, .05) !important;
}
.account-page .card-header {
    padding: 1.15rem 1.25rem;
    border-bottom: 1px solid #eee5ed;
    border-radius: 20px 20px 0 0;
    background: #fcf9fc !important;
}
.account-page .card-body {
    padding: 1.5rem;
}
.account-page dd,
.account-page .fw-semibold {
    overflow-wrap: anywhere;
}
.account-page .btn {
    border-radius: 50rem;
    padding: .65rem 1.1rem;
    font-weight: 600;
    white-space: normal;
    --bs-btn-focus-shadow-rgb: 96, 0, 92;
}
.account-page .btn-primary,
.account-page .btn-success {
    color: #fff;
    background: var(--account-prune);
    border-color: var(--account-prune);
}
.account-page .btn-outline-primary,
.account-page .btn-outline-secondary,
.account-page .btn-outline-success {
    color: var(--account-prune);
    background: #fff;
    border-color: #cbb3c7;
}
.account-page .btn-primary:hover,
.account-page .btn-success:hover,
.account-page .btn-outline-primary:hover,
.account-page .btn-outline-secondary:hover,
.account-page .btn-outline-success:hover {
    color: #fff;
    background: var(--account-prune);
    border-color: var(--account-prune);
}
.account-page .btn-outline-danger {
    color: #a3293a;
    border-color: #d9a9b1;
    background: #fff;
}
.account-page .btn-outline-danger:hover {
    color: #fff;
    background: #a3293a;
    border-color: #a3293a;
}
.account-page .btn:focus-visible {
    outline: 3px solid var(--account-prune);
    outline-offset: 3px;
    box-shadow: none;
}
.account-page .badge {
    border-radius: 50rem;
    padding: .45em .75em;
    font-weight: 600;
}
.account-page .text-bg-success {
    color: #215b27 !important;
    background: #e8f3e9 !important;
}
.account-page .text-bg-warning {
    color: #794600 !important;
    background: #fff1d9 !important;
}
.account-page .text-success {
    color: var(--account-green) !important;
}
.account-page .progress {
    height: 20px;
    background: #edf3ed;
    border-radius: 50rem;
}
.account-page .progress-bar {
    background: var(--account-green);
    font-weight: 600;
}
.account-page .table {
    --bs-table-color: #332d38;
    --bs-table-border-color: #eee5ed;
    font-size: .94rem;
}
.account-page .table thead {
    --bs-table-bg: #f7f3f7;
    --bs-table-color: #60475e;
}
.account-page .table th,
.account-page .table td {
    padding: .9rem 1rem;
    white-space: nowrap;
}
.account-page .table tbody tr:last-child td {
    border-bottom: 0;
}
.account-page .table-responsive {
    border-radius: 0 0 20px 20px;
}
.account-page #account-danger-zone {
    background: #fffafa;
    border-color: #efdade !important;
}
@media (max-width: 575px) {
    .account-page .account-actions > .btn {
        width: 100%;
    }
    .account-page .card-body {
        padding: 1.25rem;
    }
}