body.cc-shell { --cc-subtle-ready: 1; }
/* Shared subtle menus; preserve existing field dimensions and layout. */
@supports (appearance: base-select) {
    body.cc-shell select.cc-subtle-select:not(.select2-hidden-accessible):not([multiple]):not([hidden]):is(:not([size]), [size="1"]),
    body.cc-shell select.cc-subtle-select:not(.select2-hidden-accessible):not([multiple]):not([hidden]):is(:not([size]), [size="1"])::picker(select) {
        appearance: base-select;
    }
    body.cc-shell select.cc-subtle-select:not(.select2-hidden-accessible):not([multiple]):not([hidden]):is(:not([size]), [size="1"]) {
        min-width: 0;
        display: block;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    body.cc-shell select.cc-subtle-select:not(.select2-hidden-accessible):not([multiple]):not([hidden]):is(:not([size]), [size="1"])::picker-icon { display: none; }
    body.cc-shell select.cc-subtle-select:not(.select2-hidden-accessible):not([multiple]):not([hidden]):is(:not([size]), [size="1"])::picker(select) {
        border: 1px solid #d6e4f1;
        border-radius: 7px;
        background: #fff;
        box-shadow: 0 3px 10px #17345118;
        padding: 3px;
        margin-block: 2px;
        color: inherit;
        font: inherit;
        font-weight: 400;
        max-width: calc(100vw - 16px);
        white-space: normal;
        overflow-wrap: anywhere;
        max-height: min(360px, 65dvh);
        overflow-y: auto;
        scrollbar-width: thin;
    }
    body.cc-shell select.cc-subtle-select:not(.select2-hidden-accessible):not([multiple]):not([hidden]):is(:not([size]), [size="1"]) option {
        color: inherit;
        padding: 3px 7px;
        min-height: 1.5em;
        border: 0;
        border-radius: 3px;
        font-weight: 400;
    }
    body.cc-shell select.cc-subtle-select:not(.select2-hidden-accessible):not([multiple]):not([hidden]):is(:not([size]), [size="1"]) option:checked {
        background: #e7f1fc;
    }
    body.cc-shell select.cc-subtle-select:not(.select2-hidden-accessible):not([multiple]):not([hidden]):is(:not([size]), [size="1"]) option:not(:disabled):is(:hover, :focus) {
        background: #dcecff;
        outline: none;
    }
    body.cc-shell select.cc-subtle-select:not(.select2-hidden-accessible):not([multiple]):not([hidden]):is(:not([size]), [size="1"]) option::checkmark { display: none; }
}
/* Searchable Select2 popup menus use the same outline; selection controls stay untouched. */
body.cc-shell .select2-dropdown {
    border: 1px solid #d6e4f1;
    border-radius: 7px;
    background: #fff;
    box-shadow: 0 3px 10px #17345118;
}
body.cc-shell .select2-results__option { border-radius: 3px; }
body.cc-shell .select2-results__option[aria-selected="true"] { background: #e7f1fc; color: #23364d; }
body.cc-shell .select2-results__option--highlighted[aria-selected] { background: #dcecff; color: #23364d; }
body.cc-shell .select2-search--dropdown .select2-search__field { border-color: #d6e4f1; border-radius: 5px; }
