/*
 * Mantém a densidade visual homologada em 1680 px nos desktops menores.
 * `zoom` participa do cálculo de layout (inclusive elementos fixed e sticky),
 * ao contrário de transform, e esta regra só existe para mídia de tela.
 */
@media screen and (min-width: 721px) and (max-width: 1679px) {
  html {
    --desktop-scale: max(calc(1366 / 1680), calc(100vw / 1680px));
    zoom: var(--desktop-scale);
  }

  .sidebar {
    height: calc(100vh / var(--desktop-scale));
  }
}

/* Ações institucionais e etiquetas curtas são unidades visuais indivisíveis. */
@media screen and (min-width: 721px) {
  :is(
    button,
    .primary-button,
    .secondary-button,
    .danger-button,
    .action-button,
    .button,
    .user-logout-button,
    .badge,
    .same-status
  ) {
    white-space: nowrap;
  }
}