/**
 * Vybor — select / dropdown control (etalon: «Культура закупа»).
 * Size matches pole/poisk; preferred width in stroka ~210px.
 * Reference image: design/vybor/etalon.png
 *
 * Auto-applies to known page selects (like poisk). Opt-out: .vybor-skip
 * Do not style: select[multiple], table cell .brigade-select, dense admin grids.
 */

:root {
  --vybor-font-family: var(--pole-font-family, var(--poisk-font-family, Arial, sans-serif));
  --vybor-font-size: var(--pole-font-size, var(--poisk-font-size, 14px));
  --vybor-padding-y: var(--pole-padding-y, 9px);
  --vybor-padding-x: var(--pole-padding-x, 12px);
  --vybor-padding-right: 36px;
  --vybor-radius: var(--pole-radius, 8px);
  --vybor-border: var(--pole-border, #cbd5e1);
  --vybor-border-focus: var(--pole-border-focus, #93c5fd);
  --vybor-bg: var(--pole-bg, #ffffff);
  --vybor-color: var(--pole-color, #0f172a);
  --vybor-min-height: var(--pole-min-height, 38px);
  --vybor-preferred-width: 210px;
  --vybor-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.5 4.5L6 8L9.5 4.5' stroke='%230f172a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.vybor,
select.vybor,
select.pole:not(.vybor-skip):not([multiple]),
.stroka-field > select:not(.vybor-skip):not([multiple]),
.zr-specka-fields select:not(.vybor-skip):not([multiple]),
/* zerno */
#zerno-dash-filter-bitrix-responsible,
#zerno-dash-filter-responsible,
#zerno-dash-filter-distance,
#zerno-dash-bulk-action,
#zerno-dash-bulk-responsible,
/* dela */
#delaUserFilter,
#delaDirectionFilter,
#delaFieldDirection,
#delaFieldPriority,
#cmpClientTaskPriority,
/* order */
#contractorActualAddressSelect,
#contractSelect,
#bankAccountSelect,
#deliveryMethod,
#ourOrganizationSelect,
/* zakupka / fresh prices */
.fp-filter-select,
#fpFilterBuyProduct,
#fpFilterOnecFamily,
/* sailers card */
.sl-mail-channel-select,
.sl-spec-send-select,
.sl-novyy-card-type-select,
.requisite-contract-select,
.requisite-bank-select,
.requisite-bank-catalog-select,
.requisite-contractor-kind-select,
.requisite-onec-base-select,
.scope-responsible-select,
#responsibleUserSelect,
/* registries / filters */
#prPrepayFirm,
#prManualFirm,
#crType,
#spResponsible,
#company-links-responsible-filter,
.fc-filter-select,
#fcSettlement,
#fcActivity,
/* logistics */
#tariffType,
#transportType,
.lo-drv-document-type,
/* other pages */
.zv-select,
#zvPeriod,
#ordersFilterCustomer,
#ordersFilterRc,
#ordersFilterPosition,
#ordersFilterResponsible,
#customer,
select.prio-family {
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
  min-height: var(--vybor-min-height);
  height: var(--vybor-min-height);
  padding: var(--vybor-padding-y) var(--vybor-padding-right) var(--vybor-padding-y) var(--vybor-padding-x);
  border: 1px solid var(--vybor-border);
  border-radius: var(--vybor-radius);
  background-color: var(--vybor-bg);
  background-image: var(--vybor-chevron);
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 12px 12px;
  color: var(--vybor-color);
  font-family: var(--vybor-font-family);
  font-size: var(--vybor-font-size);
  font-weight: 400;
  line-height: 1.3;
  cursor: pointer;
}

.vybor:focus,
select.vybor:focus,
select.pole:not(.vybor-skip):not([multiple]):focus,
.stroka-field > select:not(.vybor-skip):not([multiple]):focus,
.zr-specka-fields select:not(.vybor-skip):not([multiple]):focus,
#zerno-dash-filter-bitrix-responsible:focus,
#zerno-dash-filter-responsible:focus,
#zerno-dash-filter-distance:focus,
#zerno-dash-bulk-action:focus,
#zerno-dash-bulk-responsible:focus,
#delaUserFilter:focus,
#delaDirectionFilter:focus,
#delaFieldDirection:focus,
#delaFieldPriority:focus,
#cmpClientTaskPriority:focus,
#contractorActualAddressSelect:focus,
#contractSelect:focus,
#bankAccountSelect:focus,
#deliveryMethod:focus,
#ourOrganizationSelect:focus,
.fp-filter-select:focus,
#fpFilterBuyProduct:focus,
#fpFilterOnecFamily:focus,
.sl-mail-channel-select:focus,
.sl-spec-send-select:focus,
.sl-novyy-card-type-select:focus,
.requisite-contract-select:focus,
.requisite-bank-select:focus,
.requisite-bank-catalog-select:focus,
.requisite-contractor-kind-select:focus,
.requisite-onec-base-select:focus,
.scope-responsible-select:focus,
#responsibleUserSelect:focus,
#prPrepayFirm:focus,
#prManualFirm:focus,
#crType:focus,
#spResponsible:focus,
#company-links-responsible-filter:focus,
.fc-filter-select:focus,
#fcSettlement:focus,
#fcActivity:focus,
#tariffType:focus,
#transportType:focus,
.lo-drv-document-type:focus,
.zv-select:focus,
#zvPeriod:focus,
#ordersFilterCustomer:focus,
#ordersFilterRc:focus,
#ordersFilterPosition:focus,
#ordersFilterResponsible:focus,
#customer:focus,
select.prio-family:focus {
  outline: none;
  border-color: var(--vybor-border-focus);
  box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.35);
}

.vybor:disabled,
select.vybor:disabled,
.stroka-field > select:disabled,
.zr-specka-fields select:disabled,
#contractSelect:disabled,
#bankAccountSelect:disabled,
.requisite-contract-select:disabled,
.requisite-bank-select:disabled,
.requisite-bank-catalog-select:disabled {
  background-color: #f8fafc;
  background-image: var(--vybor-chevron);
  color: #334155;
  cursor: not-allowed;
  opacity: 1;
}

/* Fill labeled cell */
.stroka-field > .vybor,
.stroka-field > select.vybor,
.stroka-field > select.pole {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

/* Compact etalon width when select sits alone in a stroka cell */
.stroka > select.vybor,
.sl-search-row > select.vybor,
.zl-table-toolbar > select.vybor,
.zl-table-toolbar > select:not(.vybor-skip):not([multiple]) {
  flex: 1 1 var(--vybor-preferred-width);
  width: var(--vybor-preferred-width);
  min-width: var(--stroka-field-min, 120px);
  max-width: var(--vybor-preferred-width);
}