/* director_finance.css — раздел «Финансы» (директор), Фаза 3.
   Реюз: ms-* (my_surveys.css), mp-* (measurement_payout.css), fm-* (foreman.css),
   cash-* (cash.css), admin-subtab* (portal.css). Здесь — только своё (df-*).
   Все цвета через var(--…) — тёмная тема без отдельных правил. */

/* Страховка: базовый .ms-filterbar липкий и мешает StickyThead (см. deals_overview.css:9) */
.df-root > .ms-filterbar { position: relative; top: auto; }

.df-root .ms-list { padding-bottom: 80px; }

/* Правая группа фильтр-бара: счётчик + «Выбрать все» */
.df-filter-right {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 10px;
}
.df-sel-count { font-size: 12px; color: var(--muted, #8a919a); white-space: nowrap; }

/* Плитки итогов по выделенным */
.df-totals {
  display: grid;
  grid-template-columns: repeat(4, minmax(160px, 1fr));
  gap: 12px;
  padding: 8px 12px 4px;
  max-width: 1100px;
}
@media (max-width: 720px) {
  .df-totals { grid-template-columns: repeat(2, minmax(140px, 1fr)); }
}
.df-tile {
  background: var(--card-bg, #fff);
  border: 1px solid var(--border, #d5d9de);
  border-radius: 10px;
  padding: 12px 14px;
}
.df-tile-label { font-size: 12px; color: var(--muted, #8a919a); margin-bottom: 4px; }
.df-tile-value { font-size: 22px; font-weight: 700; white-space: nowrap; }
.df-tile-note  { font-size: 11px; color: var(--muted, #8a919a); margin-top: 4px; }

/* Таблица */
.df-table td.df-money { text-align: right; white-space: nowrap; }
.df-table td.df-has-note { text-decoration: underline dotted; text-underline-offset: 3px; cursor: help; }
.df-table tr.df-row-sel td { background: var(--accent-l, rgba(1, 105, 111, 0.08)); }
.df-table .df-chk { width: 18px; height: 18px; cursor: pointer; vertical-align: middle; }
.df-table th.mp-chk-col, .df-table td.mp-chk-col { width: 48px; }

/* Легенда под таблицей */
.df-legend { padding: 8px 12px 0; font-size: 12px; color: var(--muted, #8a919a); }