/* Copyright (C) 2025-2026 adcitymag.ru */
/* Панель управления списком: поиск, выпадающие фильтры, переключатель вида. Общая для каталога бюро и раздела «События». */
.adcx-butools { display: flex; flex-wrap: nowrap; align-items: center; gap: var(--adcm-space-2) var(--adcm-space-3); margin: 0 0 var(--adcm-space-3); }
.adcx-butools[hidden] { display: none; }
.adcx-butools__search { position: relative; flex: 1 1 220px; min-width: 0; max-width: 420px; display: flex; align-items: center; margin: 0; }
.adcx-butools__search .adcm-i { position: absolute; left: 14px; width: 18px; height: 18px; color: var(--adcmMuted, var(--greyColor)); pointer-events: none; }
.adcx-butools__search input { width: 100%; height: 44px; padding: 0 14px 0 42px; border: 1px solid var(--adcm-input-border, #8c90a3); border-radius: var(--adcm-r-md, 12px); background: var(--lightColor, #fff); color: var(--mainColor); font: inherit; font-size: var(--t-ui, .9rem); }
.adcx-butools__sel { height: 44px; padding: 0 34px 0 14px; border: 1px solid var(--adcm-input-border, #8c90a3); border-radius: var(--adcm-r-md, 12px); background-color: var(--lightColor, #fff); color: var(--mainColor); font: inherit; font-size: var(--t-ui, .9rem); width: auto; max-width: 100%; flex: 0 1 auto; cursor: pointer; }
.adcx-butools__search input:focus-visible, .adcx-butools__sel:focus-visible { outline: 2px solid var(--hoverColor, #2849a3); outline-offset: 1px; }
.adcx-butools__view { display: inline-flex; margin-left: auto; padding: 3px; border: 1px solid var(--borderColor); border-radius: var(--adcm-r-md, 12px); background: var(--greyBg, #f2f3f6); }
.adcx-butools__view button { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 36px; padding: 0; border: 0; border-radius: 9px; background: none; color: var(--adcmMuted, var(--greyColor)); cursor: pointer; }
.adcx-butools__view button[hidden] { display: none; }
.adcx-butools__view button[aria-pressed="true"] { background: var(--lightColor, #fff); color: var(--mainColor); box-shadow: var(--adcm-shadow-1, 0 1px 2px rgba(0,0,0,.08)); }
.adcx-butools__view .adcm-i { width: 18px; height: 18px; }
html[data-theme="dark"] .adcx-butools__view { background: var(--darkCard, #1b1f27); border-color: var(--darkBorder, #2a2f3a); }
html[data-theme="dark"] .adcx-butools__view button[aria-pressed="true"] { background: var(--darkBorder, #2a2f3a); color: var(--darkText, #dde3ec); }
html[data-theme="dark"] .adcx-butools__search input, html[data-theme="dark"] .adcx-butools__sel { background-color: var(--darkCard, #1b1f27); border-color: var(--darkBorder, #2a2f3a); color: var(--darkText, #dde3ec); }
/* телефон: поиск отдельной строкой, под ним фильтры и вид */
@media (max-width: 700px) { .adcx-butools { flex-wrap: wrap; } .adcx-butools__search { max-width: none; flex-basis: 100%; } .adcx-butools__sel { flex: 1 1 0; min-width: 0; padding-right: 8px; text-overflow: ellipsis; } }
/* планшет: если фильтров много и в строку они не помещаются, переносятся на вторую, а не вылезают за экран */
@media (max-width: 1000px) { .adcx-butools { flex-wrap: wrap; } .adcx-butools__sel { min-width: 0; } }