/* HLB V5.4.1s - Upload header visibility fix */
@media (max-width: 720px) {
  /*
   * V5.4.1r made Upload full-screen, but the global topbar was still above it.
   * Hide the app header while Upload is open so Hủy / Upload / step count remain visible.
   */
  body.upload-studio-open > .topbar,
  body.upload-studio-open .topbar {
    display: none !important;
  }

  body.upload-studio-open .quick-panel-layer,
  body.upload-studio-open .message-toast-stack {
    display: none !important;
  }

  body.upload-studio-open .upload-studio-composer[open] > .compact-upload-panel {
    top: max(4px, env(safe-area-inset-top, 0px)) !important;
  }

  body.upload-studio-open .upload-studio-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 40 !important;
    min-height: 92px !important;
    padding:
      max(14px, env(safe-area-inset-top, 0px))
      20px
      14px
      20px !important;
    box-sizing: border-box !important;
    background: rgba(16,17,19,.985) !important;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
  }

  body.upload-studio-open .upload-studio-header h2,
  body.upload-studio-open .upload-studio-header strong,
  body.upload-studio-open .upload-studio-header [data-upload-title] {
    position: relative !important;
    z-index: 2 !important;
  }
}