/* Cartes dashboard */
.card-ok    { border-left: 4px solid var(--pico-color-green-500); }
.card-warn  { border-left: 4px solid var(--pico-color-orange-500); }
.card-alert { border-left: 4px solid var(--pico-color-red-500); }
.card-muted { border-left: 4px solid var(--pico-muted-border-color); }

/* Banner mois */
.banner-ok    { background: color-mix(in srgb, var(--pico-color-green-500) 8%, transparent); }
.banner-warn  { background: color-mix(in srgb, var(--pico-color-orange-500) 8%, transparent); }
.banner-alert { background: color-mix(in srgb, var(--pico-color-red-500) 10%, transparent); }
.banner-muted { background: var(--pico-card-background-color); }

/* Lignes MS gestion */
.row-ok    td { background: color-mix(in srgb, var(--pico-color-green-500) 5%, transparent); }
.row-warn  td { background: color-mix(in srgb, var(--pico-color-orange-500) 8%, transparent); }
.row-alert td { background: color-mix(in srgb, var(--pico-color-red-500) 8%, transparent); }

/* Tableaux compacts */
table { font-size: 0.92rem; }
table th, table td { padding: 0.4rem 0.6rem; }

/* Breadcrumb */
nav[aria-label="breadcrumb"] ul { padding: 0; }
nav[aria-label="breadcrumb"] li { display: inline; padding: 0 0.3rem; }
nav[aria-label="breadcrumb"] li + li::before { content: "/ "; color: var(--pico-muted-color); }