/**
 * Адаптация под системный масштаб шрифта (Chrome, Safari, Yandex, Opera).
 * --siteapp-font-scale выставляет mobile-font-scale.js из computed font-size html.
 */

:root {
  --siteapp-font-scale: 1;
  --siteapp-compact-header-h: 3.25rem;
}

@media (max-width: 991.98px) {
  html.siteapp-font-scale-lg .app-topnav-compact__title {
    font-size: clamp(0.72rem, 3.2vw, 0.875rem);
  }

  html.siteapp-font-scale-lg .siteapp-topnav-tile {
    width: calc(2.5rem / var(--siteapp-font-scale, 1));
    height: calc(2.5rem / var(--siteapp-font-scale, 1));
    min-width: 2.15rem;
    min-height: 2.15rem;
    font-size: calc(1.05rem / var(--siteapp-font-scale, 1));
  }

  html.siteapp-font-scale-lg .siteapp-compact-tile__label {
    font-size: clamp(0.68rem, 2.8vw, 0.8125rem);
    line-height: 1.15;
  }

  html.siteapp-font-scale-lg .siteapp-compact-tile__icon {
    font-size: calc(1.35rem / var(--siteapp-font-scale, 1));
  }

  html.siteapp-font-scale-xl .app-topnav-compact__tiles {
    gap: 0.15rem;
  }

  html.siteapp-font-scale-xl .app-topnav-compact__title {
    font-size: clamp(0.68rem, 2.9vw, 0.8125rem);
  }

  html.siteapp-font-scale-xl .btn-touch,
  html.siteapp-font-scale-xl .btn {
    min-height: calc(2.75rem / var(--siteapp-font-scale, 1));
  }

  html.siteapp-font-scale-xl .work-chat-compose__row {
    padding-top: 0.35rem;
    padding-bottom: 0.35rem;
  }

  html.siteapp-font-scale-xl .admin-task-stats-dock__toggle,
  html.siteapp-font-scale-xl .dash-team-stats__head {
    font-size: 0.75rem;
  }
}