/* Волна удобств 12.10 (по аудиту Codex): телефон, таблицы, фильтры, якоря. Токены панели, без новых цветов. */

/* 1. Кнопки под палец: на телефоне всё кликабельное не ниже 40 px */
@media (max-width: 720px) {
  .secondary, .primary, button:not(.icon-button), .chip, .periods button, .filters a, .quick-card { min-height: 40px; }
  .secondary, .primary { padding: 9px 14px; font-size: 13px; }
  td .secondary, td .primary, td button { min-height: 36px; }
}
/* 2. Таблицы: шапка не уезжает, строка под курсором видна, цифры по разрядам */
.table-wrap thead th { position: sticky; top: 0; z-index: 1; background: var(--color-bg-elevated); }
.table-wrap tbody tr { transition: background .12s; }
td, th { font-variant-numeric: tabular-nums; }
/* 3. Поиск по странице: одна строка над таблицей/карточками */
.ux-filter { display: flex; align-items: center; gap: 10px; flex: 1 1 260px; max-width: 420px; }
.ux-filter input { flex: 1; min-height: 36px; padding: 6px 12px; border: 1px solid var(--color-border-strong); border-radius: 8px; background: var(--color-bg-card); color: var(--color-fg); font: inherit; }
.ux-filter input:focus { outline: 2px solid var(--color-accent); outline-offset: 2px; border-color: transparent; }
.ux-filter small { color: var(--color-fg-dim); white-space: nowrap; }
.ux-hidden { display: none !important; }
.ux-empty { padding: 18px 22px; color: var(--color-fg-dim); font-size: 13px; }
/* 4. Якоря разделов на длинных страницах («Деньги») */
.ux-anchors { display: flex; flex-wrap: wrap; gap: 6px; margin: -8px 0 18px; }
.ux-anchors a { display: inline-flex; align-items: center; min-height: 32px; padding: 4px 12px; border: 1px solid var(--color-border); border-radius: 999px; font-size: 12px; color: var(--color-fg-muted); background: var(--color-bg-card); }
.ux-anchors a:hover, .ux-anchors a.active { color: var(--color-accent); border-color: color-mix(in srgb, var(--color-accent) 40%, var(--color-border)); }
html { scroll-behavior: smooth; }
section[id] { scroll-margin-top: calc(var(--topbar-h, 56px) + 12px); }
/* 5. Обзор с телефона: два главных действия, остальные по кнопке */
@media (max-width: 720px) {
  .quick.ux-collapsed .quick-card:nth-child(n+3) { display: none; }
  .ux-more { width: 100%; min-height: 40px; margin-top: 8px; border: 1px dashed var(--color-border-strong); border-radius: 10px; background: transparent; color: var(--color-fg-muted); font-size: 13px; }
}
@media (min-width: 721px) { .ux-more { display: none; } }
/* 6. Нажатие ощущается */
button:not(:disabled):active, .quick-card:active, .secondary:active, .primary:active { transform: translateY(1px); }
a.machine-card:hover, a.quick-card:hover, .tenant-card:hover { border-color: color-mix(in srgb, var(--color-accent) 45%, var(--color-border)); }