/* ══════════════════════════════════════════════════════════════════
   Полоса фильтров и кнопки списков (v820): «Корзина» (06-admin-trash.css)
   и «Лента событий» (08-activity.css).
   Одна строка над таблицей: поиск, чипы-фильтры и «Сбросить»; переключатель
   (тип, период) стоит выше, рядом с заголовком раздела. Чип — невысокая серая кнопка с названием фильтра; выбранное
   значение — в нём же, с лёгким оттенком акцента. Кнопки — серые, без рамок.
   Всё плоское: без теней, колец и анимаций (переходов здесь нет вовсе).
   Чипы-списки рисует общий enhanceProjectSelect (js/core.js) в режиме
   data-label; файл подключён ПОСЛЕ 05-modals.css — его .projsel-trigger
   (ширина 100%) здесь перебивается при равном весе.
   ══════════════════════════════════════════════════════════════════ */
.fbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

/* ── Поиск ── */
.fsearch {
  position: relative;
  display: flex;
  align-items: center;
  flex: 1 1 240px;
  min-width: 180px;
  max-width: 360px;
  margin: 0;
}
.fsearch > .ico {
  position: absolute;
  left: 10px;
  width: 14px;
  height: 14px;
  color: var(--text-muted);
}
.fsearch-input {
  width: 100%;
  height: 30px;
  padding: 0 10px 0 31px;
  border: 1px solid transparent;
  border-radius: var(--radius-sm);
  background: var(--chip-bg);
  color: var(--text);
  font: inherit;
  font-size: 13px;
  outline: none;
}
.fsearch-input::placeholder { color: var(--text-muted); }
/* Введено или в фокусе — поле белое с рамкой: видно, что поиск действует. */
.fsearch-input:focus,
.fsearch-input:not(:placeholder-shown) {
  background: var(--input-bg);
  border-color: var(--border-strong);
}
.fsearch-input:focus { border-color: var(--accent); }
.fsearch-input::-webkit-search-cancel-button { cursor: pointer; }

/* ── Чип: кнопка фильтра ── */
.fchip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: auto;
  min-width: 0;
  max-width: 300px;
  height: 30px;
  padding: 0 10px;
  border: 0;
  border-radius: var(--radius-sm);
  background: var(--chip-bg);
  color: var(--text-secondary);
  font: inherit;
  font-size: 13px;
  line-height: 1;
  text-align: left;
  white-space: nowrap;
  cursor: pointer;
}
.fchip:hover:not(:disabled) { background: var(--chip-hover); color: var(--text); }
.fchip:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
/* «Доска» без проекта и т.п.: серой подписью, а не прозрачностью. */
.fchip:disabled { cursor: default; color: #94a3b8; }
.fchip:disabled .projsel-caret { color: #94a3b8; }
.fchip.is-set,
.fchip.projsel-trigger--set { background: var(--accent-soft); color: var(--text); }
.fchip.is-set:hover,
.fchip.projsel-trigger--set:hover:not(:disabled) { background: rgba(var(--accent-rgb), .2); }
.fchip .ico { width: 14px; height: 14px; color: var(--text-muted); }
.fchip-pre,
.fchip .projsel-pre { flex: none; }
.fchip.is-set .fchip-pre,
.fchip.projsel-trigger--set .projsel-pre { color: var(--text-muted); }
.fchip-val,
.fchip .projsel-label {
  flex: 0 1 auto;
  min-width: 0;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 600;
  color: var(--text);
}
.fchip .projsel-caret { flex: none; font-size: 10px; color: var(--text-muted); }
.fchip .projsel-sw { width: 10px; height: 10px; }

/* Обёртка чипа-списка (enhanceProjectSelect): flex, а не блок — иначе
   строка текста вокруг inline-flex кнопки добавляла снизу пару пикселей. */
.projsel--chip { display: flex; min-width: 0; }
.projsel--chip .projsel-dd { max-width: 340px; }
.projsel-dd--search {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 6px;
  overflow: hidden;
}
.projsel-search {
  flex: none;
  height: 30px;
  padding: 0 9px;
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  background: var(--input-bg);
  color: var(--text);
  font: inherit;
  font-size: 13px;
  outline: none;
}
.projsel-search:focus { border-color: var(--accent); }
.projsel-list { flex: 1 1 auto; min-height: 0; overflow-y: auto; }
.projsel-ava { border-radius: 50%; flex: none; }

/* Переключатель и календарь рядом с заголовком раздела (период ленты) */
.fscope { display: flex; align-items: center; gap: 6px; min-width: 0; }

/* ── Переключатель (Все / Задачи / Подзадачи, Сегодня / 7 дней…) ── */
.fseg {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  height: 30px;
  padding: 2px;
  border-radius: var(--radius-sm);
  background: var(--chip-bg);
  flex: none;
}
.fseg-btn {
  height: 26px;
  padding: 0 10px;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: var(--text-secondary);
  font: inherit;
  font-size: 13px;
  white-space: nowrap;
  cursor: pointer;
}
.fseg-btn:hover { background: var(--chip-hover); color: var(--text); }
.fseg-btn.on { background: var(--surface); color: var(--text); font-weight: 600; cursor: default; }

/* ── «Сбросить» в конце полосы: видна, только когда что-то выбрано ── */
.fbar-reset {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 30px;
  padding: 0 9px;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--text-muted);
  font: inherit;
  font-size: 13px;
  white-space: nowrap;
  cursor: pointer;
}
.fbar-reset:hover { background: var(--chip-bg); color: var(--text); }
.fbar-reset .ico { width: 12px; height: 12px; }

/* ── Кнопки шапки и строк ── */
.fbtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 30px;
  padding: 0 11px;
  border: 0;
  border-radius: var(--radius-sm);
  background: var(--chip-bg);
  color: var(--text-secondary);
  font: inherit;
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
  cursor: pointer;
  flex: none;
}
.fbtn:hover:not(:disabled) { background: var(--chip-hover); color: var(--text); }
.fbtn:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
.fbtn:disabled { cursor: default; color: #94a3b8; }
.fbtn .ico { width: 14px; height: 14px; }
.fbtn--icon { width: 30px; padding: 0; }
.fbtn--ghost { background: transparent; }
.fbtn--ghost:hover:not(:disabled) { background: var(--chip-bg); }
/* Необратимое — красной подписью на сером, красный фон только под курсором. */
.fbtn--danger:not(:disabled) { color: var(--danger); }
.fbtn--danger:hover:not(:disabled) { background: var(--danger-soft); color: var(--danger); }
/* «Удалить» в строке таблицы — серым значком, красным только под курсором:
   красные значки в каждой строке рябили. */
.fbtn--del { background: transparent; color: var(--text-muted); }
.fbtn--del:hover:not(:disabled) { background: var(--danger-soft); color: var(--danger); }
.fbtn--sm { height: 26px; padding: 0 8px; font-size: 12px; gap: 5px; }
.fbtn--sm.fbtn--icon { width: 26px; padding: 0; }
.fbtn--sm .ico { width: 13px; height: 13px; }

/* Число рядом с заголовком раздела */
.fcount {
  display: inline-flex;
  align-items: center;
  height: 22px;
  padding: 0 8px;
  border-radius: 11px;
  background: var(--chip-bg);
  color: var(--text-muted);
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.fcount:empty { display: none; }

/* Метка цвета проекта в строке таблицы — квадратиком, как в боковой панели
   и в списке «Проект»; цвет неизвестен — серая. */
.fdot {
  display: inline-block;
  flex: none;
  width: 8px;
  height: 8px;
  border-radius: 2px;
  background: var(--border-strong);
}

/* ── Подвал таблицы: сколько показано, страницы, «По 50» ── */
.flist-foot {
  display: flex;
  align-items: center;
  gap: 8px 14px;
  flex-wrap: wrap;
  min-height: 42px;
  padding: 6px 12px;
  border-top: 1px solid var(--border);
  background: var(--surface);
  font-size: 12px;
  color: var(--text-muted);
}
.flist-foot-stat { font-variant-numeric: tabular-nums; white-space: nowrap; }
.fpager { display: flex; align-items: center; gap: 2px; margin-left: auto; flex-wrap: wrap; }
.fpage-btn {
  min-width: 26px;
  height: 26px;
  padding: 0 6px;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--text-secondary);
  font: inherit;
  font-size: 12px;
  font-weight: 500;
  font-variant-numeric: tabular-nums;
  cursor: pointer;
}
.fpage-btn:hover:not(:disabled):not(.on) { background: var(--chip-bg); color: var(--text); }
.fpage-btn.on { background: var(--accent-soft); color: var(--accent); font-weight: 700; cursor: default; }
.fpage-btn:disabled { color: #94a3b8; cursor: default; }
.fpage-nav { font-size: 16px; line-height: 1; }
.fpage-gap { min-width: 14px; text-align: center; color: var(--text-muted); }
.flist-foot-size { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.flist-foot-size select {
  height: 26px;
  padding: 0 4px;
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  background: var(--input-bg);
  color: var(--text);
  font: inherit;
  font-size: 12px;
  cursor: pointer;
}