/* ========================================
   TEXT INPUT OVERRIDES
   Custom styling for MudBlazor input components
   ======================================== */

/* ========== OUTLINED INPUTS - BORDER RADIUS ========== */

/* Text field with less rounded corners (4px instead of default) */
.mud-input.mud-input-outlined {
    border-radius: 4px !important;
}

/* Outlined input border */
.mud-input-outlined-border {
    border-radius: 4px !important;
}

/* Notched outline */
.mud-input-outlined-notched-outline {
    border-radius: 4px !important;
}

/* Hover and focus states */
.mud-input:hover .mud-input-outlined-border,
.mud-input.mud-focused .mud-input-outlined-border {
    border-radius: 4px !important;
}

/* ========== INPUT SIZES ========== */

/* Consistent border-radius for all sizes */
.mud-input-outlined.mud-input-size-small,
.mud-input-outlined.mud-input-size-medium,
.mud-input-outlined.mud-input-size-large {
    border-radius: 4px !important;
}

/* ========== FILLED VARIANT ========== */

/* Filled inputs with rounded top corners only */
.mud-input.mud-input-filled {
    border-radius: 4px 4px 0 0 !important;
}

/* ========== SELECT & AUTOCOMPLETE ========== */

/* Select inputs */
.mud-select.mud-input-outlined {
    border-radius: 4px !important;
}

/* Autocomplete inputs */
.mud-autocomplete.mud-input-outlined {
    border-radius: 4px !important;
}

/* ========== NUMBER INPUT OVERRIDES ========== */

/* Remove spinner arrows from number inputs */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}