html, body {
font-family: 'Plus Jakarta Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: #2b2f2e;
}
/* ═══════════════════════════════════════════════════════
MUDBLAZOR GLOBAL OVERRIDES — NSF design system
Force our fonts, colors, and radii onto MudBlazor's
generated classes so they match the design exactly.
═══════════════════════════════════════════════════════ */
/* 1. Font — Plus Jakarta Sans on every MudBlazor input/button surface */
.mud-input-root input,
.mud-input-root textarea,
.mud-select-input .mud-input-root input,
.mud-picker-input .mud-input-root input,
.mud-button-root,
.mud-input-helper-text,
.mud-input-label,
.mud-chip span {
font-family: 'Plus Jakarta Sans', sans-serif !important;
}
/* 2. Outlined-variant inputs — background fill + rounded border */
.mud-input-outlined .mud-input-root-outlined {
background: #eef2f0 !important;
border-radius: 10px !important;
}
.mud-input-outlined-border {
border-radius: 10px !important;
border-color: rgba(43, 47, 46, 0.15) !important;
border-width: 1.5px !important;
}
.mud-input-outlined:hover:not(.mud-disabled) .mud-input-outlined-border {
border-color: rgba(0, 105, 62, 0.35) !important;
}
.mud-input.mud-input-outlined.mud-input-focused .mud-input-outlined-border {
border-color: #00693e !important;
border-width: 1.5px !important;
}
/* 3. Input text size + colour */
.mud-input-root input {
font-size: 0.9rem !important;
color: #2b2f2e !important;
}
.mud-input-root input::placeholder {
color: #9aa5a1 !important;
opacity: 1;
}
/* 4. Remove the floating label (we always show labels outside) */
.nsf-input .mud-input-label,
.nsf-input .mud-input-label-animated {
display: none !important;
}
/*
* Vertical centering fix — symmetric padding, no flexbox override.
* MudBlazor's floating label reserves extra top-padding; replacing it
* with equal top/bottom padding naturally centers the text.
* DO NOT add display:flex here — it breaks the absolutely-positioned
* fieldset that draws the outlined border.
*/
.nsf-input .mud-input-root-outlined {
padding: 14px !important;
}
/*
* The fieldset