/* Custom styles for Identity Server */

/* Keep MudBlazor's outlined-field label floated once a field has content, even without
   focus. MudBlazor normally does this via a "mud-shrink" class toggled in component
   code, which requires an interactive render mode; static (non-interactive) pages like
   the login form only get the CSS-only ":focus-within" fallback, so a filled-but-blurred
   field's label falls back over the typed value. This mirrors MudBlazor's own
   ":focus-within" rule using the native ":placeholder-shown" state instead, so it works
   without any interactivity. Fields must set a (non-empty) Placeholder for this to apply. */
.mud-input:has(input:not(:placeholder-shown)) ~ label.mud-input-label.mud-input-label-inputcontrol,
.mud-input:has(textarea:not(:placeholder-shown)) ~ label.mud-input-label.mud-input-label-inputcontrol {
    transform: translate(0, 1.5px) scale(0.75);
    transform-origin: top left;
    max-width: 133.3333333333%;
}