/* Staff profile navigation, using the shell's established cascade layer. */
@layer workspace-headers {
  @media screen {
    html.municipal-ui .app-header .header-user.profile-navigation-trigger {
      display: inline-flex !important; align-items: center; gap: 10px;
      min-height: 48px; max-width: 250px !important; padding: 6px 10px !important;
      border: 1px solid #e2e8f0 !important; border-radius: 10px !important;
      background: transparent !important; color: #172b45 !important;
      text-decoration: none; white-space: normal !important; overflow: hidden;
      box-shadow: none !important; transition: background-color 150ms, border-color 150ms;
    }
    html.municipal-ui .profile-navigation-trigger .profile-navigation-avatar {
      display: grid; place-items: center; flex: 0 0 32px; width: 32px; height: 32px;
      border-radius: 9px; background: #edf3fc; color: #2457a7; font-size: 13px; font-weight: 600;
    }
    html.municipal-ui .profile-navigation-trigger .profile-navigation-copy { display: grid; gap: 1px; min-width: 0; text-align: left; }
    html.municipal-ui .profile-navigation-trigger .profile-navigation-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; font-weight: 600; line-height: 1.4; }
    html.municipal-ui .profile-navigation-trigger .profile-navigation-label { color: #64748b; font-size: 11px; font-weight: 400; line-height: 1.4; }
    html.municipal-ui .profile-navigation-trigger .profile-navigation-arrow { flex: 0 0 15px; width: 15px; height: 15px; margin-left: 4px; color: #64748b; }
    html.municipal-ui .app-header .header-user.profile-navigation-trigger:hover,
    html.municipal-ui .app-header .header-user.profile-navigation-trigger[aria-current="page"] { background: #f0f5fc !important; border-color: #c6d6eb !important; }
    html.municipal-ui .app-header .header-user.profile-navigation-trigger:focus-visible { outline: 3px solid #315e9f; outline-offset: 3px; }
    html.municipal-ui #app-sidebar .side-nav > .profile-navigation-link { border-color: #ffffff14 !important; }
    html.municipal-ui #app-sidebar .side-nav > .profile-navigation-link.active { border-color: #3d797a !important; }
    @media (max-width: 640px) {
      html.municipal-ui .app-header .header-user.profile-navigation-trigger { max-width: 190px !important; min-height: 44px; gap: 8px; padding: 5px 8px !important; }
      html.municipal-ui .profile-navigation-trigger .profile-navigation-avatar { flex-basis: 30px; width: 30px; height: 30px; }
      html.municipal-ui .profile-navigation-trigger .profile-navigation-arrow { display: none !important; }
    }
    @media (prefers-reduced-motion: reduce) {
      html.municipal-ui .app-header .header-user.profile-navigation-trigger { transition: none; }
    }
  }
}