@media (max-width: 1180px) {
  .topbar { grid-template-columns: auto minmax(0, 1fr) auto; gap: 12px; }
  .brand-lockup.compact small, .user-menu > div:nth-child(2) { display: none; }
  .header-project-timer { grid-template-columns: minmax(120px, 1fr) minmax(120px, 1fr) auto 74px; }
}

@media (max-width: 820px) {
  .topbar { min-height: 128px; grid-template-columns: auto 1fr auto; align-content: center; padding: 10px 14px; }
  .header-project-timer { grid-column: 1 / -1; grid-row: 2; grid-template-columns: minmax(110px, 1fr) minmax(110px, 1fr) auto 72px; }
  .sidebar { top: 128px; height: calc(100vh - 128px); }
}

@media (max-width: 620px) {
  .topbar { min-height: 170px; }
  .header-project-timer { grid-template-columns: 1fr 1fr; }
  .header-project-timer button, .header-project-timer output { width: 100%; }
  .sidebar { top: 170px; height: calc(100vh - 170px); }
}