/* Shared single-select controls; native selects retain form and validation semantics. */
.catalog-select{display:block;position:relative;min-width:0;width:100%;max-width:100%}
.catalog-select[hidden]{display:none!important}
.catalog-select>select.catalog-select-native{position:absolute!important;inset:0 auto auto 0!important;width:1px!important;height:1px!important;min-width:0!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;opacity:0!important;clip-path:inset(50%)!important;overflow:hidden!important;pointer-events:none!important}
.catalog-select .catalog-select-trigger{
 display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;height:46px;min-width:0;
 padding:0 13px;border:1px solid var(--store-line,var(--border,#e1e5e9));border-radius:11px;
 background:var(--store-surface,var(--surface,#fff));color:var(--store-text,var(--ink,#202226));
 font-family:Rubik,system-ui,sans-serif;font-size:13px;font-weight:400;line-height:1.5;text-align:start;
 cursor:pointer;box-shadow:0 1px 2px #14233303;transition:border-color .12s,background-color .12s,box-shadow .12s;
}
/* Override the base theme's generic span typography only inside these controls. */
.catalog-select-value,.catalog-select-option-label{font:inherit;color:inherit}
.catalog-select-value{display:block;min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.catalog-select-chevron{display:block;flex:0 0 7px;width:7px;height:7px;margin:0 2px 3px 0;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .12s;color:var(--store-muted,#747b85)}
.catalog-select-trigger:hover:not(:disabled){background:var(--store-panel,#f5f7f9);border-color:var(--store-muted,#747b85)}
.catalog-select-trigger[aria-expanded=true]{border-color:var(--store-accent,var(--purple,#3268ed));background:var(--store-panel,#f5f7f9);box-shadow:0 0 0 3px color-mix(in srgb,var(--store-accent,var(--purple,#3268ed)) 11%,transparent)}
.catalog-select-trigger[aria-expanded=true] .catalog-select-chevron{transform:translateY(3px) rotate(225deg);color:var(--store-accent,var(--purple,#3268ed))}
.catalog-select .catalog-select-trigger:focus-visible{outline:3px solid var(--store-focus,#7fa7f4);outline-offset:3px}
.catalog-select .catalog-select-trigger:disabled{background:var(--store-panel,#f5f7f9);color:var(--store-muted,#747b85);cursor:not-allowed;opacity:1}
.catalog-select-trigger[aria-busy=true] .catalog-select-chevron{border:2px solid var(--store-line,var(--border,#e1e5e9));border-top-color:var(--store-accent,var(--purple,#3268ed));border-radius:50%;width:13px;height:13px;flex-basis:13px;margin:0;animation:catalog-select-spin .8s linear infinite}
.catalog-select-popup{
 position:fixed;z-index:1000;box-sizing:border-box;overflow:auto;overscroll-behavior:contain;
 min-width:0;max-width:calc(100vw - 20px);max-height:320px;padding:6px;
 border:1px solid var(--store-line,var(--border,#e1e5e9));border-radius:14px;
 background:var(--store-surface,var(--surface,#fff));color:var(--store-text,var(--ink,#202226));
 box-shadow:0 14px 42px #10243b24,0 3px 10px #10243b0b;
 font-family:Rubik,system-ui,sans-serif;font-size:14px;font-weight:400;line-height:1.5;
 scrollbar-width:thin;scrollbar-color:var(--store-line,#d8dfe7) transparent;
 animation:catalog-select-appear .12s ease-out;transform-origin:top center;
}
.catalog-select-popup[data-placement=above]{transform-origin:bottom center}
.catalog-select-popup[hidden]{display:none!important}
.catalog-select-option{display:flex;align-items:center;justify-content:space-between;gap:18px;box-sizing:border-box;min-height:42px;padding:10px 12px;border-radius:9px;cursor:pointer;user-select:none}
.catalog-select-option-label{min-width:0;overflow-wrap:anywhere;white-space:normal}
.catalog-select-check{display:block;flex:0 0 18px;text-align:center;font-size:17px;line-height:1.2;font-weight:500;opacity:0;color:var(--store-accent,var(--purple,#3268ed))}
.catalog-select-option[aria-selected=true]{color:var(--store-accent,var(--purple,#3268ed));font-weight:500}
.catalog-select-option[aria-selected=true] .catalog-select-check{opacity:1}
.catalog-select-option[data-active=true]{background:var(--store-panel,#f5f7f9);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--store-accent,var(--purple,#3268ed)) 18%,transparent)}
.catalog-select-option[aria-disabled=true]{color:var(--store-muted,#747b85);opacity:.55;cursor:not-allowed}
.catalog-select-group{padding:10px 12px 5px;color:var(--store-muted,#747b85);font-size:11px;line-height:1.5;font-weight:500;text-transform:uppercase;letter-spacing:.06em;overflow-wrap:anywhere}
html[data-theme=dark] .catalog-select-popup{box-shadow:0 16px 44px #00000055,0 3px 12px #00000033}
@media(max-width:575px){.catalog-select .catalog-select-trigger{height:46px;padding-inline:12px}.catalog-select-option{min-height:44px}}
@media(prefers-reduced-motion:reduce){.catalog-select-trigger,.catalog-select-chevron{transition:none!important}.catalog-select-popup{animation:none}.catalog-select-trigger[aria-busy=true] .catalog-select-chevron{animation:none}}
@keyframes catalog-select-spin{to{transform:rotate(360deg)}}
@keyframes catalog-select-appear{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}

/* Required native validation is reflected beside the visible control. */
.catalog-select .catalog-select-trigger[aria-invalid=true]{border-color:var(--store-danger,#b73b48)}
.catalog-select .catalog-select-error{display:block;margin-top:6px;color:var(--store-danger,#b73b48);font:400 12px/1.5 Rubik,system-ui,sans-serif;white-space:normal;overflow-wrap:anywhere}
.catalog-select .catalog-select-error[hidden]{display:none!important}
/* Compact settings remain reachable in both management headers. */
.admin-preferences{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;min-width:0;max-width:100%}
.admin-preferences>label{display:flex;align-items:center;gap:6px;min-width:0;margin:0;font-size:12px}
.admin-preferences .catalog-select{width:148px;max-width:100%;min-width:0}
.admin-preferences .catalog-select-trigger{height:38px;min-height:38px;font-size:12px;padding-inline:10px}
.admin-preferences .catalog-select-chevron{flex-shrink:0}
.content-language-control{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0;margin-block:12px 20px}
.content-language-control .catalog-select{width:220px;max-width:100%}
.optional-locale-toggle{display:inline-flex;align-items:center;gap:8px;max-width:100%;min-width:0;margin-block:8px 16px;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.optional-locale-toggle input{flex:0 0 auto;width:18px;height:18px;min-height:0;accent-color:var(--purple,#7249d6)}
#cms-app .field-grid:has(> :nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1100px){.admin-preferences .catalog-select{width:132px}#cms-app .field-grid:has(> :nth-child(3)){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.admin-preferences{justify-content:flex-start}.admin-preferences .catalog-select{width:128px}#cms-app .field-grid:has(> :nth-child(3)){grid-template-columns:minmax(0,1fr)}}