/* Шкала времени (static/teamwork/timeline.js): шапка с месяцами и днями, выходные, линии, «сегодня».
   Общая для Ганта и экрана «Загрузка». Высота шапки (56px) совпадает с шапкой колонки названий в Ганте. */

.tl-head { position: relative; height: 56px; background: var(--surface-2); border-bottom: 1px solid var(--border); }
.tl-cell {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  white-space: nowrap;
  font-size: 12px;
  color: var(--muted);
}
.tl-top { top: 0; height: 28px; justify-content: flex-start; padding-left: 8px; color: var(--text-2); font-weight: 600; border-left: 1px solid var(--border); }
.tl-bottom { top: 28px; height: 28px; border-left: 1px solid var(--border); font-variant-numeric: tabular-nums; }
.tl-bottom.weekend { color: #b5b5bf; }
.tl-bottom.today { background: var(--accent); color: var(--on-accent); font-weight: 700; border-radius: 6px 6px 0 0; }

.tl-weekend { position: absolute; top: 0; bottom: 0; background: rgba(20, 20, 40, .035); }
.tl-vline { position: absolute; top: 0; bottom: 0; width: 1px; background: var(--border); opacity: .6; }
.tl-today { position: absolute; top: 0; bottom: 0; width: 2px; margin-left: -1px; background: var(--accent); z-index: 1; }