/*
 * NTIMA OS UX18.58 — Mobile Header Collision Guard.
 * Presentation-only responsive hardening for Administration + Member PWA surfaces.
 * It deliberately changes no routes, permissions, POST actions, calculations or data.
 */

@media (max-width:900px){
  /* Every mobile header participant must be allowed to shrink inside its grid/flex cell. */
  .genesis-admin-shell.is-genesis-inner-page .genesis-admin-topbar,
  .genesis-admin-shell.is-genesis-inner-page .genesis-admin-page-heading,
  .genesis-admin-shell.is-genesis-inner-page .genesis-admin-topbar-actions,
  .genesis-admin-shell.is-genesis-inner-page .genesis-location-row,
  .genesis-admin-shell.is-genesis-inner-page .genesis-location-trail,
  .genesis-admin-shell.is-genesis-inner-page .genesis-health-organisation-heading,
  .genesis-admin-shell.is-genesis-inner-page .genesis-health-organisation-heading h1{
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  .genesis-admin-shell.is-genesis-inner-page .genesis-health-organisation-heading{
    grid-column:1!important;
    grid-row:1!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    overflow:hidden!important;
  }
  .genesis-admin-shell.is-genesis-inner-page .genesis-health-organisation-heading-logo{
    flex:0 0 auto!important;
  }
  .genesis-admin-shell.is-genesis-inner-page .genesis-health-organisation-heading h1{
    flex:1 1 auto!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  /* Breadcrumb labels may wrap, but never push outside the viewport. */
  .genesis-admin-shell.is-genesis-inner-page .genesis-location-trail{
    overflow:hidden!important;
  }
  .genesis-admin-shell.is-genesis-inner-page .genesis-location-trail a,
  .genesis-admin-shell.is-genesis-inner-page .genesis-location-trail span{
    min-width:0!important;
    max-width:100%!important;
    overflow-wrap:anywhere!important;
  }

  /* Member app header: organisation identity yields space to fixed action icons. */
  .wfms-member-v1082 .wfms-v1082-header-row{
    min-width:0!important;
    max-width:100%!important;
  }
  .wfms-member-v1082 .wfms-v1082-header-row>div:first-child,
  .wfms-member-v1082 .wfms-v1082-brand{
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
  .wfms-member-v1082 .wfms-v1082-brand-copy{
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
  .wfms-member-v1082 .wfms-v1082-brand-copy strong,
  .wfms-member-v1082 .wfms-v1082-brand-copy small{
    display:block!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .wfms-member-v1082 .wfms-v1082-header-actions{
    flex:0 0 auto!important;
    min-width:max-content!important;
    max-width:max-content!important;
  }
  .wfms-member-v1082 .wfms-v1082-greeting{
    min-width:0!important;
    max-width:100%!important;
  }
  .wfms-member-v1082 .wfms-v1082-greeting h1,
  .wfms-member-v1082 .wfms-v1082-greeting p{
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
}

@media (max-width:700px){
  /* Legacy/internal module mastheads must wrap instead of colliding. */
  .genesis-admin-content .wtfms-admin-header,
  .genesis-admin-content .genesis-org-hero,
  .genesis-admin-content .genesis-v13-hero,
  .genesis-admin-content .genesis-health-hero,
  .genesis-admin-content .genesis-health-member-head,
  .genesis-admin-content .genesis-health-network-hero,
  .genesis-admin-content .genesis-education-hero,
  .genesis-admin-content .workspace-hero,
  .genesis-admin-content .ge-hero,
  .genesis-admin-content .genesis-dreamers-hero,
  .genesis-admin-content .ntima-platform-control-hero,
  .genesis-admin-content .ntima-guardian-hero,
  .genesis-admin-content .ntima-today-hero,
  .genesis-admin-content .ntima-360-hero,
  .genesis-admin-content .ntima-follow-hero,
  .genesis-admin-content .ntima-experience-hero,
  .genesis-admin-content .ntima-governance-hero,
  .genesis-admin-content .genesis-global-hero-v13111,
  .genesis-admin-content .ntima-geo-hero,
  .genesis-admin-content .calendar-hero,
  .genesis-admin-content .genesis-collab-hero,
  .genesis-admin-content .ntima-collective-session-hero,
  .genesis-admin-content .ntima-market-hero,
  .genesis-admin-content .ntima-native-hero{
    flex-wrap:wrap!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  .genesis-admin-content .wtfms-admin-header>*,
  .genesis-admin-content .genesis-org-hero>*,
  .genesis-admin-content .genesis-v13-hero>*,
  .genesis-admin-content .genesis-health-hero>*,
  .genesis-admin-content .genesis-health-member-head>*,
  .genesis-admin-content .genesis-health-network-hero>*,
  .genesis-admin-content .genesis-education-hero>*,
  .genesis-admin-content .workspace-hero>*,
  .genesis-admin-content .ge-hero>*,
  .genesis-admin-content .genesis-dreamers-hero>*,
  .genesis-admin-content .ntima-platform-control-hero>*,
  .genesis-admin-content .ntima-guardian-hero>*,
  .genesis-admin-content .ntima-today-hero>*,
  .genesis-admin-content .ntima-360-hero>*,
  .genesis-admin-content .ntima-follow-hero>*,
  .genesis-admin-content .ntima-experience-hero>*,
  .genesis-admin-content .ntima-governance-hero>*,
  .genesis-admin-content .genesis-global-hero-v13111>*,
  .genesis-admin-content .ntima-geo-hero>*,
  .genesis-admin-content .calendar-hero>*,
  .genesis-admin-content .genesis-collab-hero>*,
  .genesis-admin-content .ntima-collective-session-hero>*,
  .genesis-admin-content .ntima-market-hero>*,
  .genesis-admin-content .ntima-native-hero>*{
    min-width:0!important;
    max-width:100%!important;
  }

  .genesis-admin-content .wtfms-admin-header h1,
  .genesis-admin-content .wtfms-admin-header h2,
  .genesis-admin-content .genesis-org-hero h1,
  .genesis-admin-content .genesis-org-hero h2,
  .genesis-admin-content .genesis-v13-hero h1,
  .genesis-admin-content .genesis-health-hero h1,
  .genesis-admin-content .genesis-health-member-head h1,
  .genesis-admin-content .genesis-health-member-head h2,
  .genesis-admin-content .genesis-health-network-hero h1,
  .genesis-admin-content .genesis-education-hero h1,
  .genesis-admin-content .workspace-hero h1,
  .genesis-admin-content .ge-hero h1,
  .genesis-admin-content .genesis-dreamers-hero h1,
  .genesis-admin-content .ntima-platform-control-hero h1,
  .genesis-admin-content .ntima-guardian-hero h1,
  .genesis-admin-content .ntima-today-hero h1,
  .genesis-admin-content .ntima-360-hero h1,
  .genesis-admin-content .ntima-follow-hero h1,
  .genesis-admin-content .ntima-experience-hero h1,
  .genesis-admin-content .ntima-governance-hero h1,
  .genesis-admin-content .genesis-global-hero-v13111 h1,
  .genesis-admin-content .ntima-geo-hero h1,
  .genesis-admin-content .calendar-hero h1,
  .genesis-admin-content .genesis-collab-hero h1,
  .genesis-admin-content .ntima-collective-session-hero h1,
  .genesis-admin-content .ntima-market-hero h1,
  .genesis-admin-content .ntima-native-hero h1{
    max-width:100%!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }

  /* The old WTFOS implementation subtitle is internal/legacy copy and was a
   * frequent second-line collision on narrow tenant screens. */
  .genesis-admin-content .wtfms-admin-header .wtfms-brand h1::after{
    content:none!important;
    display:none!important;
  }

  /* Member secondary-page headings: controls move naturally below long copy. */
  .wfms-member-v1082 .wfms-savings-head,
  .wfms-member-v1082 .wfms-savings-panel-head,
  .wfms-member-v1082 .ntima-market-member-heading,
  .wfms-member-v1082 .ntima-market-member-categories-head,
  .wfms-member-v1082 .ntima-hearts-page-head,
  .wfms-member-v1082 .ntima-subpage-head,
  .wfms-member-v1082 .wfms-score-page-head,
  .wfms-member-v1082 .wfms-notifications-heading,
  .wfms-member-v1082 .wfms-page-head,
  .wfms-member-v1082 .wfms-profile-head,
  .wfms-member-v1082 .wfms-member-profile-head{
    flex-wrap:wrap!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  .wfms-member-v1082 .wfms-savings-head>*,
  .wfms-member-v1082 .wfms-savings-panel-head>*,
  .wfms-member-v1082 .ntima-market-member-heading>*,
  .wfms-member-v1082 .ntima-market-member-categories-head>*,
  .wfms-member-v1082 .ntima-hearts-page-head>*,
  .wfms-member-v1082 .ntima-subpage-head>*,
  .wfms-member-v1082 .wfms-score-page-head>*,
  .wfms-member-v1082 .wfms-notifications-heading>*,
  .wfms-member-v1082 .wfms-page-head>*,
  .wfms-member-v1082 .wfms-profile-head>*,
  .wfms-member-v1082 .wfms-member-profile-head>*{
    min-width:0!important;
    max-width:100%!important;
  }
  .wfms-member-v1082 .wfms-savings-head h1,
  .wfms-member-v1082 .wfms-savings-head h2,
  .wfms-member-v1082 .ntima-market-member-heading h1,
  .wfms-member-v1082 .ntima-market-member-heading h2,
  .wfms-member-v1082 .ntima-hearts-page-head h1,
  .wfms-member-v1082 .ntima-hearts-page-head h2,
  .wfms-member-v1082 .ntima-subpage-head h1,
  .wfms-member-v1082 .ntima-subpage-head h2,
  .wfms-member-v1082 .wfms-score-page-head h2,
  .wfms-member-v1082 .wfms-notifications-heading h1,
  .wfms-member-v1082 .wfms-notifications-heading h2,
  .wfms-member-v1082 .wfms-page-head h1,
  .wfms-member-v1082 .wfms-page-head h2,
  .wfms-member-v1082 .wfms-profile-head h1,
  .wfms-member-v1082 .wfms-profile-head h2,
  .wfms-member-v1082 .wfms-member-profile-head h1,
  .wfms-member-v1082 .wfms-member-profile-head h2{
    max-width:100%!important;
    overflow-wrap:anywhere!important;
  }
}

@media (max-width:540px){
  /* On phone widths the admin title and command icons receive separate rows.
   * This removes the final title/action squeeze without changing desktop/tablet. */
  .genesis-admin-shell.is-genesis-inner-page .genesis-admin-topbar,
  .genesis-admin-shell.is-genesis-inner-page.is-genesis-scroll-compact .genesis-admin-topbar{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto auto!important;
    align-items:center!important;
  }
  .genesis-admin-shell.is-genesis-inner-page .genesis-admin-page-heading h1,
  .genesis-admin-shell.is-genesis-inner-page.is-genesis-scroll-compact .genesis-admin-page-heading h1,
  .genesis-admin-shell.is-genesis-inner-page .genesis-health-organisation-heading{
    grid-column:1!important;
    grid-row:1!important;
    width:100%!important;
  }
  .genesis-admin-shell.is-genesis-inner-page .genesis-admin-page-heading h1,
  .genesis-admin-shell.is-genesis-inner-page .genesis-health-organisation-heading h1{
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:anywhere!important;
    line-height:1.12!important;
  }
  .genesis-admin-shell.is-genesis-inner-page .genesis-admin-topbar-actions,
  .genesis-admin-shell.is-genesis-inner-page.is-genesis-scroll-compact .genesis-admin-topbar-actions{
    grid-column:1!important;
    grid-row:2!important;
    justify-self:end!important;
    width:auto!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .genesis-admin-shell.is-genesis-inner-page .genesis-location-row,
  .genesis-admin-shell.is-genesis-inner-page.is-genesis-scroll-compact .genesis-location-row{
    grid-column:1!important;
    grid-row:3!important;
    width:100%!important;
    min-width:0!important;
  }

  /* Members reserves its own command row beneath the icon row. */
  .genesis-admin-shell.is-genesis-inner-page[data-genesis-module="members"] .genesis-members-header-actions{
    grid-column:1!important;
    grid-row:3!important;
  }
  .genesis-admin-shell.is-genesis-inner-page[data-genesis-module="members"] .genesis-location-row,
  .genesis-admin-shell.is-genesis-inner-page[data-genesis-module="members"].is-genesis-scroll-compact .genesis-location-row{
    grid-column:1!important;
    grid-row:4!important;
  }

  /* Long secondary actions use a new line instead of compressing titles. */
  .wfms-member-v1082 .wfms-score-page-head>button,
  .wfms-member-v1082 .wfms-score-page-head>a,
  .wfms-member-v1082 .wfms-savings-head>button,
  .wfms-member-v1082 .wfms-savings-head>a,
  .wfms-member-v1082 .ntima-hearts-page-head>button,
  .wfms-member-v1082 .ntima-hearts-page-head>a{
    flex:0 0 auto!important;
  }
}

@media (max-width:370px){
  .wfms-member-v1082 .wfms-v1082-logo,
  .wfms-member-v1082 .wfms-v1082-logo img{
    width:38px!important;
    height:38px!important;
    max-width:38px!important;
    max-height:38px!important;
    flex-basis:38px!important;
  }
  .wfms-member-v1082 .wfms-v1082-brand{gap:7px!important;}
  .wfms-member-v1082 .wfms-v1082-brand-copy strong{font-size:14px!important;}
  .wfms-member-v1082 .wfms-v1082-brand-copy small{font-size:9.5px!important;}
}