/* Couleurs sans équivalent natif dans MudBlazor.Palette */
.mud-theme-light {
    --prot-primary-tint: #eef1fd;
    --prot-surface-2: #fafbfc;
}
.mud-theme-dark {
    --prot-primary-tint: #20253a;
    --prot-surface-2: #1f232b;
}

/* NavLink actif : fond tint + barre verticale 3px */
.mud-nav-link.active:not(.mud-nav-link-disabled) {
    background-color: var(--prot-primary-tint);
    border-left: 3px solid var(--mud-palette-primary);
}

/* ProtPropertyGrid : pile de blocs « nom de la propriété en label en haut, valeur dessous ».
   Chaque propriété = un .prot-prop (DOM : dt nom puis dd valeur, affichés dans l'ordre naturel). */
.prot-property-grid {
    margin: 0;
}
.prot-prop {
    display: flex;
    flex-direction: column;
    padding: 8px 12px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}
.prot-prop:last-child {
    border-bottom: none;
}
.prot-prop dt {
    margin: 0 0 2px 0;
    color: var(--mud-palette-text-secondary);
    font-size: 12px;
}
.prot-prop dd {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
}