.ms-topbar {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.ms-topbar-dot { flex: 0 0 auto; }

@media (max-width: 900px) {
  .topbar-actions .ms-topbar { order: -1; }
}

@media (max-width: 560px) {
  .topbar-actions {
    width: 100%;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto auto auto;
    gap: 7px !important;
  }

  .topbar-actions .ms-topbar {
    min-height: 38px;
    justify-content: center;
    padding: 7px 10px;
    overflow: hidden;
  }

  .topbar-actions .ms-topbar .ms-topbar-label { display: inline; }
  .topbar-actions .ms-topbar [data-global-mesai-clock] { font-size: 11px; }
  .topbar-actions .topbar-button { padding: 0 9px; }
  .ms-clock { font-size: clamp(36px, 14vw, 58px); max-width: 100%; overflow: hidden; }
  .ms-scan { min-height: calc(100dvh - 190px); }
}

@media (max-width: 390px) {
  .topbar-actions { grid-template-columns: minmax(0, 1fr) auto auto; }
  .topbar-actions > a.topbar-button:not(.danger) { display: none; }
  .topbar-actions .ms-topbar { justify-content: flex-start; }
  .ms-grid { grid-template-columns: 1fr; }
}