/* Shared WARNAX select; original select keeps form values and API semantics. */
.warnax-select { position: relative; min-width: 0; width: 100%; }
.warnax-select > select[hidden] { display: none !important; }
.warnax-select-trigger { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-height: 36px; padding: 7px 10px; border: 1px solid #ddd6e8; border-radius: 5px; background: #fff; color: #504363; font: 700 12px/1.4 Arial, "Segoe UI", sans-serif; text-align: left; cursor: pointer; }
.warnax-select-trigger::after { content: "⌄"; flex: 0 0 auto; color: #7569b3; font-size: 16px; line-height: 1; }
.warnax-select-trigger:hover, .warnax-select-trigger:focus-visible { border-color: #9c87ce; outline: 2px solid #eee8f7; outline-offset: 1px; }
.warnax-select-trigger:disabled { opacity: .6; cursor: default; }
.warnax-select-panel { position: fixed; z-index: 116; inset: auto; margin: 0; max-height: 280px; overflow-y: auto; padding: 5px; box-sizing: border-box; border: 1px solid #cfc3e7; border-radius: 8px; background: #fff; box-shadow: 0 14px 35px rgba(65,42,98,.2); }
.warnax-select-panel[hidden] { display: none; }
.warnax-select-option { display: block; width: 100%; border: 0; border-radius: 5px; padding: 8px 10px; background: #fff; color: #594d66; font: 700 12px/1.4 Arial, "Segoe UI", sans-serif; text-align: left; cursor: pointer; overflow-wrap: anywhere; }
.warnax-select-option:hover, .warnax-select-option:focus-visible { background: #f0ecfa; color: #563d98; outline: none; }
.warnax-select-option.is-selected { background: #7569b3; color: #fff; }
.warnax-select-option:disabled { opacity: .45; cursor: default; }

.monitor-screen .warnax-select { margin-bottom: 5px; }
.monitor-screen .warnax-select-trigger { min-height: 29px; padding: 4px 9px; font-size: 11px; font-weight: 400; }