/* BAFF OS v1.6.35.49.10.5 — 12-inch Visual POS header only. */
@media (min-width: 721px) and (max-width: 1920px) {
  body.baff-visual-pos-page .header,
  .main:has(> .content .vpos) > .header {
    display: flex !important;
    flex-direction: row !important;
    grid-template-columns: none !important;
    min-height: 56px !important;
    padding: 6px 10px !important;
    gap: 6px !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
  }

  body.baff-visual-pos-page .header .scope,
  .main:has(> .content .vpos) > .header .scope {
    flex: 0 1 auto !important;
    min-width: 135px !important;
    max-width: 190px !important;
    margin: 0 !important;
    font-size: .75rem !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.baff-visual-pos-page .baff-header-shortcuts,
  .main:has(> .content .vpos) > .header .baff-header-shortcuts {
    order: initial !important;
    flex: 0 0 auto !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 4px !important;
    overflow: visible !important;
  }

  body.baff-visual-pos-page .baff-header-shortcut,
  .main:has(> .content .vpos) > .header .baff-header-shortcut,
  body.baff-visual-pos-page .header-pos-access,
  .main:has(> .content .vpos) > .header .header-pos-access {
    min-height: 34px !important;
    padding: 0 8px !important;
    border-radius: 8px !important;
    font-size: .66rem !important;
    white-space: nowrap;
  }

  body.baff-visual-pos-page .header .header-actions,
  .main:has(> .content .vpos) > .header .header-actions {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    margin-left: auto !important;
    gap: 4px !important;
    flex-wrap: nowrap !important;
  }

  body.baff-visual-pos-page .header .identity-menu > summary,
  .main:has(> .content .vpos) > .header .identity-menu > summary {
    min-height: 38px !important;
    max-width: 190px !important;
    padding: 3px 6px !important;
  }

  body.baff-visual-pos-page .header .staff-avatar,
  .main:has(> .content .vpos) > .header .staff-avatar {
    width: 29px !important;
    height: 29px !important;
  }

  body.baff-visual-pos-page .header .identity-menu-copy,
  .main:has(> .content .vpos) > .header .identity-menu-copy {
    min-width: 0 !important;
  }

  body.baff-visual-pos-page .header .identity-menu-copy strong,
  body.baff-visual-pos-page .header .identity-menu-copy small,
  .main:has(> .content .vpos) > .header .identity-menu-copy strong,
  .main:has(> .content .vpos) > .header .identity-menu-copy small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}