/* Global dropdown language for native and custom selects. Keep new controls consistent by default. */
:where(select, .custom-select > button, .manageit-select-trigger) {
    min-height: 52px;
    padding: 0 46px 0 14px;
    border: 2px solid var(--secondary, #9acb36);
    border-radius: 13px;
    color: var(--studio-text, var(--text, #f7f8fa));
    background-color: color-mix(in srgb, var(--studio-background, var(--bg, #0b1020)) 91%, black);
    font: inherit;
    color-scheme: dark;
}
:where(.custom-select) { position: relative; }
:where(.custom-select > button, .manageit-select-trigger) { width: 100%; display: flex; align-items: center; justify-content: space-between; cursor: pointer; }
:where(select) { appearance: none; background-image: linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%); background-position:calc(100% - 19px) 50%,calc(100% - 13px) 50%; background-size:6px 6px; background-repeat:no-repeat; }
:where(select, .custom-select > button, .manageit-select-trigger):focus { outline: 0; border-color: var(--secondary, #9acb36); box-shadow: 0 0 0 3px color-mix(in srgb,var(--secondary, #9acb36) 20%,transparent); }
:where(select option) { padding: 12px; color: var(--studio-text, var(--text, #f7f8fa)); background: color-mix(in srgb,var(--studio-background, var(--bg, #0b1020)) 92%,black); }
:where(.select-menu, .manageit-select-menu) { padding: 7px !important; overflow: auto; border: 6px solid color-mix(in srgb,var(--studio-text, var(--text, #f7f8fa)) 10%,transparent) !important; border-radius: 15px !important; background: color-mix(in srgb,var(--studio-background, var(--bg, #0b1020)) 94%,black) !important; box-shadow: 0 20px 45px rgba(0,0,0,.4) !important; }
:where(.select-menu, .manageit-select-menu) [role="option"], :where(.select-menu, .manageit-select-menu) button { min-height: 48px; padding: 10px 12px !important; border: 0; border-radius: 9px !important; color: var(--studio-text, var(--text, #f7f8fa)) !important; background: transparent !important; font: inherit; text-align: left; }
:where(.select-menu, .manageit-select-menu) [aria-selected="true"] { background: color-mix(in srgb,var(--primary, #7857ff) 24%,transparent) !important; }
:where(.select-menu, .manageit-select-menu) [aria-selected="true"]::after { content: '✓'; float: right; color: var(--secondary, #9acb36); font-size: 22px; font-weight: 900; }
:where(.select-menu, .manageit-select-menu) [role="option"]:hover { background: color-mix(in srgb,var(--primary, #7857ff) 16%,transparent) !important; }
