/* Кастомний випадаючий список замість нативного <select> — спільний стиль для всієї адмінки */
.csel-wrap{ position:relative; width:100%; }
/* wrap успадковує класи оригінального select (для коректного flex/grid-розміру в рядку —
   напр. .pv-col-unit у варіантах цін), тож гасимо власну "коробку" bootstrap-класів,
   щоб не було подвійної рамки/фону поверх .csel-trigger всередині. */
.csel-wrap.form-control, .csel-wrap.custom-select{
    height:auto !important; padding:0 !important; border:none !important;
    background:transparent !important; box-shadow:none !important; display:block !important;
}
.csel-native-hidden{ position:absolute !important; opacity:0 !important; pointer-events:none !important; width:1px !important; height:1px !important; }
.csel-trigger{
    display:flex; align-items:center; gap:8px; width:100%; height:calc(1.8125rem + 2px);
    background:#f8f9fc; border:1px solid transparent; border-radius:8px; padding:0 10px;
    font-size:0.775rem; font-weight:600; color:#3a3b45; cursor:pointer; user-select:none;
    transition:.15s;
}
.csel-trigger:hover{ background:#eef0f7; }
.csel-wrap.open .csel-trigger{ background:#fff; border-color:#4e73df; box-shadow:0 0 0 3px rgba(78,115,223,.12); }
.csel-trigger.csel-disabled{ opacity:.55; cursor:not-allowed; pointer-events:none; }
.csel-avatar{ width:20px; height:20px; border-radius:50%; object-fit:cover; flex:none; border:1px solid #e3e6f0; background:#fff; }
.csel-avatar-empty{ display:inline-block; width:20px; height:20px; border-radius:50%; background:#e3e6f0; flex:none; }
.csel-icon{ width:20px; text-align:center; color:#858796; flex:none; font-size:.8rem; }
.csel-label{ flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.csel-chevron{ font-size:.65rem; color:#b7b9c8; flex:none; transition:transform .15s; }
.csel-wrap.open .csel-chevron{ transform:rotate(180deg); }
.csel-panel{
    display:none; min-width:220px; z-index:2000;
    background:#fff; border:1px solid #e3e6f0; border-radius:10px; box-shadow:0 12px 30px rgba(16,24,40,.12);
    max-height:280px; overflow-y:auto; padding:6px;
}
/* position:fixed + рендер у document.body — щоб панель не обрізалась батьківськими
   блоками з overflow:hidden (картки із заокругленими кутами тощо). Left/top/width
   виставляються інлайн через JS відносно тригера. */
.csel-panel-fixed{ position:fixed; }
.csel-panel.open{ display:block; }
.csel-option{ display:flex; align-items:center; gap:8px; padding:7px 9px; border-radius:7px; font-size:.8rem; font-weight:600; color:#3a3b45; cursor:pointer; }
.csel-option:hover{ background:#f1f3f9; }
.csel-option.active{ background:rgba(78,115,223,.1); color:#4e73df; }

/* Модалки в темному градієнті (order.php, push.php тощо) — світлий текст на темному тлі */
.cm-modal-body .csel-trigger{ background:#f4f5f8; }