/*
 * App-wide MudSelect / MudAutocomplete / MudTextField styling (matches LocationSearch).
 * Static labels above the value — no float, shrink, or focus animation.
 */

main#app .mud-input-control.mud-select,
main#app .mud-input-control.mud-autocomplete,
main#app .mud-input-control.mud-text-field,
.mud-dialog-container .mud-input-control.mud-select,
.mud-dialog-container .mud-input-control.mud-autocomplete,
.mud-dialog-container .mud-input-control.mud-text-field,
.mud-popover-provider .mud-input-control.mud-select,
.mud-popover-provider .mud-input-control.mud-autocomplete,
.mud-popover-provider .mud-input-control.mud-text-field {
    margin-top: 0 !important;
}

main#app .mud-select .mud-input-control-input-container,
main#app .mud-autocomplete .mud-input-control-input-container,
main#app .mud-text-field .mud-input-control-input-container,
.mud-dialog-container .mud-select .mud-input-control-input-container,
.mud-dialog-container .mud-autocomplete .mud-input-control-input-container,
.mud-dialog-container .mud-text-field .mud-input-control-input-container,
.mud-popover-provider .mud-select .mud-input-control-input-container,
.mud-popover-provider .mud-autocomplete .mud-input-control-input-container,
.mud-popover-provider .mud-text-field .mud-input-control-input-container {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    margin-top: 0 !important;
}

main#app .mud-select .mud-input-label,
main#app .mud-select .mud-input-label-inputcontrol,
main#app .mud-select .mud-select-label,
main#app .mud-autocomplete .mud-input-label,
main#app .mud-autocomplete .mud-input-label-inputcontrol,
main#app .mud-text-field .mud-input-label,
main#app .mud-text-field .mud-input-label-inputcontrol,
.mud-dialog-container .mud-select .mud-input-label,
.mud-dialog-container .mud-select .mud-input-label-inputcontrol,
.mud-dialog-container .mud-autocomplete .mud-input-label,
.mud-dialog-container .mud-autocomplete .mud-input-label-inputcontrol,
.mud-dialog-container .mud-text-field .mud-input-label,
.mud-dialog-container .mud-text-field .mud-input-label-inputcontrol,
.mud-popover-provider .mud-select .mud-input-label,
.mud-popover-provider .mud-select .mud-input-label-inputcontrol,
.mud-popover-provider .mud-autocomplete .mud-input-label,
.mud-popover-provider .mud-autocomplete .mud-input-label-inputcontrol,
.mud-popover-provider .mud-text-field .mud-input-label,
.mud-popover-provider .mud-text-field .mud-input-label-inputcontrol {
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    transform-origin: initial !important;
    transition: none !important;
    animation: none !important;
    order: -1;
    font-size: 1rem !important;
    line-height: 1.25 !important;
    font-weight: 500 !important;
    margin: 0 0 0.25rem 0 !important;
    padding: 0 !important;
    max-width: 100% !important;
    pointer-events: none;
    background: transparent !important;
    z-index: auto !important;
}

main#app .mud-select .mud-input-slot,
main#app .mud-autocomplete .mud-input-slot,
main#app .mud-text-field .mud-input-slot,
.mud-dialog-container .mud-select .mud-input-slot,
.mud-dialog-container .mud-autocomplete .mud-input-slot,
.mud-dialog-container .mud-text-field .mud-input-slot,
.mud-popover-provider .mud-select .mud-input-slot,
.mud-popover-provider .mud-autocomplete .mud-input-slot,
.mud-popover-provider .mud-text-field .mud-input-slot {
    order: 0;
    padding-top: 0.625rem !important;
    padding-bottom: 0.625rem !important;
    align-items: center;
    min-height: unset;
}

main#app .mud-select .mud-input-root,
main#app .mud-autocomplete .mud-input-root,
main#app .mud-text-field .mud-input-root,
main#app .mud-text-field input,
.mud-dialog-container .mud-select .mud-input-root,
.mud-dialog-container .mud-autocomplete .mud-input-root,
.mud-dialog-container .mud-text-field .mud-input-root,
.mud-dialog-container .mud-text-field input,
.mud-popover-provider .mud-select .mud-input-root,
.mud-popover-provider .mud-autocomplete .mud-input-root,
.mud-popover-provider .mud-text-field .mud-input-root,
.mud-popover-provider .mud-text-field input {
    font-size: 1rem !important;
    line-height: 1.25 !important;
}

/* Outlined variant: label sits above the border, not on it */
main#app .mud-input-outlined.mud-select .mud-input-label-inputcontrol,
main#app .mud-input-outlined.mud-autocomplete .mud-input-label-inputcontrol,
main#app .mud-input-outlined.mud-text-field .mud-input-label-inputcontrol,
.mud-dialog-container .mud-input-outlined.mud-select .mud-input-label-inputcontrol,
.mud-dialog-container .mud-input-outlined.mud-autocomplete .mud-input-label-inputcontrol,
.mud-dialog-container .mud-input-outlined.mud-text-field .mud-input-label-inputcontrol {
    margin-bottom: 0.25rem !important;
}

main#app .mud-input-outlined.mud-select .mud-input-outlined-border,
main#app .mud-input-outlined.mud-autocomplete .mud-input-outlined-border,
main#app .mud-input-outlined.mud-text-field .mud-input-outlined-border,
.mud-dialog-container .mud-input-outlined.mud-select .mud-input-outlined-border,
.mud-dialog-container .mud-input-outlined.mud-autocomplete .mud-input-outlined-border,
.mud-dialog-container .mud-input-outlined.mud-text-field .mud-input-outlined-border {
    top: 0 !important;
}

main#app .mud-select .mud-input-adornment,
main#app .mud-autocomplete .mud-input-adornment,
main#app .mud-text-field .mud-input-adornment,
.mud-dialog-container .mud-select .mud-input-adornment,
.mud-dialog-container .mud-autocomplete .mud-input-adornment,
.mud-dialog-container .mud-text-field .mud-input-adornment {
    align-self: center;
}
