/* Original site styles are imported verbatim. Match the native form controls to the source widgets. */
.metform-form-content[data-local-form] select.mf-input-select {
    width: 100%; height: 55.390625px; min-height: 55.390625px; box-sizing: border-box;
    padding: 12px !important; border: 0 !important; border-bottom: 5px solid #35bca9 !important;
    border-radius: 0; background-color: #fff; color: #000; appearance: auto;
}
.metform-form-content[data-local-form] input.mf-input[type="date"],
.metform-form-content[data-local-form] input.mf-input[type="time"] { height: 50px !important; min-height: 50px; box-sizing: border-box; }
.metform-form-content[data-local-form] input.mf-time-input::before { content: none !important; display: none !important; }
.local-native-select {
    position: relative; display: flex; align-items: center; gap: 8px; width: 100%; min-height: 55.390625px;
    box-sizing: border-box; padding: 12px; border-bottom: 5px solid #35bca9; background: #fff;
    font: 600 16px/21px Roboto, sans-serif; color: #000;
}
.local-native-select .local-select-label { flex: 1; min-width: 0; pointer-events: none; }
.local-native-select[data-empty="true"] .local-select-label { color: #808080; }
.local-native-select[data-field="Service-Type"] { font-weight: 400; }
.local-native-select .local-select-arrow { flex: 0 0 20px; height: 20px; border-left: 1px solid #ccc; pointer-events: none; position: relative; }
.local-native-select .local-select-arrow::after { content: ""; position: absolute; width: 6px; height: 6px; border-right: 2px solid #ccc; border-bottom: 2px solid #ccc; transform: rotate(45deg); top: 5px; right: 0; }
.metform-form-content[data-local-form] .local-native-select select.mf-input-select { position: absolute; inset: 0; height: 100%; opacity: 0; z-index: 1; cursor: pointer; }
.local-native-select:focus-within { outline: 2px solid #35bca9; outline-offset: 2px; }
.local-native-datetime { position: relative; }
.local-native-datetime .local-date-label { position: absolute; left: 12px; top: 12px; right: 35px; pointer-events: none; font: 600 16px/21px Roboto, sans-serif; color: #000; }
.local-native-datetime:not([data-empty="true"]) .local-date-label,
.local-native-datetime:focus-within .local-date-label { display: none; }
.local-native-datetime[data-empty="true"]:not(:focus-within) input::-webkit-datetime-edit { color: transparent; }
.local-form-status { margin: 16px 0; padding: 14px 18px; border-radius: 6px; background: #e9f5ed; color: #164b2d; line-height: 1.5; }
.local-form-status[data-error="true"] { background: #fceceb; color: #842029; }
form[aria-busy="true"] button[type="submit"], form[aria-busy="true"] input[type="submit"] { opacity: .65; cursor: wait; }
.local-message-page { margin: 0; min-height: 100vh; display: grid; place-items: center; font: 18px/1.6 Arial, sans-serif; color: #1b3037; background: #f5f8f8; }
.local-message-page main { width: min(600px, 85vw); padding: 40px; background: white; border-radius: 12px; }
.local-message-page a { color: #147e8b; }