/* ========================================
   BUNQR - Composants
   ======================================== */

/* Fond d'écran principal */
body,
.bunqr-background {
    background-color: var(--bunqr-fond);
    color: var(--bunqr-noir);
}

/* Nom d'employé dans la liste */
.employee-displayName {
    color: var(--bunqr-noir);
    font-weight: 600;
    font-size: var(--bunqr-font-size-base);
}

/* Grille/Tableau */
.gridsWrapper {
    background-color: var(--bunqr-blanc);
    border-radius: var(--bunqr-border-radius);
    box-shadow: var(--bunqr-shadow-sm);
}

.mud-table-cell {
    color: var(--bunqr-noir);
}

.mud-table-row:hover {
    background-color: var(--bunqr-sable) !important;
}

/* Menu latéral */
.bunqr-sidebar {
    background-color: var(--bunqr-vert) !important;
    color: var(--bunqr-blanc) !important;/* Scrollbar du NavMenu */
    scrollbar-color: #d0d0d0 transparent;
}

.bunqr-sidebar .mud-nav-link,
.mud-drawer .mud-nav-link {
    color: var(--bunqr-noir) !important;
}

.bunqr-sidebar .mud-nav-link:hover,
.mud-drawer .mud-nav-link:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

/* KPI Cards */
.kpi-nouveau-collab {
    background-color: var(--bunqr-vert);
    color: var(--bunqr-noir);
    padding: var(--bunqr-spacing-lg);
    border-radius: var(--bunqr-border-radius);
    box-shadow: var(--bunqr-shadow-md);
}

.kpi-document-signer {
    background-color: var(--bunqr-sable);
    color: var(--bunqr-noir);
    padding: var(--bunqr-spacing-lg);
    border-radius: var(--bunqr-border-radius);
    box-shadow: var(--bunqr-shadow-md);
}

.kpi-autorisation-expire {
    background-color: var(--bunqr-bleu-brume);
    color: var(--bunqr-noir);
    padding: var(--bunqr-spacing-lg);
    border-radius: var(--bunqr-border-radius);
    box-shadow: var(--bunqr-shadow-md);
}

.kpi-renouvellement {
    background-color: var(--bunqr-corail);
    color: var(--bunqr-noir);
    padding: var(--bunqr-spacing-lg);
    border-radius: var(--bunqr-border-radius);
    box-shadow: var(--bunqr-shadow-md);
}

/* Expansion Panels */
.Habilitee-MudExpansionPanel {
    background-color: var(--bunqr-blanc);
    border: 1px solid rgba(23, 23, 23, 0.1);
    border-radius: var(--bunqr-border-radius) !important;
    margin-bottom: var(--bunqr-spacing-sm);
}

.Habilitee-MudExpansionPanel .title {
    color: var(--bunqr-noir);
    font-weight: 600;
}

/* Autocomplete */
.Habilitee-MudAutocomplete {
    border-radius: var(--bunqr-border-radius);
}

.mud-tablepager-left {
    margin-right: 75px;
}

.check-expiring svg{
    fill:#615f5f;
}