/* GBVMIS Liberia custom overrides -- loaded AFTER the main Angular
   Material stylesheet, so these values take precedence without editing
   any vendor file directly. */

:root {
  /* CONFIRMED via DevTools inspection: the Case form renders inside a
     Material dialog, and labels inherit their styling from
     .mat-mdc-dialog-container .mat-mdc-dialog-content, NOT from the
     form-field-specific variables we originally guessed at (those are
     simply not what this element reads). Overriding the actual
     variables in play this time. */
  --mat-dialog-supporting-text-color: #000000;
  --mat-dialog-supporting-text-weight: 700;
  --mat-dialog-supporting-text-size: 17px;

  /* Kept from before too, in case any label renders outside a dialog
     context elsewhere in the app and uses this pathway instead. */
  --mat-form-field-outlined-label-text-color: #000000;
  --mat-form-field-outlined-label-text-weight: 700;
  --mat-form-field-outlined-label-text-size: 17px;
  --mat-form-field-outlined-label-text-populated-size: 14px;
}

/* CONFIRMED via direct DevTools inspection of the Case form (2026-09):
   labels here render with Material's "filled" appearance variant
   (.mdc-text-field--filled .mdc-floating-label), which reads its own
   separate set of variables from the "outlined" ones set above. The
   outlined/dialog variables above were evidently based on inspecting
   a different element -- they don't appear anywhere in this element's
   actual winning rule. */
:root {
  --mat-form-field-filled-label-text-color: #000000;
  --mat-form-field-filled-label-text-weight: 700;
  --mat-form-field-filled-label-text-size: 17px;
}

/* CONFIRMED via direct DevTools inspection: the tab section labels
   (Offense Code, Survivor Information, etc.) use
   --mat-tab-inactive-label-text-color, currently rgba(0,0,0,.54) --
   black at only 54% opacity, which is the faintness itself. The
   active tab's own color (--mat-tab-active-label-text-color, the
   brand orange) is untouched and correct as-is. */
:root {
  --mat-tab-inactive-label-text-color: #000000 !important;
  --mat-tab-label-text-weight: 700 !important;
}

/* CONFIRMED via direct DevTools inspection of a specific disabled tab
   element: disabled tabs get a hard-coded opacity: 0.4 on the whole
   element (.mat-mdc-tab.mat-mdc-tab-disabled), applied on top of
   whatever text color is set -- this is why the earlier color-only
   fix never visibly changed anything. Raising opacity so the label is
   clearly readable, while staying below 1 so disabled tabs remain
   visually distinct from active/clickable ones. */
.mat-mdc-tab.mat-mdc-tab-disabled {
  opacity: 0.75 !important;
}