/* Shared control; native select remains the form value and event target. */
.cerber-select { position:relative; display:inline-flex; vertical-align:middle; width:100%; min-width:0; }
.cerber-select[hidden], .cerber-select-menu[hidden], .cerber-select-option[hidden] { display:none !important; }
select.cerber-select-native { position:absolute !important; width:1px !important; height:1px !important; padding:0 !important; margin:0 !important; opacity:0 !important; clip-path:inset(50%) !important; pointer-events:none !important; }
.cerber-select .cerber-select-trigger { display:flex; align-items:center; gap:12px; width:100%; min-width:0; min-height:40px; margin:0; padding:9px 12px; border:1px solid var(--line,#d6e1ee); border-radius:8px; background:var(--surface,#fff); color:var(--ink-950,#10243e); font:inherit; font-size:13px; line-height:1.4; text-align:left; box-shadow:0 1px 2px rgba(16,36,62,.025); cursor:pointer; transition:border-color .15s,box-shadow .15s; }
.cerber-select-caption { flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cerber-select-trigger::after { content:''; flex:none; width:6px; height:6px; border:solid currentColor; border-width:0 1.5px 1.5px 0; transform:translateY(-2px) rotate(45deg); opacity:.6; }
.cerber-select .cerber-select-trigger:hover:not(:disabled) { border-color:#9bbbe3; background:var(--surface,#fff); }
.cerber-select .cerber-select-trigger:focus-visible, .cerber-select .cerber-select-trigger[aria-expanded="true"] { outline:none; border-color:var(--blue,#2f80ed); box-shadow:0 0 0 3px rgba(47,128,237,.12); }
.cerber-select .cerber-select-trigger:disabled { color:#8896aa; background:var(--canvas,#f5f7fa); cursor:not-allowed; box-shadow:none; opacity:.75; }
.cerber-select-trigger[aria-invalid="true"] { border-color:#d92d20; }
.cerber-select-menu { position:fixed; inset:auto; z-index:2000; box-sizing:border-box; margin:0; padding:5px; overflow-y:auto; overscroll-behavior:contain; border:1px solid var(--line,#d6e1ee); border-radius:10px; background:var(--surface,#fff); color:var(--ink-950,#10243e); box-shadow:0 8px 28px rgba(16,36,62,.14); font:inherit; font-size:13px; line-height:1.4; }
.cerber-select-option { position:relative; padding:9px 30px 9px 10px; border-radius:6px; white-space:normal; overflow-wrap:anywhere; cursor:pointer; }
.cerber-select-option.is-active { background:var(--blue-soft,#eaf2ff); }
.cerber-select-option[aria-selected="true"] { color:var(--blue,#2f80ed); font-weight:600; }
.cerber-select-option[aria-selected="true"]::after { content:'✓'; position:absolute; right:10px; top:9px; }
.cerber-select-option[aria-disabled="true"] { color:#94a3b8; cursor:not-allowed; }
.pulse-actions .cerber-select, .dashboard-sort-toolbar .cerber-select, .bidding-sort-toolbar .cerber-select, .bidding-page-size-control .cerber-select, .log-toolbar .cerber-select { width:auto; }
.dashboard-sort-toolbar .cerber-select, .bidding-sort-toolbar .cerber-select { min-width:200px; }
.bidding-page-size-control .cerber-select-trigger { min-height:34px; font-size:12px; padding:6px 10px; }
@media (max-width:600px) { .dashboard-sort-toolbar .cerber-select, .bidding-sort-toolbar .cerber-select { flex:1; min-width:0; } .cerber-select .cerber-select-trigger { font-size:16px; } }
body.cerber-admin { --surface:#1a1a1a; --canvas:#222; --line:#3a3a3a; --ink-950:#e0e0e0; --blue:#6aa8fa; --blue-soft:#22334b; }