/* Shared popup also covers private/operator pages that use index.css. */
.wordmark::after { font-size: 5px !important; }
/* Examples are 30% closer to white than the original placeholder ink. */
input::placeholder, textarea::placeholder { color: #9e9e9e !important; color: color-mix(in srgb, var(--placeholder-ink, #757575) 70%, white) !important; opacity: 1 !important; font-weight: 400; }
.search-field input::placeholder { --placeholder-ink: var(--muted-lite, #9ca3af); }
.autocomplete-panel { position: fixed; z-index: 2000; overflow: auto; overscroll-behavior: contain; background: #fff; color: #172033; border: 1px solid #dce1e8; border-radius: 10px; box-shadow: 0 10px 30px rgba(15,23,42,.16); }
.autocomplete-panel[hidden] { display: none !important; }
.autocomplete-panel .autocomplete-dropdown { list-style: none; position: static; max-height: none; border: 0; box-shadow: none; background: none; margin: 0; padding: 5px 0; }
.autocomplete-panel .autocomplete-item { display: flex; flex-direction: column; gap: 3px; min-height: 44px; padding: 11px 16px; cursor: pointer; box-sizing: border-box; }
.autocomplete-panel .autocomplete-item:hover, .autocomplete-panel .autocomplete-item.selected { background: #fff3e5; }
.autocomplete-panel .label { font-family: inherit; font-size: 14px; font-weight: 600; line-height: 1.4; color: #172033; overflow-wrap: anywhere; }
.autocomplete-panel .sublabel { font-family: inherit; font-size: 12px; font-weight: 400; line-height: 1.4; color: #526176; overflow-wrap: anywhere; }
.autocomplete-panel .autocomplete-feedback { margin: 0; padding: 12px 16px; font-family: inherit; font-size: 13px; font-weight: 400; line-height: 1.5; color: #526176; }
.autocomplete-panel .screen-reader-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
[data-autocomplete-ready]:focus-visible { outline: 2px solid #a74a04; outline-offset: 2px; }