/* One shared header for Settings and Business tools. */
#pageContent#pageContent :is(.business-subpage-header,.settings-heading-v864){display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px!important;align-items:center!important;gap:8px!important;min-height:52px!important;height:52px!important;padding:4px 0!important;margin:0 0 14px!important;border:0!important;border-bottom:1px solid #f0f0f2!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}
#pageContent#pageContent :is(.business-subpage-header,.settings-heading-v864)>div:not(.title-actions){grid-column:2!important;grid-row:1!important;text-align:center!important;justify-self:stretch!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important}
#pageContent#pageContent :is(.business-subpage-header,.settings-heading-v864) h2{margin:0!important;font-size:19px!important;font-weight:750!important;line-height:1.25!important;letter-spacing:-.025em!important;color:#18191d!important;text-align:center!important}
#pageContent#pageContent :is(.business-subpage-header,.settings-heading-v864)>div:not(.title-actions)>:not(h2){display:none!important}
#pageContent#pageContent :is(.business-subpage-header,.settings-heading-v864)>:first-child:not(div){grid-column:1!important;grid-row:1!important;display:grid!important;place-items:center!important;justify-self:start!important;width:44px!important;min-width:44px!important;height:44px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#18191d!important;box-shadow:none!important;font-size:20px!important}
#pageContent#pageContent .business-subpage-header>.title-actions{grid-column:3!important;grid-row:1!important;display:block!important;width:44px!important;margin:0!important;padding:0!important;justify-self:end!important}
#pageContent#pageContent .business-subpage-header :is(#openAddModal,#addCreditAccountBtn,#addStaffBtn,#pciAdd){grid-column:3!important;grid-row:1!important;justify-self:end!important;display:grid!important;place-items:center!important;width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#18191d!important;font-size:0!important;gap:0!important}
#pageContent#pageContent .business-subpage-header :is(#openAddModal,#addCreditAccountBtn,#addStaffBtn,#pciAdd) i{font-size:20px!important;color:#18191d!important;margin:0!important}
#pageContent#pageContent .business-subpage-header :is(#openAddModal,#addCreditAccountBtn,#addStaffBtn,#pciAdd) span{display:none!important}

/* v892 — one screen container, no nested page gutters or width caps. */
body:has(#pageContent :is(.business-subpage-header,.settings-page)) .mobile-app{width:100%!important;max-width:none!important;min-height:100dvh!important;margin:0!important;padding:0!important;box-sizing:border-box!important}
body:has(#pageContent :is(.business-subpage-header,.settings-page)) #pageContent#pageContent{width:100%!important;max-width:none!important;min-width:0!important;min-height:100dvh!important;margin:0!important;padding:calc(8px + var(--safe-top,0px)) max(14px,env(safe-area-inset-right,0px)) calc(16px + var(--safe-bottom,0px)) max(14px,env(safe-area-inset-left,0px))!important;box-sizing:border-box!important;align-content:start!important;grid-template-columns:minmax(0,1fr)!important}
#pageContent#pageContent>:is(.catalog-page,.credit-page,.pci-page,.settings-page,.staff-compact-v355,.staff-operations){width:100%!important;max-width:none!important;min-width:0!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box!important}
#pageContent#pageContent :is(.business-subpage-header,.settings-heading-v864){width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important}

/* v893 — compact top bar, with only the device safe area above it. */
body:has(#pageContent :is(.business-subpage-header,.settings-page)) #pageContent#pageContent{padding-top:var(--safe-top,0px)!important;row-gap:10px!important}
#pageContent#pageContent>:is(.catalog-page,.credit-page,.pci-page,.settings-page){padding-top:0!important;margin-top:0!important}
#pageContent#pageContent :is(.business-subpage-header,.settings-heading-v864){min-height:44px!important;height:44px!important;padding:0!important;margin-top:0!important;margin-bottom:8px!important;top:var(--safe-top,0px)!important}
#pageContent#pageContent :is(.business-subpage-header,.settings-heading-v864) h2{font-size:18px!important}

/* v894 — quieter compact header */
#pageContent#pageContent :is(.business-subpage-header,.settings-heading-v864){border-bottom:0!important;margin-bottom:4px!important}
#pageContent#pageContent :is(.business-subpage-header,.settings-heading-v864) h2{font-weight:600!important;letter-spacing:-.015em!important}
#pageContent#pageContent :is(.business-subpage-header,.settings-heading-v864)>:first-child:not(div) i,
#pageContent#pageContent .business-subpage-header :is(#openAddModal,#addCreditAccountBtn,#addStaffBtn,#pciAdd) i{display:none!important}
#pageContent#pageContent :is(.business-subpage-header,.settings-heading-v864)>:first-child:not(div)::before{content:"";display:block;width:10px;height:10px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);box-sizing:border-box}
#pageContent#pageContent .business-subpage-header :is(#openAddModal,#addCreditAccountBtn,#addStaffBtn,#pciAdd)::before{content:"";display:block;width:20px;height:20px;background:linear-gradient(currentColor,currentColor) center/18px 2px no-repeat,linear-gradient(currentColor,currentColor) center/2px 18px no-repeat}
#pageContent#pageContent>:is(.catalog-page,.credit-page,.pci-page){row-gap:10px!important}

/* v895 — report, account, notification and history headers */
#pageContent#pageContent>:is(.saas-analytics,.wallet-page,.activity-pro-page,.notifications-page,.session-history-page,.qsh-page){width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;box-sizing:border-box!important;row-gap:10px!important}
#pageContent#pageContent .business-subpage-header :is(#refreshAnalyticsBtn,#activitySearchToggle,#notificationsMarkAllRead,#historySearchToggle,#qshSearchToggle){grid-column:3!important;grid-row:1!important;justify-self:end!important;display:grid!important;place-items:center!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#18191d!important;box-shadow:none!important;font-size:0!important}
#pageContent#pageContent .business-subpage-header :is(#refreshAnalyticsBtn,#activitySearchToggle,#notificationsMarkAllRead,#historySearchToggle,#qshSearchToggle) i{display:block!important;font-size:18px!important;color:#18191d!important}
#pageContent#pageContent #notificationsMarkAllRead span{display:none!important}
#pageContent#pageContent #notificationsMarkAllRead[hidden]{display:none!important}
#pageContent#pageContent .business-subpage-header.wallet-heading::after{content:"";grid-column:3;grid-row:1;width:44px}

/* v896 — slightly larger shared subpage header. */
#pageContent#pageContent :is(.business-subpage-header,.settings-heading-v864){min-height:48px!important;height:48px!important}
#pageContent#pageContent :is(.business-subpage-header,.settings-heading-v864) h2{font-size:20px!important}

/* v897 — shared edge-to-edge header divider. */
body:has(#pageContent :is(.business-subpage-header,.settings-page)) #pageContent#pageContent{
  --subpage-gutter-left:max(14px,env(safe-area-inset-left,0px));
  --subpage-gutter-right:max(14px,env(safe-area-inset-right,0px));
}
#pageContent#pageContent#pageContent :is(.business-subpage-header,.settings-heading-v864){
  width:calc(100% + var(--subpage-gutter-left,14px) + var(--subpage-gutter-right,14px))!important;
  max-width:none!important;
  margin-left:calc(-1 * var(--subpage-gutter-left,14px))!important;
  margin-right:calc(-1 * var(--subpage-gutter-right,14px))!important;
  padding:0 var(--subpage-gutter-right,14px) 0 var(--subpage-gutter-left,14px)!important;
  min-height:48px!important;height:48px!important;
  box-sizing:border-box!important;
  border-bottom:1px solid #f0f0f2!important;
}
#pageContent#pageContent#pageContent :is(.business-subpage-header,.settings-heading-v864) h2{font-size:20px!important;font-weight:600!important}

/* v898 — align the subpage divider with the 52px main header. */
#pageContent#pageContent#pageContent :is(.business-subpage-header,.settings-heading-v864){min-height:52px!important;height:52px!important}