/* Pages Profil : chargée sur toutes les pages (importmap.php du bundle), n'utilise que les jetons du socle (ui-bundle). */
@layer components {
[data-stamina-turbo-region] .profile-card__body { display: flex; flex-direction: column; align-items: center; text-align: center; }
[data-stamina-turbo-region] .profile-card__head { margin-bottom: 12px; }


[data-stamina-turbo-region] .profile-card__avatar { display: inline-flex; flex: none; }

[data-stamina-turbo-region] .profile-card__name { font-size: 19px; font-weight: 700; line-height: 1.25; color: var(--color-ink, #1d1531); }
[data-stamina-turbo-region] .profile-card__sub { margin-top: 2px; font-size: 13px; color: var(--color-muted, #a1a5b7); overflow-wrap: anywhere; }
[data-stamina-turbo-region] .profile-card__badges { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin-top: 12px; }
[data-stamina-turbo-region] .profile-card__badges .badge { color: var(--color-ink-2, #3f4254); }

[data-stamina-turbo-region] .profile-card__actions { width: 100%; margin-top: 16px; }

[data-stamina-turbo-region] .profile-card__details { width: 100%; margin-top: 16px; padding-top: 4px; border-top: 1px solid var(--color-line, #eff0f4); text-align: left; }
[data-stamina-turbo-region] .profile-card__details .contact-details__row:first-child { padding-top: 4px; }
[data-stamina-turbo-region] .profile-card__hint { margin-top: 2px; font-size: 11.5px; color: var(--color-muted, #a1a5b7); }


[data-stamina-turbo-region] .profile-card .contact-details__icon.is-success { background: color-mix(in srgb, var(--color-success) 12%, #fff); color: var(--color-success); }
[data-stamina-turbo-region] .profile-card .contact-details__icon.is-warning { background: color-mix(in srgb, var(--color-warning) 16%, #fff); color: var(--color-warning); }


[data-stamina-turbo-region] .profile-tabs { margin-bottom: 24px !important; }
}