@media screen {
  .customer-portal .portal-nav-with-switch { min-width: 0; gap: 8px; }
  .customer-portal .portal-nav-with-switch .portal-nav-link { padding-inline: 10px; }
}
@media screen and (max-width: 1120px) {
  .customer-portal .portal-nav-with-switch { gap: 3px; }
  .customer-portal .portal-nav-with-switch .portal-nav-link { padding-inline: 8px; }
}
@media screen and (max-width: 640px) {
  .customer-portal .portal-nav-with-switch { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2px; align-items: stretch; width: 100%; }
  .customer-portal .portal-nav-with-switch .portal-nav-link { min-width: 0; justify-content: center; text-align: center; white-space: normal; padding: 8px 4px; font-size: 11px; line-height: 1.3; min-height: 42px; }
  .customer-portal .portal-nav-with-switch .portal-nav-link > .icon { display: none; }
}