/* =============================================================================
   Admin Console CSS
   Keycloak 26
   ============================================================================= */

/* =============================================================================
   Variables CSS
   ============================================================================= */
:root {
    /* Couleurs primaires */
    --brand-primary: #003B7D;
    --brand-primary-dark: #002855;
    --brand-primary-light: #0052A3;

    /* Couleurs de fond */
    --brand-bg-body: #FFFFFF;
    --brand-bg-section: #F8F9FA;
    --brand-bg-card: #FFFFFF;

    /* Couleurs de texte */
    --brand-text-primary: #212529;
    --brand-text-secondary: #6C757D;
    --brand-text-white: #FFFFFF;

    /* Couleurs de bordure */
    --brand-border-color: #BDBDBD;
    --brand-border-light: #DEE2E6;

    /* Typographie */
    --brand-font-family: inherit !important;

    /* Espacements */
    --brand-spacing-sm: 0.5rem;
    --brand-spacing-md: 1rem;
    --brand-spacing-lg: 1.5rem;
    --brand-spacing-xl: 2rem;

    /* Ombres */
    --brand-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    --brand-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* Surcharge des variables PatternFly */
:root {
    --pf-v5-global--Color--100: var(--brand-text-primary);
    --pf-v5-global--Color--200: var(--brand-text-secondary);
    --pf-v5-global--primary-color--100: var(--brand-primary);
    --pf-v5-global--primary-color--200: var(--brand-primary-dark);
    --pf-v5-global--BackgroundColor--100: var(--brand-bg-body);
    --pf-v5-global--BackgroundColor--200: var(--brand-bg-section);
    --pf-v5-global--FontFamily--sans-serif: var(--brand-font-family);
}

/* =============================================================================
   Application de la police globale
   ============================================================================= */
/*
* {
    font-family: var(--brand-font-family) !important;
}
*/

/* =============================================================================
   Header
   ============================================================================= */

.pf-v5-c-masthead {
    background-color: #FFFFFF !important;
    border-bottom: 6px solid var(--brand-primary) !important;
    box-shadow: var(--brand-shadow) !important;
    min-height: 80px !important;
    max-height: 80px !important;
    height: 80px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    position: relative !important;
}

/* Bandeau ENVIRONNEMENT au centre du header */
.pf-v5-c-masthead::after {
    content: var(--env-name) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    background-color: var(--env-bg) !important;
    color: var(--env-text) !important;
    padding: 8px 18px !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    letter-spacing: 4px !important;
    border: 1px solid var(--env-border) !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(198, 40, 40, 0.2) !important;
    z-index: 1 !important;
}

/* Toolbar dans le header - forcer le fond blanc */
.pf-v5-c-masthead .pf-v5-c-toolbar {
    background-color: #FFFFFF !important;
    padding-block-start: 0 !important;
    padding-block-end: 0 !important;
}

.pf-v5-c-masthead .pf-v5-c-toolbar__content {
    background-color: #FFFFFF !important;
}

.pf-v5-c-masthead .pf-v5-c-toolbar__group {
    background-color: #FFFFFF !important;
}

.pf-v5-c-masthead .pf-v5-c-toolbar__item {
    background-color: #FFFFFF !important;
}

/* Texte dans le toolbar - couleur sombre */
.pf-v5-c-masthead .pf-v5-c-toolbar *,
.pf-v5-c-masthead button,
.pf-v5-c-masthead a {
    color: var(--brand-text-primary) !important;
}

/* EXCEPTION : liens dans les menus dropdown du masthead doivent être plus sombres et changer au hover */
.pf-v5-c-masthead .pf-v5-c-dropdown__menu a,
.pf-v5-c-masthead .pf-v5-c-menu a,
.pf-v5-c-masthead .pf-v5-c-menu__list-item a {
    color: #000000 !important;
}

.pf-v5-c-masthead .pf-v5-c-dropdown__menu a:hover,
.pf-v5-c-masthead .pf-v5-c-menu a:hover,
.pf-v5-c-masthead .pf-v5-c-menu__list-item a:hover {
    color: var(--brand-primary) !important;
}

/* Avatar dans le header - augmenter la taille */
.pf-v5-c-masthead .pf-v5-c-avatar {
    width: 56px !important;
    height: 56px !important;
    margin-left: 20px !important;
}

.pf-v5-c-masthead .pf-v5-c-avatar img {
    width: 56px !important;
    height: 56px !important;
}

/* Logo dans le header */
.pf-v5-c-masthead__brand {
    display: flex;
    align-items: center;
    gap: 0 !important;
    margin-left: 20px !important;
}

.keycloak__dashboard_icon {
    max-width: 200px !important;
    margin: 50px !important;
}

/* Menu hamburger - ajouter plus d'espace à gauche */
.pf-v5-c-page__sidebar-toggle {
    margin-left: 20px !important;
    margin-right: -20px !important;
}

button.pf-v5-c-button.pf-m-plain[aria-label*="navigation"] {
    margin-left: 20px !important;
    margin-right: -20px !important;
}

.pf-v5-c-masthead button:first-child {
    margin-left: 20px !important;
    margin-right: -20px !important;
}

/* Réduire l'espace entre le toggle et le logo */
.pf-v5-c-masthead__main {
    gap: 0 !important;
}

.pf-v5-c-masthead__content {
    gap: 0 !important;
}

/* Remplacer le logo Keycloak par le logo custom */
.pf-v5-c-masthead__brand img {
    content: url('../images/brand-logo.svg') !important;
    width: 68px !important;
    height: auto !important;
}

/* Si le logo est un SVG inline, le cacher */
.pf-v5-c-masthead__brand svg {
    display: none !important;
}

/* Tout le contenu du masthead avec padding pour espacer du bord */
.pf-v5-c-masthead__main {
    padding-left: var(--brand-spacing-xl) !important;
    padding-right: var(--brand-spacing-xl) !important;
}

.pf-v5-c-masthead__content {
    padding-left: var(--brand-spacing-xl) !important;
    padding-right: var(--brand-spacing-xl) !important;
}

/* =============================================================================
   Sidebar Navigation
   ============================================================================= */
.pf-v5-c-nav {
    background-color: var(--brand-bg-section) !important;
}

/* Pavé sous le menu - même couleur que le menu */
.pf-v5-c-page__sidebar {
    background-color: var(--brand-bg-section) !important;
}

.pf-v5-c-page__sidebar-body {
    background-color: var(--brand-bg-section) !important;
}

.pf-v5-c-nav__link {
    color: var(--brand-text-primary) !important;
    font-weight: 500;
}

.pf-v5-c-nav__link:hover {
    background-color: rgba(0, 59, 125, 0.15) !important;
    color: #000000 !important;
}

.pf-v5-c-nav__link.pf-m-current {
    background-color: var(--brand-primary) !important;
    color: #FFFFFF !important;
    border-left: 4px solid var(--brand-primary-dark);
}

/* Forcer le texte blanc sur les éléments de menu actifs */
.pf-v5-c-nav__link.pf-m-current *,
.pf-v5-c-nav__link.pf-m-current span,
.pf-v5-c-nav__item.pf-m-current>.pf-v5-c-nav__link,
.pf-v5-c-nav__item.pf-m-current>.pf-v5-c-nav__link * {
    color: #FFFFFF !important;
}

/* Empêcher le hover sombre sur le menu parent quand un sous-menu est actif */
.pf-v5-c-nav__item.pf-m-current>.pf-v5-c-nav__link:hover,
.pf-v5-c-nav__item.pf-m-expanded>.pf-v5-c-nav__link:hover {
    background-color: rgba(0, 59, 125, 0.05) !important;
    color: var(--brand-primary) !important;
}

/* Empêcher le hover sur le parent quand on survole les sous-menus */
.pf-v5-c-nav__subnav:hover~.pf-v5-c-nav__link,
.pf-v5-c-nav__item:has(.pf-v5-c-nav__subnav:hover)>.pf-v5-c-nav__link {
    background-color: transparent !important;
    color: var(--brand-text-primary) !important;
}

/* Empêcher le fond gris sur le menu parent quand le sous-menu est déplié */
.pf-v5-c-nav__item.pf-m-expanded>.pf-v5-c-nav__link:not(:hover) {
    background-color: transparent !important;
    color: var(--brand-text-primary) !important;
}

/* Forcer le fond transparent sur tous les états du menu parent avec sous-menu */
.pf-v5-c-nav__item:has(.pf-v5-c-nav__subnav)>.pf-v5-c-nav__link {
    background-color: transparent !important;
}

/* Nom du realm et titres de sections dans le sidebar (Manage, Configure, etc.) */
.pf-v5-c-context-selector,
.pf-v5-c-context-selector__toggle,
.pf-v5-c-context-selector__toggle-text,
.pf-v5-c-nav__section-title,
.pf-v5-c-nav__section .pf-v5-c-nav__link:not(.pf-m-current),
.pf-v5-c-divider+.pf-v5-c-nav__section-title,
.pf-v5-c-nav .pf-v5-c-title,
.pf-v5-c-nav__scroll-button {
    color: var(--brand-text-primary) !important;
}

/* Exception : les liens actifs doivent rester blancs */
.pf-v5-c-nav__section .pf-v5-c-nav__link.pf-m-current,
.pf-v5-c-nav__section .pf-v5-c-nav__link.pf-m-current * {
    color: #FFFFFF !important;
}

/* Titres de navigation dans le sidebar */
.pf-v5-c-nav h2,
.pf-v5-c-nav h3,
.pf-v5-c-page__sidebar h2,
.pf-v5-c-page__sidebar h3 {
    color: var(--brand-text-primary) !important;
}

/* =============================================================================
   Contenu principal
   ============================================================================= */
.pf-v5-c-page__main {
    background-color: var(--brand-bg-body) !important;
}

.pf-v5-c-page__main-section {
    padding: var(--brand-spacing-xl) !important;
}

/* =============================================================================
   Cartes
   ============================================================================= */
.pf-v5-c-card {
    background-color: var(--brand-bg-card) !important;
    border: 1px solid var(--brand-border-light) !important;
    box-shadow: var(--brand-shadow) !important;
    border-radius: 8px !important;
    margin-bottom: var(--brand-spacing-lg) !important;
}

.pf-v5-c-card__title {
    color: var(--brand-primary) !important;
    font-weight: 700;
}

/* =============================================================================
   Boutons
   ============================================================================= */
.pf-v5-c-button.pf-m-primary {
    background-color: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
    color: var(--brand-text-white) !important;
    /*font-weight: 600;*/
}

.pf-v5-c-button.pf-m-primary:hover,
.pf-v5-c-button.pf-m-primary:focus {
    background-color: var(--brand-primary-dark) !important;
    border-color: var(--brand-primary-dark) !important;
}

.pf-v5-c-button.pf-m-secondary {
    background-color: var(--brand-bg-card) !important;
    border-color: var(--brand-primary) !important;
    color: var(--brand-primary) !important;
    /*font-weight: 600;*/
}

.pf-v5-c-button.pf-m-secondary:hover,
.pf-v5-c-button.pf-m-secondary:focus {
    background-color: var(--brand-primary) !important;
    color: var(--brand-text-white) !important;
}

/* =============================================================================
   Formulaires
   ============================================================================= */
.pf-v5-c-form-control {
    border-color: var(--brand-border-color) !important;
    font-family: var(--brand-font-family) !important;
}

.pf-v5-c-form-control:focus {
    border-color: var(--brand-primary) !important;
    box-shadow: 0 0 0 3px rgba(0, 59, 125, 0.1) !important;
}

.pf-v5-c-form__label {
    color: var(--brand-text-primary) !important;
    font-weight: 500;
}

/* =============================================================================
   Tables
   ============================================================================= */
.pf-v5-c-table thead {
    background-color: var(--brand-bg-section) !important;
}

.pf-v5-c-table th {
    color: var(--brand-primary) !important;
    font-weight: 700;
}

.pf-v5-c-table tbody tr:hover {
    background-color: rgba(0, 59, 125, 0.02) !important;
}

/* =============================================================================
   Liens
   ============================================================================= */
a {
    color: var(--brand-primary) !important;
    text-decoration: none;
}

a:hover,
a:focus {
    color: var(--brand-primary-dark) !important;
    text-decoration: underline;
}

/* Exception : liens dans les dropdowns doivent être sombres */
.pf-v5-c-dropdown__menu a,
.pf-v5-c-menu a,
.pf-v5-c-dropdown__menu-item a,
.pf-v5-c-menu__list-item a,
.pf-v5-c-menu__list-item>a,
.pf-v5-c-toolbar .pf-v5-c-menu__list-item a,
.pf-v5-c-masthead .pf-v5-c-menu__list-item a {
    color: #212529 !important;
    text-decoration: none !important;
}

.pf-v5-c-dropdown__menu a:hover,
.pf-v5-c-menu a:hover,
.pf-v5-c-dropdown__menu-item a:hover,
.pf-v5-c-menu__list-item a:hover,
.pf-v5-c-menu__list-item>a:hover,
.pf-v5-c-toolbar .pf-v5-c-menu__list-item a:hover,
.pf-v5-c-masthead .pf-v5-c-menu__list-item a:hover {
    color: var(--brand-primary) !important;
    text-decoration: none !important;
}

/* =============================================================================
   Alerts
   ============================================================================= */
.pf-v5-c-alert.pf-m-success {
    border-left: 4px solid #28A745;
}

.pf-v5-c-alert.pf-m-danger {
    border-left: 4px solid #DC3545;
}

.pf-v5-c-alert.pf-m-warning {
    border-left: 4px solid #FFC107;
}

.pf-v5-c-alert.pf-m-info {
    border-left: 4px solid #17A2B8;
}

/* =============================================================================
   Badges
   ============================================================================= */
.pf-v5-c-badge {
    font-weight: 600;
    font-family: var(--brand-font-family) !important;
}

.pf-v5-c-badge.pf-m-read {
    background-color: var(--brand-primary) !important;
}

/* Badge "Current realm" dans le header - texte en blanc */
.pf-v5-c-badge,
.pf-v5-c-label {
    color: var(--brand-text-white) !important;
}

/* Nom du realm à côté du chip dans le header */
.pf-v5-c-masthead .pf-v5-c-toolbar__item span,
.pf-v5-c-masthead span[class*="realm"] {
    color: var(--brand-text-primary) !important;
}

/* Label/Chip sombre avec texte blanc */
.pf-v5-c-label.pf-m-blue,
.pf-v5-c-label.pf-m-cyan,
.pf-v5-c-label.pf-m-green,
.pf-v5-c-label.pf-m-orange,
.pf-v5-c-label.pf-m-purple,
.pf-v5-c-label.pf-m-red {
    color: var(--brand-text-white) !important;
}

/* =============================================================================
   Tabs
   ============================================================================= */
.pf-v5-c-tabs__link {
    color: var(--brand-text-secondary) !important;
    font-weight: 500;
}

.pf-v5-c-tabs__link:hover {
    color: var(--brand-primary) !important;
}

.pf-v5-c-tabs__link.pf-m-current {
    color: var(--brand-primary) !important;
    border-bottom-color: var(--brand-primary) !important;
}

/* =============================================================================
   Page titles
   ============================================================================= */
.pf-v5-c-title {
    color: var(--brand-primary) !important;
    font-weight: 700;
}

/* =============================================================================
   Breadcrumbs
   ============================================================================= */
.pf-v5-c-breadcrumb__link {
    color: var(--brand-text-secondary) !important;
}

.pf-v5-c-breadcrumb__link:hover {
    color: var(--brand-primary) !important;
}

.pf-v5-c-breadcrumb__item.pf-m-current {
    color: var(--brand-text-primary) !important;
}

/* =============================================================================
   Dropdown menus
   ============================================================================= */
.pf-v5-c-dropdown__menu {
    border: 1px solid var(--brand-border-light) !important;
    box-shadow: var(--brand-shadow-md) !important;
}

.pf-v5-c-dropdown__menu-item:hover {
    background-color: rgba(0, 59, 125, 0.15) !important;
    color: #000000 !important;
}

/* Hover sur les items de menu (utilisés dans les dropdowns) */
.pf-v5-c-menu__list-item:hover,
.pf-v5-c-menu__item:hover {
    background-color: rgba(0, 59, 125, 0.15) !important;
}

.pf-v5-c-menu__list-item:hover>*,
.pf-v5-c-menu__item:hover,
.pf-v5-c-menu__list-item:hover button,
.pf-v5-c-menu__list-item:hover a {
    color: #000000 !important;
}

/* Uniformiser l'alignement de tous les items du dropdown - Version agressive */
/* Réinitialiser complètement tous les containers */
.pf-v5-c-dropdown__menu,
.pf-v5-c-menu {
    padding: 0 !important;
}

.pf-v5-c-dropdown__menu-item,
.pf-v5-c-menu__list-item,
.pf-v5-c-menu__list {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

/* Forcer TOUS les éléments cliquables au même padding */
.pf-v5-c-dropdown__menu-item button,
.pf-v5-c-dropdown__menu-item a,
.pf-v5-c-menu__list-item button,
.pf-v5-c-menu__list-item a,
.pf-v5-c-menu__item,
.pf-v5-c-menu__item-main {
    padding: 0.35rem 1rem !important;
    margin: 0 !important;
    width: 100% !important;
    display: block !important;
    text-align: left !important;
    border: none !important;
    background: transparent !important;
    box-sizing: border-box !important;
    color: #212529 !important;
}

/* Forcer aussi la couleur sur les éléments texte internes */
.pf-v5-c-dropdown__menu-item button span,
.pf-v5-c-dropdown__menu-item a span,
.pf-v5-c-menu__list-item button span,
.pf-v5-c-menu__list-item a span,
.pf-v5-c-menu__item span,
.pf-v5-c-menu__item-main span,
.pf-v5-c-menu__item-text {
    color: #212529 !important;
}

/* Éliminer TOUS les espacements internes possibles */
.pf-v5-c-menu__item *,
.pf-v5-c-menu__item-main *,
.pf-v5-c-dropdown__menu-item * {
    margin: 0 !important;
    padding: 0 !important;
    text-indent: 0 !important;
}

/* Cibler spécifiquement le menu utilisateur dans le masthead */
.pf-v5-c-masthead .pf-v5-c-dropdown__menu-item,
.pf-v5-c-masthead .pf-v5-c-menu__list-item {
    padding: 0 !important;
}

.pf-v5-c-masthead .pf-v5-c-dropdown__menu-item button,
.pf-v5-c-masthead .pf-v5-c-dropdown__menu-item a,
.pf-v5-c-masthead .pf-v5-c-menu__item {
    padding: 0.5rem 1rem !important;
    display: block !important;
    width: 100% !important;
    text-align: left !important;
}

.pf-v5-c-masthead .pf-v5-c-menu__item *,
.pf-v5-c-masthead .pf-v5-c-dropdown__menu-item * {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* Cibler spécifiquement via la toolbar */
.pf-v5-c-toolbar .pf-v5-c-dropdown__menu-item,
.pf-v5-c-toolbar .pf-v5-c-menu__list-item,
.pf-v5-c-toolbar .pf-v5-c-menu__list>li {
    padding: 0 !important;
    margin: 0 !important;
}

/* Forcer les boutons ET les liens au même alignement */
.pf-v5-c-toolbar .pf-v5-c-menu__list-item>button,
.pf-v5-c-toolbar .pf-v5-c-menu__list-item>a {
    padding: 0.35rem 1rem !important;
    display: block !important;
    width: 100% !important;
    text-align: left !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
    font-family: inherit !important;
    font-size: inherit !important;
    cursor: pointer !important;
}

.pf-v5-c-toolbar .pf-v5-c-dropdown__menu-item button,
.pf-v5-c-toolbar .pf-v5-c-dropdown__menu-item a,
.pf-v5-c-toolbar .pf-v5-c-menu__item,
.pf-v5-c-toolbar .pf-v5-c-menu__item-main,
.pf-v5-c-toolbar .pf-v5-c-menu__list>li>*,
.pf-v5-c-toolbar .pf-v5-c-menu__list>li>button,
.pf-v5-c-toolbar .pf-v5-c-menu__list>li>a {
    padding: 0.35rem 1rem !important;
    display: block !important;
    width: 100% !important;
    text-align: left !important;
    box-sizing: border-box !important;
    margin: 0 !important;
}

.pf-v5-c-toolbar .pf-v5-c-menu__item *,
.pf-v5-c-toolbar .pf-v5-c-dropdown__menu-item *,
.pf-v5-c-toolbar .pf-v5-c-menu__list>li * {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* =============================================================================
   Modal dialogs
   ============================================================================= */
.pf-v5-c-modal-box {
    border-radius: 8px !important;
    box-shadow: var(--brand-shadow-md) !important;
}

.pf-v5-c-modal-box__title {
    color: var(--brand-primary) !important;
    font-weight: 700;
}

/* =============================================================================
   Empty state
   ============================================================================= */
.pf-v5-c-empty-state__icon {
    color: var(--brand-primary) !important;
}

/* =============================================================================
   Pagination
   ============================================================================= */
.pf-v5-c-pagination__nav-page-select {
    color: var(--brand-text-primary) !important;
}

.pf-v5-c-pagination .pf-v5-c-button.pf-m-plain:hover {
    color: var(--brand-primary) !important;
}

/* =============================================================================
   Tooltips et Popovers
   ============================================================================= */
.pf-v5-c-tooltip {
    font-family: var(--brand-font-family) !important;
}

/* =============================================================================
   CORRECTION - Espacement uniforme des cartes
   ============================================================================= */
.kc-form-panel__header {
    padding-top: var(--brand-spacing-lg) !important;
    padding-left: var(--brand-spacing-lg) !important;
}

.kc-form-panel__body {
    padding-left: var(--brand-spacing-lg) !important;
}

/* =============================================================================
   Responsive
   ============================================================================= */
@media (max-width: 768px) {
    .pf-v5-c-page__main-section {
        padding: var(--brand-spacing-md) !important;
    }

    .pf-v5-c-card {
        margin-bottom: var(--brand-spacing-md);
    }
}

/* =============================================================================
   Accessibilité
   ============================================================================= */
:focus-visible {
    outline: 2px solid var(--brand-primary) !important;
    outline-offset: 2px;
}

/* Mode contraste élevé */
@media (prefers-contrast: high) {
    .pf-v5-c-button.pf-m-primary {
        border: 2px solid var(--brand-text-primary) !important;
    }
}

/* Animation réduite pour accessibilité */
@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* =============================================================================
   Print styles
   ============================================================================= */
@media print {

    .pf-v5-c-masthead,
    .pf-v5-c-nav,
    .pf-v5-c-button {
        display: none !important;
    }

    .pf-v5-c-page__main {
        padding: 0 !important;
    }
}

/* =============================================================================
   DARK MODE VARIABLES
   ============================================================================= */
.pf-v5-theme-dark {
    /* Couleurs primaires
     - Ajustées pour le dark mode */
    --brand-primary: #3B82F6;
    --brand-primary-dark: #2563EB;
    --brand-primary-light: #60A5FA;
    
    /* Couleurs de fond */
    --brand-bg-body: #0F172A;
    --brand-bg-section: #1E293B;
    --brand-bg-card: #1E293B;
    
    /* Couleurs de texte */
    --brand-text-primary: #F1F5F9;
    --brand-text-secondary: #94A3B8;
    --brand-text-white: #FFFFFF;
    
    /* Couleurs de bordure */
    --brand-border-color: #475569;
    --brand-border-light: #334155;
    
    /* Ombres adaptées pour dark mode */
    --brand-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4), 0 2px 2px 0 rgba(0, 0, 0, 0.3);
    --brand-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
    
    /* Surcharge des variables PatternFly pour dark mode */
    --pf-v5-global--Color--100: var(--brand-text-primary);
    --pf-v5-global--Color--200: var(--brand-text-secondary);
    --pf-v5-global--primary-color--100: var(--brand-primary);
    --pf-v5-global--primary-color--200: var(--brand-primary-dark);
    --pf-v5-global--BackgroundColor--100: var(--brand-bg-body);
    --pf-v5-global--BackgroundColor--200: var(--brand-bg-section);
}