/* Кнопки — общие для dashboard и video */
/* Шкала «как у Apple»: минимальная цель по их руководству — 44 pt, и до неё
   кнопки не дотягивали вдвое (было 7×14 при кегле 12).
   В ТАБЛИЦАХ крупную шкалу не применяем: там две кнопки-значка в строке, и 44 px
   подняли бы высоту каждой строки — для них есть .btn-sm и .btn-icon. */
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 24px; min-height: 44px; border-radius: 10px; font-size: 15px; font-weight: 500; text-decoration: none; transition: all .15s; cursor: pointer; border: none; font-family: var(--sans); white-space: nowrap; }
.btn-primary { background: var(--accent); color: #fff; }
/* Наведение отдельным токеном: в светлой теме основной цвет кнопки и есть
   #2563EB, и прибитое гвоздём наведение перестало бы отличаться от покоя. */
.btn-primary:hover { background: var(--accent-hover); }
.btn-outline { border: 1px solid var(--border2); color: var(--muted); background: none; }
.btn-outline:hover { border-color: var(--accent); color: var(--accent); }
.btn-active { border: 1px solid var(--accent); color: var(--accent); background: var(--accent-tint); }
.btn-danger { border: 1px solid var(--red-edge); color: var(--red); background: var(--red-soft); }
.btn-danger:hover { background: var(--red-tint); }
.btn-sm { padding: 8px 16px; min-height: 34px; font-size: 13px; border-radius: 8px; }
.btn-icon { padding: 10px 12px; min-height: 38px; border-radius: 9px; }
/* Значок внутри строки таблицы: там важнее плотность, чем размер цели. */
td .btn-icon, .td-actions .btn-icon { padding: 7px 9px; min-height: 32px; border-radius: 7px; }