/* Подборка «Новые размещения» (lib/bonds-fresh.js). Только токены cf-*.
   Новой строки нет: кнопка живёт в строке итога, период - в её меню. */

/* Кнопка стоит первой в ряду действий и отделена чертой: это выбор того, что
   показывает таблица, а «Мои фильтры / Сохранить / Поделиться» - действия с ним. */
.bf-sep { flex: none; width: 1px; height: 18px; margin: 0 var(--cf-space-6); background: var(--cf-line-strong); }
.bf-btn { transition: background var(--cf-dur) ease, color var(--cf-dur) ease, box-shadow var(--cf-dur) ease, transform var(--cf-dur-press) cubic-bezier(.23, 1, .32, 1); }
.bf-btn:active { transform: scale(.97); }
/* Тонкий контур: кнопку видно среди тихих действий строки, но она не спорит с
   таблицей. Включённая - мягкий синий, контур того же тона. */
.bf-btn { box-shadow: inset 0 0 0 1px var(--cf-line-strong); }
.bf-btn:hover { box-shadow: inset 0 0 0 1px var(--cf-ink-3); }
.bf-btn[aria-pressed="true"], .bf-btn[aria-pressed="true"]:hover { box-shadow: inset 0 0 0 1px var(--cf-accent-dim); }
.bf-btn[aria-pressed="true"] { background: var(--cf-accent-soft); color: var(--cf-accent); font-weight: 600; }
.bf-btn[aria-pressed="true"] svg { color: var(--cf-accent); }
.bf-btn[aria-pressed="true"]:hover, .bf-btn[aria-expanded="true"] { background: var(--cf-accent-soft); color: var(--cf-accent-hover); }
.bf-chev { display: inline-flex; margin: 0 -2px 0 -2px; }
.bf-chev svg { width: 14px; height: 14px; transition: transform var(--cf-dur) ease; }
.bf-btn[aria-expanded="true"] .bf-chev svg { transform: rotate(180deg); }

/* Меню периода: растёт от кнопки, быстро и без отскока. */
.bf-menu { position: absolute; z-index: var(--cf-z-popover); min-width: 204px; padding: var(--cf-space-6);
  border: 1px solid var(--cf-line); border-radius: var(--cf-radius-md); background: var(--cf-surface);
  box-shadow: var(--cf-shadow-popover);
  transition: opacity 160ms cubic-bezier(.23, 1, .32, 1), transform 160ms cubic-bezier(.23, 1, .32, 1); }
@starting-style { .bf-menu { opacity: 0; transform: scale(.97) translateY(-2px); } }
.bf-menu button { display: flex; align-items: center; justify-content: space-between; gap: var(--cf-space-12);
  width: 100%; height: 36px; padding: 0 var(--cf-space-10); border: 0; border-radius: var(--cf-radius-sm);
  background: none; color: var(--cf-ink); font: inherit; font-size: 14px; text-align: left; cursor: pointer; }
.bf-menu button:hover, .bf-menu button:focus-visible { background: var(--cf-surface-2); outline: none; }
.bf-menu button[aria-checked="true"] { color: var(--cf-accent); font-weight: 600; }
.bf-menu button svg { width: 16px; height: 16px; flex: none; }
.bf-menu__sep { height: 1px; margin: var(--cf-space-4) var(--cf-space-4); background: var(--cf-line); }
.bf-menu [data-fp=""] { color: var(--cf-ink-2); }

/* В подборке колонка «Размещение» - главная: дата жирнее, под ней давность. */
html.bf-on .tablewrap tbody td:nth-child(9) { color: var(--cf-ink); font-weight: 600; }
.bf-age { display: block; margin-top: 1px; color: var(--cf-ink-3); font-size: 12px; font-weight: 400;
  font-variant-numeric: tabular-nums; }

@media (prefers-reduced-motion: reduce) {
  .bf-menu, .bf-btn, .bf-chev svg { transition: none; }
}

@media (max-width: 767px) {
  /* Телефон: кнопка живёт в ряду наборов (lib/bonds-mobile.js). */
  .ss-bar .bf-btn, .ss-bar .bf-sep { display: none; }
  .mscr-sep { flex: none; width: 1px; height: 22px; align-self: center; background: var(--cf-line-strong); }
  .mscr-chip--fresh { gap: 6px; }
  .mscr-chip--fresh svg { width: 16px; height: 16px; }
  .mscr-chip--fresh .bf-chev svg { width: 14px; height: 14px; }
  .mscr-placed { color: var(--cf-ink-2); font-variant-numeric: tabular-nums; }
  .bf-menu button { height: 44px; font-size: 15px; }
}