/* ETS-specific component overrides go here.
   Generic rules now live in _content/FSCommon.Blazor/css/app-components.css. */

/* Compact controls — ETS's single point of control for every single-line row control's height,
   both plain <input>/<select> AND MudBlazor's Outlined MudSelect/MudDatePicker/MudTextField (see
   BaseTheme.cs's InputHeight/InputFontSize + the shared app-components.css rules that key off
   these two variables). Used to be a full duplicate of the shared .form-control rule block with
   its own hardcoded 26px/14px (and nothing at all for Mud inputs, which is why Select/DatePicker
   never matched the plain textboxes next to them) - now it's just these two variables, changing
   ETS's control size everywhere from one place without touching the shared file (which stays at
   its own default for DBQ/TFlow/MyMenu). */
/* !important: BaseTheme.cs's InputHeight/InputFontSize (default 44px/16px) get pushed onto
   <html> as an INLINE style by ThemeService.SetThemeAsync on every theme apply - an inline style
   always wins over an external stylesheet's :root rule regardless of specificity, with or
   without a theme actually overriding these two, so this needs !important to make sure ETS's own
   compact size wins over whatever the active theme's default resolves to. */
:root {
    --input-height: 26px !important;
    --input-font-size: 14px !important;
}

/* box-sizing: border-box is explicit here so the declared height above is the actual total
   rendered height regardless of padding/border — the shared rule doesn't set it and relies
   entirely on Bootstrap's own reset, which is what let this balloon to 67-79px instead of the
   intended 26px before this was first fixed. */
.form-control,
.form-select,
textarea.form-control,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="url"],
select {
    box-sizing: border-box;
}

/* The shared rule's padding shorthand resets padding-right to 10px, clobbering the shared
   app-components.css chevron rule's 34px reserve — restore just enough room here so select
   text doesn't run under the arrow at this compact height. */
.form-select,
select {
    padding-right: 30px;
}