/* LABEL chips (MudChip Variant.Text) look like the status pips on the documents list
   (DocumentStatusBadge): light tinted background, darker text, small uppercase semibold.
   Link AFTER MudBlazor.min.css (equal-specificity ties go to the later sheet).
   Selection chips (Filled/Outlined, in MudChipSet / filter panels) are not Variant.Text - untouched.

   One definition of the tone colours: the pips in DocumentStatusBadge use these variables too. */
:root {
    --label-neutral-bg: rgba(75, 86, 117, 0.08);  --label-neutral-fg: #6B7B99;
    --label-success-bg: rgba(23, 198, 83, 0.12);  --label-success-fg: #0F8E3C;
    --label-info-bg:    rgba(62, 151, 255, 0.14); --label-info-fg:    #2D6FBE;
    --label-warning-bg: rgba(246, 192, 0, 0.20);  --label-warning-fg: #8C6A00;
    --label-error-bg:   rgba(241, 65, 108, 0.14); --label-error-fg:   #B41D4F;
    --label-default-bg: rgba(75, 86, 117, 0.10);  --label-default-fg: #4B5675;
}

/* Colours - specificity 3 classes beats MudBlazor's .mud-chip-text.mud-chip-color-x (2). */
.mud-chip.mud-chip-text.mud-chip-color-default   { background-color: var(--label-default-bg); color: var(--label-default-fg); }
.mud-chip.mud-chip-text.mud-chip-color-success,
.mud-chip.mud-chip-text.mud-chip-color-primary   { background-color: var(--label-success-bg); color: var(--label-success-fg); }  /* Primary = the same green as Success in this theme */
.mud-chip.mud-chip-text.mud-chip-color-info      { background-color: var(--label-info-bg);    color: var(--label-info-fg); }
.mud-chip.mud-chip-text.mud-chip-color-warning   { background-color: var(--label-warning-bg); color: var(--label-warning-fg); }
.mud-chip.mud-chip-text.mud-chip-color-error     { background-color: var(--label-error-bg);   color: var(--label-error-fg); }
.mud-chip.mud-chip-text.mud-chip-color-secondary { background-color: rgba(var(--mud-palette-secondary-rgb), 0.12); color: var(--mud-palette-secondary-darken); }
.mud-chip.mud-chip-text.mud-chip-color-tertiary  { background-color: rgba(var(--mud-palette-tertiary-rgb), 0.12);  color: var(--mud-palette-tertiary-darken); }
.mud-chip.mud-chip-text.mud-chip-color-dark      { background-color: rgba(var(--mud-palette-dark-rgb), 0.12);      color: var(--mud-palette-dark-darken); }

/* A clickable label gets a slightly stronger tint on hover/press. */
.mud-chip.mud-chip-text.mud-clickable:hover:not(.mud-disabled),
.mud-chip.mud-chip-text.mud-clickable:active:not(.mud-disabled) { filter: saturate(1.3) brightness(0.96); }

/* Typography/shape of a small label = the .status-pip of DocumentStatusBadge.
   Two classes only, so a page-level override (wrapping long names) still wins a tie. */
.mud-chip-text.mud-chip-size-small {
    height: 22px;
    padding: 0 8px;
    border-radius: 11px;
    font: 600 11px/1 Inter, sans-serif;
    font-feature-settings: "tnum";
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
.mud-chip-text.mud-chip-size-small .mud-icon-root { font-size: 14px; }
.mud-chip-text.mud-chip-size-small .mud-chip-content { line-height: 1; }
/* BT-xx code chip keeps its monospace face (see app.css). */
.mud-chip-text.mud-chip-size-small.bt-code-chip { font-family: 'JetBrains Mono', 'Consolas', 'Menlo', monospace; font-size: 0.7rem; }