/* Native dropdowns shared by the public site, business workspace and admin. */
html body select:not([multiple]):not([size]):not([hidden]){background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m5.5 7.5 4.5 4.5 4.5-4.5' fill='none' stroke='%23111516' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:15px 15px;border:1px solid #d9cec2;border-radius:10px;box-shadow:0 1px 2px rgba(57,45,33,.05);color:#111516;cursor:pointer;padding-right:38px;-webkit-appearance:none;appearance:none}
html body select:not([multiple]):not([size]):not([hidden]):hover{border-color:#ba9f89;background-color:#fffaf6}
html body select:not([multiple]):not([size]):not([hidden]):focus-visible{border-color:#c64110;outline:3px solid rgba(198,65,16,.2);outline-offset:1px}
html body select:not([multiple]):not([size]):not([hidden]):disabled{cursor:not-allowed;opacity:.58}
/* Style the expanded native picker while preserving native form behavior. */
@supports (appearance:base-select) and selector(select::picker(select)){
 html body select:not([multiple]):not([size]):not([hidden]),html body select:not([multiple]):not([size]):not([hidden])::picker(select){appearance:base-select!important;-webkit-appearance:base-select!important}
 html body select:not([multiple]):not([size]):not([hidden]){background-image:none!important;align-items:center;gap:12px;padding-right:12px}
 html body select:not([multiple]):not([size]):not([hidden])::picker-icon{color:#111516;width:15px;transition:rotate .16s ease}
 html body select:not([multiple]):not([size]):not([hidden]):open::picker-icon{rotate:180deg}
 /* Always opens under the field (owner decision 2026-09-07), never flips above it. Anchoring itself stays with the browser. */
 html body select:not([multiple]):not([size]):not([hidden])::picker(select){background:#fff;border:1px solid #d9cec2;border-radius:13px;box-shadow:0 14px 34px rgba(57,45,33,.14);color:#111516;margin:6px 0;max-height:300px;min-width:anchor-size(width);overflow-y:auto;overscroll-behavior:contain;padding:6px;position-area:block-end span-inline-end;position-try-fallbacks:none}
 html body select:not([multiple]):not([size]):not([hidden]) option{background:#fff;border-radius:8px;color:#111516;cursor:pointer;font:500 14px/1.35 var(--font,Inter,sans-serif);min-height:38px;padding:9px 12px}
 html body select:not([multiple]):not([size]):not([hidden]) option:hover{background:#fff0e3}
 html body select:not([multiple]):not([size]):not([hidden]) option:focus-visible{background:#fff0e3;outline:2px solid #c64110;outline-offset:-2px}
 html body select:not([multiple]):not([size]):not([hidden]) option:checked{background:#fff0e3;color:#111516;font-weight:700}
 html body select:not([multiple]):not([size]):not([hidden]) option::checkmark{color:#c64110;margin-right:9px}
 html body select:not([multiple]):not([size]):not([hidden]) option:disabled{background:#f7f1eb;color:#111516;cursor:not-allowed;opacity:.58}
}
@media (forced-colors:active){html body select:not([multiple]):not([size]):not([hidden]):focus-visible{outline:2px solid Highlight}}
/* Date, time and check controls follow the same panel form styling. */
html body .app-main input:is([type="date"],[type="time"],[type="datetime-local"]){background:#fff;color:#111516;border:1px solid #e7ded2;border-radius:9px;box-shadow:none;font-family:var(--font);font-size:13px;line-height:1.4;min-width:0;max-width:100%;min-height:36px;padding:8px 11px;color-scheme:light}
html body .app-main input:is([type="checkbox"],[type="radio"]){accent-color:#c64110;width:17px;height:17px;min-height:0;padding:0;box-shadow:none;flex-shrink:0;vertical-align:middle}
html body .app-main input:is([type="date"],[type="time"],[type="datetime-local"])::-webkit-calendar-picker-indicator{cursor:pointer;padding:3px;border-radius:4px}
html body .app-main input:is([type="date"],[type="time"],[type="datetime-local"])::-webkit-calendar-picker-indicator:hover{background-color:#fff0e3}