
/* Search bars across the workspace: one unified surface, no nested blue input box. */
.clients-dir-search-wrap,
.campaign-search-box {
  box-sizing:border-box !important;
  min-width:0 !important;
  overflow:hidden !important;
  gap:10px !important;
  padding:0 12px !important;
  border:1px solid rgba(143,158,190,.2) !important;
  border-radius:12px !important;
  background:#171d2a !important;
  color:#91a1bd !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025) !important;
}
.clients-dir-search-wrap:focus-within,
.campaign-search-box:focus-within {
  border-color:rgba(111,143,255,.68) !important;
  box-shadow:0 0 0 3px rgba(91,124,255,.11) !important;
}
.clients-dir-search-wrap input,
.clients-dir-search-input,
.campaign-search-box input,
#approvals-search-input {
  box-sizing:border-box !important;
  width:100% !important;
  min-width:0 !important;
  min-height:40px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  outline:0 !important;
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  color:#e6ecf8 !important;
  font:inherit;
  font-size:13px !important;
}
.clients-dir-search-wrap input::placeholder,
.clients-dir-search-input::placeholder,
.campaign-search-box input::placeholder,
#approvals-search-input::placeholder { color:#74839d !important; opacity:1; }
[data-theme="light"] .clients-dir-search-wrap,
[data-theme="light"] .campaign-search-box { background:#f8faff !important; border-color:#d8e0ec !important; color:#64748b !important; }
[data-theme="light"] .clients-dir-search-wrap input,
[data-theme="light"] .clients-dir-search-input,
[data-theme="light"] .campaign-search-box input,
[data-theme="light"] #approvals-search-input { background:transparent !important; color:#172033 !important; }
[data-theme="light"] .clients-dir-search-wrap input::placeholder,
[data-theme="light"] .clients-dir-search-input::placeholder,
[data-theme="light"] .campaign-search-box input::placeholder,
[data-theme="light"] #approvals-search-input::placeholder { color:#8491a5 !important; }

/* Theme-matched custom dropdowns; original select remains the source of truth. */
.vox-native-select-wrap { position:relative; display:inline-block; min-width:0; max-width:100%; vertical-align:middle; }
.vox-native-select-wrap:has(> .vox-native-select-source) { width:auto; min-width:0; max-width:100%; }
.campaign-filters-group > .vox-native-select-wrap,
.clients-dir-controls > .vox-native-select-wrap { flex:0 1 184px; width:184px; min-width:150px; }
.campaign-filters-group > .vox-native-select-wrap > .vox-native-select-trigger,
.clients-dir-controls > .vox-native-select-wrap > .vox-native-select-trigger { width:100%; }
.campaign-toolbar { min-width:0; }
.campaign-toolbar .campaign-filters-group { display:flex; flex-direction:row; align-items:center; flex-wrap:wrap; gap:8px; }
.campaign-toolbar .campaign-search-box { flex:1 1 260px; min-width:220px; }
.campaign-toolbar .campaign-filters-group > .vox-native-select-wrap { flex:0 1 184px; width:184px; }
@media (max-width:720px) {
  .campaign-toolbar .campaign-filters-group > .vox-native-select-wrap { flex:1 1 150px; width:auto; }
  .campaign-toolbar .campaign-search-box { flex:1 1 100%; min-width:0; }
}
.vox-native-select-source { position:absolute !important; width:1px !important; height:1px !important; padding:0 !important; margin:-1px !important; overflow:hidden !important; clip:rect(0,0,0,0) !important; white-space:nowrap !important; clip-path:inset(50%) !important; border:0 !important; }
.vox-native-select-trigger { display:flex; width:100%; min-height:42px; align-items:center; justify-content:space-between; gap:14px; padding:10px 13px; border:1px solid var(--border,rgba(148,163,184,.22)); border-radius:12px; background:linear-gradient(180deg,rgba(32,40,58,.98),rgba(22,29,43,.98)); color:var(--text-primary,#edf2ff); font:inherit; font-size:13px; text-align:left; cursor:pointer; box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 5px 16px rgba(0,0,0,.09); transition:border-color .16s,box-shadow .16s,background .16s; }
.vox-native-select-trigger:hover,.vox-native-select-wrap.is-open .vox-native-select-trigger { border-color:rgba(115,145,255,.72); box-shadow:0 0 0 3px rgba(91,124,255,.10),0 8px 22px rgba(0,0,0,.14); }
.vox-native-select-trigger:focus-visible { outline:2px solid rgba(115,145,255,.8); outline-offset:2px; }
.vox-native-select-trigger:disabled { opacity:.55; cursor:not-allowed; }
.vox-native-select-label { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.vox-native-select-arrow { display:grid; flex:0 0 16px; place-items:center; color:#aab8d3; transition:transform .16s; }
.vox-native-select-wrap.is-open .vox-native-select-arrow { transform:rotate(180deg); }
.vox-native-select-menu { position:absolute; z-index:10050; top:calc(100% + 7px); left:0; right:0; display:none; max-height:min(300px,45vh); overflow-y:auto; overflow-x:hidden; scrollbar-width:none; -ms-overflow-style:none; padding:6px; border:1px solid rgba(135,154,200,.24); border-radius:14px; background:#1b2231; box-shadow:0 18px 48px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.035); }
.vox-native-select-menu::-webkit-scrollbar { display:none; width:0; height:0; }
.vox-native-select-option { background:transparent !important; color:#dce5f6 !important; }
.vox-native-select-option:hover,.vox-native-select-option:focus-visible { background:#29344b !important; color:#fff !important; }
.vox-native-select-option.is-selected { background:#293858 !important; border-color:rgba(129,156,255,.28) !important; color:#fff !important; }
.vox-native-select-option.is-selected:hover,.vox-native-select-option.is-selected:focus-visible { background:#314267 !important; }
[data-theme="light"] .vox-native-select-menu { background:#fff; }
[data-theme="light"] .vox-native-select-option { background:transparent !important; color:#334155 !important; }
[data-theme="light"] .vox-native-select-option:hover,[data-theme="light"] .vox-native-select-option:focus-visible { background:#eef2ff !important; color:#172033 !important; }
[data-theme="light"] .vox-native-select-option.is-selected { background:#e4eaff !important; color:#1d3b91 !important; }
.vox-native-select-wrap.is-open .vox-native-select-menu { display:block; animation:vox-select-enter .12s ease-out; }
@keyframes vox-select-enter { from { opacity:0; transform:translateY(-4px) scale(.99); } to { opacity:1; transform:translateY(0) scale(1); } }
.vox-native-select-option { display:flex; width:100%; min-height:36px; align-items:center; justify-content:space-between; gap:12px; padding:8px 10px; border:1px solid transparent; border-radius:9px; background:transparent; color:#dce5f6; font:inherit; font-size:13px; text-align:left; cursor:pointer; }
.vox-native-select-option:hover,.vox-native-select-option:focus-visible { outline:none; background:rgba(108,139,255,.13); color:#fff; }
.vox-native-select-option.is-selected { border-color:rgba(109,139,255,.18); background:linear-gradient(90deg,rgba(85,119,255,.23),rgba(85,119,255,.09)); color:#fff; }
.vox-native-select-tick { color:#91a9ff; opacity:0; font-weight:800; }
.vox-native-select-option.is-selected .vox-native-select-tick { opacity:1; }
.vox-native-select-option:disabled { opacity:.4; cursor:not-allowed; }
[data-theme="light"] .vox-native-select-trigger { background:linear-gradient(180deg,#fff,#f7f9fd); color:#172033; border-color:#d4dce8; box-shadow:0 3px 12px rgba(15,23,42,.05); }
[data-theme="light"] .vox-native-select-menu { background:linear-gradient(145deg,#fff,#f7f9ff); border-color:#d7dfed; box-shadow:0 18px 42px rgba(15,23,42,.16); }
[data-theme="light"] .vox-native-select-option { color:#334155; }
[data-theme="light"] .vox-native-select-option:hover,[data-theme="light"] .vox-native-select-option:focus-visible { background:#edf2ff; color:#172033; }
[data-theme="light"] .vox-native-select-option.is-selected { background:#e5ebff; color:#1d3b91; }
