/* MF6 desktop/tablet contract: desktop first, tablet supported from 768px. */
@media (max-width: 1180px) {
  body.mf6 {
    --mf6-sidebar-width: 5.25rem !important;
    min-width: 768px;
    overflow: hidden;
  }

  body.mf6 .mf6-shell {
    min-width: 768px;
  }

  body.mf6 .mf6-sidebar {
    padding-inline: .75rem;
  }

  body.mf6 .mf6-brand-panel,
  body.mf6 .mf6-brand {
    grid-template-columns: 1fr;
  }

  body.mf6 .mf6-brand-copy,
  body.mf6 .mf6-collapse,
  body.mf6 .mf6-nav span,
  body.mf6 .mf6-sidebar-footer span,
  body.mf6 .mf6-nav-label,
  body.mf6 .mf-theme-switcher-v522i {
    display: none !important;
  }

  body.mf6 .mf6-nav a,
  body.mf6 .mf6-sidebar-footer a,
  body.mf6 .mf6-sidebar-footer .link-button {
    justify-content: center;
    min-height: 2.75rem;
    padding-inline: .65rem;
  }

  body.mf6 .mf6-user-tile {
    grid-template-columns: 1fr;
    justify-items: center;
    padding: .45rem;
  }

  body.mf6 .mf6-user-tile > span:not(.mf6-user-avatar),
  body.mf6 .mf6-user-tile > :last-child {
    display: none;
  }

  body.mf6 .mf6-topbar {
    gap: .75rem;
    padding-inline: 1rem;
  }

  body.mf6 .mf6-main {
    padding: 1rem !important;
  }

  body.mf6 .mf6-footer {
    padding-inline: 1rem;
  }

  body.mf6:not(.mf6-right-rail-open) .mf6-workspace {
    grid-template-columns: minmax(0, 1fr) 0 !important;
  }
}

@media (max-width: 820px) {
  body.mf6 .mf6-topbar-actions .mf6-save-state,
  body.mf6 .mf6-footer-center,
  body.mf6 .mf6-footer-health {
    display: none !important;
  }

  body.mf6 .mf6-breadcrumbs {
    gap: .4rem;
  }

  body.mf6 .mf6-footer {
    grid-template-columns: minmax(0, 1fr);
  }
}