.native-select { position: relative; width: 100%; color: inherit; font-size: var(--client-type-input, .875rem); }
.native-select > summary { list-style: none; min-height: 40px; padding: 9px 30px 9px 12px; border: 1px solid #555; border-radius: 8px; cursor: pointer; background: var(--client-panel, #fff); }
.native-select > summary::after { content: '⌄'; position: absolute; right: 12px; top: 8px; }
.native-select__panel { position: absolute; z-index: 1060; top: 100%; left: 0; right: 0; padding: 8px; border: 1px solid #666; border-radius: 8px; background: var(--client-panel, #fff); box-shadow: 0 8px 24px #0004; }
body.client-admin-body .native-select { --client-panel: #171717; color: #eee; }
/* Match the borderless inputs throughout the client application. */
body.client-admin-body .native-select > summary {
    display: flex;
    align-items: center;
    min-height: 48px;
    padding: 12px 40px 12px 20px;
    border: 0;
    border-radius: 11px;
    background: var(--eurion-surface-raised, #111);
    color: var(--eurion-text, #f7f7f7);
    line-height: 1.5;
}
body.client-admin-body .native-select > summary::after {
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}
body.client-admin-body .native-select > summary:hover {
    background: var(--eurion-surface-hover, #1a1a1a);
}
body.client-admin-body .native-select > summary:focus-visible {
    outline: 2px solid var(--eurion-blue, #008ee8);
    outline-offset: 2px;
}
body.client-admin-body .native-select__panel {
    margin-top: 4px;
    border: 0;
    border-radius: 11px;
}
body.onboarding-body .native-select { --client-panel: #202020; color: #eee; }
body.onboarding-body .native-select input { color: #eee; background: #171717; border: 1px solid #555; border-radius: 8px; padding: 8px; width: 100%; }
.native-select__options { max-height: 250px; overflow-y: auto; }
.native-select__option { display: flex; gap: 8px; align-items: center; width: 100%; padding: 8px; text-align: left; color: inherit; border: 0; background: transparent; }
.native-select__option:hover, .native-select__option:focus-visible { background: #8883; }
.native-select__option[aria-pressed=true] { background: #008ee833; }
.native-select__option:disabled, .native-select.is-disabled { opacity: .5; }
.native-select__source { position: absolute !important; width: 1px !important; height: 1px !important; opacity: 0; overflow: hidden; pointer-events: none; }
.native-select[hidden] { display: none; }
/* Keep the forbidden cursor visible even on Bootstrap's disabled buttons. */
body.client-admin-body :is(:disabled, [aria-disabled="true"], [data-demo-blocked], .is-disabled, .disabled),
body.client-admin-body :is(:disabled, [aria-disabled="true"], [data-demo-blocked], .is-disabled, .disabled) * {
    cursor: not-allowed !important;
}
body.client-admin-body :is(:disabled, [aria-disabled="true"], [data-demo-blocked], .is-disabled, .disabled) {
    pointer-events: auto !important;
}
.br-widget a:focus-visible { outline: 2px solid #008ee8; outline-offset: 3px; }
.br-theme-css-stars .br-widget { display: flex; gap: 4px; }
.br-theme-css-stars .br-widget a { text-decoration: none; cursor: pointer; line-height: 1; }
.br-theme-css-stars .br-widget a::after { content: '★'; color: #b5b5b5; font-size: 28px; }
.br-theme-css-stars .br-widget a.br-selected::after { color: #ffcf18; }