@font-face {
    font-family: "AutomatorMetricRounded";
    src: url("/fonts/SFRounded-Bold.woff2") format("woff2");
    font-style: normal;
    font-weight: 700;
    /* Не показываем системный шрифт на долю секунды: его замена на Rounded
       визуально меняла размер чисел после загрузки страницы. */
    font-display: block;
}

/* Локальный стиль только для чисел в плитках АКБ и памяти. */
.automator-metric-value,
.automator-metric-value * {
    font-family: "AutomatorMetricRounded", "SF Pro Rounded", sans-serif !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
}

/* Счётчики на главной: Gravity оборачивает текст во внутренний span,
   поэтому семейство и размер задаются и контейнеру, и его потомкам. */
.automator-dashboard-counter,
.automator-dashboard-counter * {
    font-family: "AutomatorMetricRounded", "SF Pro Rounded", sans-serif !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 25px !important;
    letter-spacing: 0 !important;
    font-variant-numeric: tabular-nums !important;
}

.automator-dashboard-caption,
.automator-dashboard-caption * {
    color: var(--g-color-text-secondary) !important;
    font-size: 13px !important;
    line-height: 16px !important;
    font-weight: 400 !important;
}

.automator-dashboard-metric-row {
    transition: background-color 180ms ease;
}

.automator-dashboard-metric-row:hover {
    background-color: var(--g-color-base-simple-hover);
}

.automator-dashboard-metric-arrow {
    color: var(--g-color-text-secondary);
    opacity: 0;
    transform: translateX(-3px);
    transition: opacity 180ms ease, transform 180ms ease;
}

.automator-dashboard-metric-row:hover .automator-dashboard-metric-arrow {
    opacity: 1;
    transform: translateX(0);
}

/* Стабильная типографика опубликованного отчёта.
   Gravity UI вкладывает текст в span со своим размером, поэтому размер
   фиксируется и на контейнере, и на вложенном элементе. */
.automator-weekly-hero-number,
.automator-weekly-hero-number * {
    font-family: "AutomatorMetricRounded", "SF Pro Rounded", sans-serif !important;
    font-variant-numeric: tabular-nums !important;
    font-weight: 700 !important;
    font-size: 56px !important;
    line-height: 58px !important;
    letter-spacing: -1.6px !important;
}

.automator-weekly-stat-number,
.automator-weekly-stat-number * {
    font-family: "AutomatorMetricRounded", "SF Pro Rounded", sans-serif !important;
    font-variant-numeric: tabular-nums !important;
    font-weight: 700 !important;
    font-size: 32px !important;
    line-height: 34px !important;
    letter-spacing: -0.4px !important;
}

/* Календарь команды: подсветка строки не перекрывает семантические цвета,
   а закреплённое имя остаётся визуально связано с выбранной строкой. */
.team-calendar-row .team-calendar-person,
.team-calendar-row .team-calendar-cell {
    transition: background-color 140ms ease, filter 140ms ease;
}

.team-calendar-row:hover .team-calendar-person {
    background: #f4f8fc !important;
}

.team-calendar-row:hover .team-calendar-cell {
    filter: brightness(0.985);
}

.team-calendar-scroll {
    scrollbar-color: #c4cad3 transparent;
    scrollbar-width: thin;
    overscroll-behavior-x: none;
    overscroll-behavior-y: contain;
    touch-action: pan-x pan-y;
}

.team-calendar-scroll::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.team-calendar-scroll::-webkit-scrollbar-thumb {
    background: #c4cad3;
    border: 3px solid #ffffff;
    border-radius: 999px;
}

.team-calendar-scroll::-webkit-scrollbar-track {
    background: transparent;
}