.native-select { position: relative; display: inline-block; width: 100%; min-width: 0; vertical-align: middle; }
.native-select-source { position: absolute !important; width: 1px !important; height: 1px !important; opacity: 0; pointer-events: none; clip-path: inset(50%); }
.native-select .select2-selection { width: 100%; min-height: 42px; display: flex; align-items: center; text-align: left; padding: 8px 12px; border: 1px solid #444; border-radius: 8px; background: #202020; color: #eee; }
.native-select .select2-selection::after { content: '⌄'; margin-left: auto; padding-left: 8px; }
.native-select .select2-selection__rendered { white-space: normal; overflow-wrap: anywhere; }
.native-select-popup { position: fixed; inset: auto; margin: 0; box-sizing: border-box; z-index: 1080; padding: 8px; border: 1px solid #555; border-radius: 8px; background: #202020; color: #eee; box-shadow: 0 8px 24px #0005; }
.native-select-popup[hidden] { display: none !important; }
.native-select-popup .select2-search__field { box-sizing: border-box; width: 100%; padding: 8px; border: 1px solid #666; border-radius: 6px; background: #111; color: #fff; }
.native-select .select2-results__options { max-height: 240px; overflow-y: auto; list-style: none; margin: 6px 0 0; padding: 0; }
.native-select .select2-results__option { padding: 8px; cursor: pointer; border-radius: 4px; }
.native-select .select2-results__option:is(:hover, :focus), .native-select .select2-results__option[aria-selected=true] { background: #444; outline: none; }
.native-select .select2-results__option[aria-disabled=true] { opacity: .5; cursor: default; }
.native-select .select2-flag-option { display: inline-flex; align-items: center; gap: 8px; }
.native-select .select2-flag-option__image { width: 20px; height: 20px; object-fit: contain; }
.native-select button:focus-visible { outline: 2px solid #aaa; outline-offset: 2px; }
.native-editor { border: 1px solid #444; border-radius: 10px; overflow: hidden; background: #202020; color: #eee; }
.native-editor .trumbowyg-button-pane { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; padding: 6px; border-bottom: 1px solid #444; background: #161616; }
.native-editor .trumbowyg-button-pane :is(button, select) { min-width: 30px; min-height: 30px; border: 0; border-radius: 4px; padding: 4px 8px; background: #303030; color: #eee; }
.native-editor .trumbowyg-button-pane input[type=color] { width: 30px; height: 30px; border: 0; padding: 2px; }
.native-editor .trumbowyg-editor { padding: 14px; min-height: 160px; overflow-y: auto; outline: none; overflow-wrap: anywhere; }
.native-editor .trumbowyg-editor img { max-width: 100%; }
.native-editor .trumbowyg-editor:is(:empty, .is-reply-empty, .is-quick-reply-empty)::before { content: attr(data-placeholder); color: #999; pointer-events: none; }
.native-editor-fullscreen { position: fixed !important; inset: 12px; z-index: 1090; display: flex; flex-direction: column; }
.native-editor-fullscreen .trumbowyg-editor { flex: 1; }
body.client-admin-body .client-admin-main .main-body .native-editor .trumbowyg-button-pane select {
    background: #303030 !important;
    color: #ddd !important;
    border-color: #444 !important;
}