/* ============================================================
   Outlined labels always float on the notch (Nucleus product look)

   MudBlazor 9 default: empty outlined labels rest inside the field
   (translate(14px, 20px)). Shrink (notch + scale 0.75) only when the
   field has a value, Placeholder, start adornment, native date
   placeholder, or ShrinkLabel=true.

   v9 removed MudGlobal.InputDefaults.ShrinkLabel. Picklists already
   set ShrinkLabel=true; plain MudTextField / MudSelect / MudAutocomplete
   do not — which mixed both looks on the same form.

   This file is the CSS equivalent of ShrinkLabel=true for outlined
   fields. Compact header overrides that set transform !important
   (module-header, deal-info-header) still win.
   Loaded after MudBlazor.min.css and app.css.
   ============================================================ */

.mud-input.mud-input-outlined:has(+ label.mud-input-label-outlined) > .mud-input-outlined-border legend {
    width: auto;
    padding: 0 5px;
}

.mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol.mud-input-label-outlined,
.mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol.mud-input-label-outlined.mud-input-label-margin-dense {
    transform: translate(14px, -6px) scale(0.75);
    max-width: calc((100% - 14px) / 0.75);
}

.mud-application-layout-rtl .mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol.mud-input-label-outlined,
.mud-application-layout-rtl .mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol.mud-input-label-outlined.mud-input-label-margin-dense {
    transform: translate(-14px, -6px) scale(0.75);
    transform-origin: top right;
}