@import url("./app-essenza-20260828-1164-header-call-name.css");

/* Task 1180 — keep the authenticated call name visible beside the profile icon
   on the shared mobile header without sacrificing the primary navigation. */
.site-shell .site-header.yen-header .profile-call-name {
  display: inline-block !important;
  visibility: visible !important;
  min-inline-size: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 720px) {
  .site-shell .site-header.yen-header .brand,
  .site-shell .site-header.yen-header .brand-actions,
  .site-shell .site-header.yen-header .profile-icon-action {
    min-inline-size: 0;
  }

  .site-shell .site-header.yen-header .profile-icon-action {
    inline-size: auto !important;
    block-size: 2.15rem;
    max-inline-size: 6rem;
    flex: 0 1 auto !important;
    gap: .25rem;
    padding-inline: .42rem !important;
  }

  .site-shell .site-header.yen-header .profile-call-name {
    max-inline-size: 3.65rem;
    font-size: .76rem;
  }
}

@media (max-width: 380px) {
  .site-shell .site-header.yen-header .brand-text {
    min-inline-size: 0;
    max-inline-size: 7rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .site-shell .site-header.yen-header .profile-icon-action {
    max-inline-size: 4.65rem;
  }

  .site-shell .site-header.yen-header .profile-call-name {
    max-inline-size: 2.35rem;
  }

  .site-shell .site-header.yen-header .top-auth-button {
    padding-inline: .48rem !important;
  }
}