html,
body {
    min-height: 100%;
    margin: 0;
}

body {
    background: #f9f9f9;
}

button,
input {
    font: inherit;
}

.blazor-error-boundary {
    padding: 1rem;
    color: #ffffff;
    background: #b42318;
}

/* Isolation CSS Blazor : le composant natif NavLink ne reçoit jamais l'attribut de scope de la
   page qui l'utilise (contrairement aux éléments HTML littéraux) — ces règles doivent donc rester
   globales pour atteindre l'élément <a> qu'il rend. */
.client-context__menu-item {
    display: flex;
    align-items: center;
    gap: var(--lc-space-3);
    padding: var(--lc-space-3);
    color: var(--lc-color-text-muted);
    text-decoration: none;
    border-radius: var(--lc-radius-md);
    font-size: var(--lc-font-size-sm);
    font-weight: var(--lc-font-weight-medium);
    transition: background-color var(--lc-transition-fast), color var(--lc-transition-fast);
}

.client-context__menu-item:hover {
    background: var(--lc-color-background-subtle);
    color: var(--lc-color-text);
}

.client-context__menu-item.active {
    background: var(--lc-color-primary);
    color: var(--lc-color-on-primary);
    font-weight: var(--lc-font-weight-semibold);
}

/* DsLanguageSwitcher : idem, composant natif non scopable — reste global. */
.login-language-switcher {
    position: fixed;
    top: var(--lc-space-4);
    right: var(--lc-space-4);
    z-index: 10;
    color: var(--lc-color-text-muted);
}

/* DsTextField : idem, composant natif non scopable — reste global. */
.admin-clients__search {
    max-width: 20rem;
    margin-bottom: var(--lc-space-4);
}