/* HF05FR: compact header ONLY under the existing HF05FQ mobile breakpoint.
   Desktop (>1100px) remains the original HF05FQ layout. */
@media screen and (max-width:1100px) and (pointer:coarse) {
  html[data-posx-theme] .app > .topbar.posx-mobile-compact {
    gap:3px!important; padding:5px 8px 4px!important;
  }
  html[data-posx-theme] .app > .topbar.posx-mobile-compact .topbar-start {
    height:34px!important; min-height:34px!important; flex:0 0 34px!important;
    gap:7px!important;
  }
  html[data-posx-theme] .app > .topbar.posx-mobile-compact .posx-topbrand {
    flex:0 0 auto!important; width:61px!important; min-width:61px!important;
    max-width:61px!important; height:31px!important;
  }
  html[data-posx-theme] .app > .topbar.posx-mobile-compact .posx-topbrand strong {
    font-size:14px!important;
  }
  html[data-posx-theme] .app > .topbar.posx-mobile-compact .identity-stack {
    box-sizing:border-box!important; flex:1 1 0!important; order:0!important;
    width:auto!important; min-width:0!important; max-width:none!important;
    height:33px!important; margin:0!important; padding:1px 6px!important;
    border-left:1px solid rgba(255,255,255,.18)!important;
    border-radius:0!important; overflow:hidden!important;
  }
  html[data-posx-theme] .app > .topbar.posx-mobile-compact .identity-stack .branch,
  html[data-posx-theme] .app > .topbar.posx-mobile-compact .identity-stack .userlabel {
    box-sizing:border-box!important; max-width:100%!important;
    white-space:nowrap!important; text-overflow:ellipsis!important;
    overflow:hidden!important; display:block!important;
  }
  html[data-posx-theme] .app > .topbar.posx-mobile-compact .identity-stack .branch {
    font-size:11px!important; line-height:17px!important;
  }
  html[data-posx-theme] .app > .topbar.posx-mobile-compact .identity-stack .userlabel {
    font-size:9px!important; line-height:13px!important;
  }
  html[data-posx-theme] .app > .topbar.posx-mobile-compact .posx-mobile-menu-toggle {
    flex:0 0 auto!important; height:32px!important; min-width:70px!important;
    padding:0 8px!important; font-size:12px!important; gap:5px!important;
  }
  html[data-posx-theme] .app > .topbar.posx-mobile-compact .rightnav {
    min-height:28px!important; height:28px!important; max-height:28px!important;
    padding:0!important; margin:0!important; gap:5px!important;
    align-items:center!important;
  }
  html[data-posx-theme] .app > .topbar.posx-mobile-compact .rightnav > button,
  html[data-posx-theme] .app > .topbar.posx-mobile-compact .rightnav .theme-switcher-btn {
    box-sizing:border-box!important; min-height:27px!important; max-height:27px!important;
    height:27px!important; padding:0 8px!important; font-size:11px!important;
  }
  html[data-posx-theme] .app > .topbar.posx-mobile-compact .rightnav .service-user-notify-btn {
    width:29px!important; min-width:29px!important; padding:0!important;
  }
  html[data-posx-theme] .app > .topbar.posx-mobile-compact #security-account-btn,
  html[data-posx-theme] .app > .topbar.posx-mobile-compact #logout-btn {
    display:none!important;
  }
  html[data-posx-theme] .app > .topbar.posx-mobile-compact #top-navigation {
    max-height:calc(100dvh - 76px)!important;
  }
  html[data-posx-theme] .app > .topbar.posx-mobile-compact .theme-switcher-menu {
    top:76px!important; max-height:calc(100dvh - 87px)!important;
  }
  html[data-posx-theme] .app > .topbar.posx-mobile-compact #top-navigation .posx-mobile-secondary {
    box-sizing:border-box!important; display:grid!important; grid-template-columns:1fr 1fr;
    gap:7px; border-top:1px solid rgba(255,255,255,.22);
    margin-top:8px; padding:12px 3px 4px;
  }
  html[data-posx-theme] .app > .topbar.posx-mobile-compact .posx-mobile-secondary > button {
    box-sizing:border-box; min-width:0; min-height:42px; padding:7px 6px;
    border:1px solid rgba(255,255,255,.28); border-radius:9px;
    color:#f3fff9; background:rgba(255,255,255,.12);
    font-size:12px; font-weight:700; cursor:pointer; touch-action:manipulation;
  }
  html[data-posx-theme='light'] .app > .topbar.posx-mobile-compact #top-navigation .posx-mobile-secondary {
    border-color:#d5e4e0;
  }
  html[data-posx-theme='light'] .app > .topbar.posx-mobile-compact .posx-mobile-secondary > button {
    color:#164c3b; background:#e9f5f0; border-color:#cadbd5;
  }
}
/* The secondary controls never appear in the Desktop navigation. */
html[data-posx-theme] .app > .topbar #top-navigation .posx-mobile-secondary {display:none!important;}
@media screen and (max-width:1100px) and (pointer:coarse) {
  html[data-posx-theme] .app > .topbar.posx-mobile-compact #top-navigation .posx-mobile-secondary {display:grid!important;}
}
@media screen and (max-width:380px) {
  html[data-posx-theme] .app > .topbar.posx-mobile-compact .posx-topbrand {
    width:55px!important; min-width:55px!important; max-width:55px!important;
  }
  html[data-posx-theme] .app > .topbar.posx-mobile-compact .posx-mobile-menu-toggle {
    min-width:65px!important; padding-inline:6px!important;
  }
}