/* ========================================================================
   Style par contrôleur : Account
   Chemin : Content/css/pages/account.css
   ======================================================================== */

:root {
    --spr-page-accent: #2563eb;
    --spr-page-accent-dark: #1d4ed8;
    --spr-page-accent-soft: rgba(37, 99, 235, 0.14);
}

/* En-tête de page automatiquement amélioré */
.page-header::before,
.jumbotron::before,
.spr-page-hero::before {
    content: "Connexion et compte";
    display: inline-flex;
    align-items: center;
    margin-bottom: 10px;
    padding: 7px 12px;
    color: var(--spr-page-accent-dark);
    background: rgba(255, 255, 255, .72);
    border: 1px solid rgba(226, 232, 240, .9);
    border-radius: 999px;
    font-size: 13px;
    font-weight: 900;
}

/* Cartes et panneaux de cette section */
.panel,
.card,
.well,
.thumbnail {
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.panel:hover,
.card:hover,
.well:hover,
.thumbnail:hover {
    transform: translateY(-2px);
    border-color: rgba(13, 148, 136, .22) !important;
    box-shadow: var(--spr-page-shadow-hover);
}

/* Boutons d'action principaux */
.btn-primary,
.btn-success {
    box-shadow: 0 12px 28px rgba(37, 99, 235, 0.24);
}

/* Petites cartes de résumé si présentes */
.spr-summary-card,
.info-box,
.small-box {
    border-radius: 20px !important;
    border: 1px solid rgba(226, 232, 240, .95) !important;
    background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
    box-shadow: var(--spr-page-shadow);
}