/* Shared single-select control: current value stays visible above the list. */
.ui-select { position:relative;display:grid;gap:5px;width:100%;min-width:0;max-width:100%;vertical-align:middle; }
.ui-select[hidden] { display:none; }
.ui-select-native {
  position:absolute !important;width:1px !important;height:1px !important;min-width:0 !important;min-height:0 !important;
  margin:0 !important;padding:0 !important;border:0 !important;opacity:0 !important;
  clip-path:inset(50%) !important;overflow:hidden !important;pointer-events:none !important;
}
.ui-select-trigger {
  display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-width:0;
  min-height:40px;padding:10px 12px;border:1px solid #e0e2ec;border-radius:10px;
  background:white;color:var(--ink);font:inherit;font-size:13px;font-weight:500;
  line-height:1.5;text-align:left;cursor:pointer;box-shadow:0 2px 5px #24233b03;
}
.ui-select-value { display:block;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.ui-select-arrow {
  display:block;flex:0 0 12px;width:12px;height:12px;background:var(--muted);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
}
.ui-select-trigger:hover:not(:disabled) { background:#fdfcfe;border-color:var(--brand-border); }
.ui-select-trigger:focus-visible,.ui-select-trigger[aria-expanded=true] { outline:none;border-color:var(--brand-text);box-shadow:0 0 0 3px var(--brand-soft); }
.ui-select-trigger[aria-expanded=true] .ui-select-arrow { transform:rotate(180deg); }
.ui-select-trigger:disabled { background:#f3f4f7;color:#8b8f9c;border-color:#e4e6ec;cursor:not-allowed;box-shadow:none; }
.ui-select-placeholder .ui-select-value { color:var(--muted); }
.ui-select-trigger[aria-invalid=true] { border-color:#bf5862; }
.ui-select-error { display:block;color:#a53442;font-size:11px;line-height:1.6;font-weight:400; }.ui-select-error:empty { display:none; }
.ui-select-pop { position:fixed;z-index:2000;box-sizing:border-box;max-height:320px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--brand-border) transparent;padding:7px;border:1px solid var(--line);border-radius:12px;background:white;color:var(--ink);box-shadow:0 12px 32px #24233b1a; }
.ui-select-pop[hidden] { display:none; }
.ui-select-group + .ui-select-group { margin-top:6px;padding-top:6px;border-top:1px solid var(--line); }
.ui-select-group-label { padding:7px 10px;font-size:10px;font-weight:600;line-height:1.5;color:var(--muted); }
.ui-select-option { display:flex;align-items:center;gap:12px;min-height:40px;padding:9px 10px;border:1px solid transparent;border-radius:8px;font-size:12px;line-height:1.5;font-weight:400;cursor:pointer; }
.ui-select-option > span:first-child { flex:1;min-width:0;overflow-wrap:anywhere; }
.ui-select-option[aria-selected=true] { background:var(--brand-soft);color:var(--brand-text);font-weight:600; }
.ui-select-option.is-focused { border-color:var(--brand-border);background:#f5f4fa; }
.ui-select-option[aria-selected=true].is-focused { background:var(--brand-soft);border-color:var(--brand-border); }
.ui-select-option[aria-disabled=true] { color:#979ba7;background:#f8f9fb;cursor:not-allowed; }
.ui-select-check { color:var(--brand-text);font-weight:700; }
.ui-select-empty { padding:12px 10px;margin:0;color:var(--muted);font-size:12px; }
/* Fit the existing forms and compact toolbars, without changing action buttons. */
#view-rooms .search-field > .ui-select { display:grid;gap:5px;font-weight:400; }
.search-field .ui-select-trigger { min-height:42px; }
.prototype-toolbar .ui-select { width:210px; }.prototype-toolbar .ui-select-trigger { min-height:34px;padding:7px 10px;font-size:11px;border-radius:8px; }
.admin-filterbar > .ui-select,.workflow-filters > .ui-select { flex:0 1 200px;width:200px; }
.floor-editor-top label > .ui-select { min-width:210px; }
.editor-toolbar .ui-select { width:90px; }.editor-toolbar .ui-select-trigger { min-height:32px;padding:6px 9px;font-size:11px;border-radius:8px; }
.editor-properties .ui-select-trigger { min-height:36px;padding:8px 10px;font-size:12px; }
.recur-frequency .ui-select { width:84px;flex:0 0 84px; }
.attendee-filter-row .ui-select { flex:1;max-width:64%; }.attendee-filter-row .ui-select-trigger { min-height:36px;padding:8px 10px;font-size:11px; }
.series-preview li > .ui-select { width:100%; }
.phone-preview .ui-select-trigger { min-height:38px;font-size:12px; }
.p1-report-filters .ui-select { width:100%; }
@media(prefers-reduced-motion:no-preference) { .ui-select-trigger,.ui-select-arrow { transition:border-color .15s,box-shadow .15s,background-color .15s,transform .15s; } }
@media(max-width:700px) {
 .ui-select-trigger,.ui-select-option { min-height:44px; }
 .prototype-toolbar .ui-select { width:180px;max-width:50vw; }
 .admin-filterbar > .ui-select,.workflow-filters > .ui-select { flex:1 1 150px;width:auto; }
 .attendee-filter-row .ui-select-trigger { min-height:42px; }
 .series-preview li > .ui-select { grid-column:1/-1; }
 .recur-frequency .ui-select { width:80px;flex-basis:80px; }
}