/* R188.5.5: client navigation is a single row of five actions after removing Services. */
@media (max-width: 900px) {
  html[data-navigation-context="personal"] #k-mobile-nav,
  html[data-identity-mode="legacy-fallback"][data-user-role="client"] #k-mobile-nav {
    --k-mobile-nav-count: 5 !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    grid-template-rows: 1fr !important;
  }

  html[data-navigation-context="personal"] #k-mobile-nav .k-nav-link,
  html[data-identity-mode="legacy-fallback"][data-user-role="client"] #k-mobile-nav .k-nav-link {
    min-width: 0;
    padding-inline: 1px !important;
  }

  html[data-navigation-context="personal"] #k-mobile-nav .k-nav-link > span:not(.k-nav-icon):not(.k-nav-badge),
  html[data-identity-mode="legacy-fallback"][data-user-role="client"] #k-mobile-nav .k-nav-link > span:not(.k-nav-icon):not(.k-nav-badge) {
    font-size: clamp(7.5px, 2.15vw, 9.5px);
    letter-spacing: -.02em;
  }
}

@media (max-width: 350px) {
  html[data-navigation-context="personal"] #k-mobile-nav,
  html[data-identity-mode="legacy-fallback"][data-user-role="client"] #k-mobile-nav {
    left: max(4px, env(safe-area-inset-left, 0px));
    right: max(4px, env(safe-area-inset-right, 0px));
    gap: 2px !important;
    padding-inline: 4px !important;
  }
}