/* The server form uses the same four-field grid as the interactive composer. */
.quote-console:not(.quote-console--enhanced) .quote-composer-surface:has(.quote-composer-grid){display:block}
.native-date-picker,.native-party-picker{position:relative;min-width:0}
.native-date-picker>summary,.native-party-picker>summary{list-style:none;cursor:pointer}
.native-date-picker>summary::-webkit-details-marker,.native-party-picker>summary::-webkit-details-marker{display:none}
.native-booking-panel{position:absolute;top:calc(100% + 6px);left:0;z-index:60;width:290px;max-width:calc(100vw - 40px);padding:18px;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px #002c3e20;display:grid;gap:14px}
.native-party-picker .native-booking-panel{left:auto;right:0}
.quote-console:not(.quote-console--enhanced) .quote-composer__location select{width:100%;min-width:0;min-height:0;appearance:none;border:0;background:transparent;padding:0;color:var(--ink);font:inherit}
.quote-console:not(.quote-console--enhanced) .field__control{width:100%}
.quote-console:not(.quote-console--enhanced) .quote-composer__location:first-child select{font-weight:700}
.native-booking-panel input{min-height:44px;max-width:100%;width:100%;font:inherit}
.quote-console:has(.native-booking-panel input:invalid) details:has(input:invalid){scroll-margin-top:20px}
@media(max-width:832px){.native-date-picker .native-booking-panel{width:290px}.native-party-picker .native-booking-panel{width:260px}}