/* Unified supplied-banner metadata treatment.
   Loaded after app-post-v747.css, so these rules are the final authority. */

body.app-modern-shell .hero-banner-enhanced{
  --hero-meta-accent:#13bfc2;
  --hero-meta-accent-rgb:19,191,194;
  --hero-copy-width:56%;
  --hero-copy-max:820px;
  --hero-side-pad:36px;
  --hero-top-pad:18px;
  --hero-bottom-pad:16px;
  position:relative !important;
  width:100% !important;
  aspect-ratio:3840 / 508 !important;
  min-height:188px !important;
  height:auto !important;
  overflow:hidden !important;
}

/* Copy layout: path, title, description, timestamp. Nothing is absolutely
   positioned except the decorative rail, so text can never slide underneath
   the timestamp or outside the banner. */
body.app-modern-shell .hero-banner-enhanced .hero-banner-enhanced__content{
  position:relative !important;
  z-index:2 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  align-items:flex-start !important;
  gap:6px !important;
  box-sizing:border-box !important;
  width:min(var(--hero-copy-width),var(--hero-copy-max)) !important;
  max-width:min(var(--hero-copy-width),var(--hero-copy-max)) !important;
  min-width:0 !important;
  height:100% !important;
  min-height:100% !important;
  margin:0 !important;
  padding:var(--hero-top-pad) var(--hero-side-pad) var(--hero-bottom-pad) !important;
  background:transparent !important;
}

/* Reference-style top-left rail. It is drawn on the content layer because
   several legacy hero styles deliberately disable ::before/::after on the card. */
body.app-modern-shell .hero-banner-enhanced .hero-banner-enhanced__content::before{
  content:"" !important;
  position:absolute !important;
  top:12px !important;
  left:12px !important;
  z-index:2 !important;
  width:min(520px,calc(100% - 26px)) !important;
  height:150px !important;
  border-top:1.5px solid rgba(var(--hero-meta-accent-rgb),.24) !important;
  border-left:1.5px solid rgba(var(--hero-meta-accent-rgb),.24) !important;
  border-radius:28px 0 0 0 !important;
  box-sizing:border-box !important;
  pointer-events:none !important;
}
body.app-modern-shell .hero-banner-enhanced .hero-banner-enhanced__content::after{
  content:"" !important;
  position:absolute !important;
  top:8px !important;
  left:43px !important;
  z-index:4 !important;
  width:10px !important;
  height:10px !important;
  border-radius:50% !important;
  background:var(--hero-meta-accent) !important;
  box-shadow:0 0 0 4px rgba(var(--hero-meta-accent-rgb),.09) !important;
  pointer-events:none !important;
}

/* Path pill lives in normal flow: same height on every banner, no clipping. */
body.app-modern-shell .hero-banner-enhanced .hero-banner-path,
body.app-modern-shell .hero-banner-enhanced .hero-banner-enhanced__content > .eyebrow.hero-banner-path,
body.app-modern-shell .hero-banner-enhanced .hero-banner-enhanced__content > .fbo-eyebrow.hero-banner-path,
body.app-modern-shell .hero-banner-enhanced .hero-banner-enhanced__content > .fs-eyebrow.hero-banner-path,
body.app-modern-shell .hero-banner-enhanced .hero-banner-enhanced__content > .mpw-eyebrow.hero-banner-path{
  position:relative !important;
  top:auto !important;
  left:auto !important;
  z-index:5 !important;
  display:inline-flex !important;
  align-items:center !important;
  align-self:flex-start !important;
  width:auto !important;
  max-width:calc(100% - 58px) !important;
  min-height:32px !important;
  margin:0 0 4px 34px !important;
  padding:0 14px !important;
  overflow:hidden !important;
  border:1px solid rgba(var(--hero-meta-accent-rgb),.16) !important;
  border-radius:999px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.72)) !important;
  box-shadow:0 7px 20px rgba(15,23,42,.035) !important;
  -webkit-backdrop-filter:blur(10px) !important;
  backdrop-filter:blur(10px) !important;
  color:var(--hero-meta-accent) !important;
  font-size:10.5px !important;
  font-weight:850 !important;
  line-height:1 !important;
  letter-spacing:.07em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
  text-overflow:ellipsis !important;
  opacity:1 !important;
  visibility:visible !important;
}
body.app-modern-shell .hero-banner-enhanced .hero-banner-path::before{display:none !important;content:none !important;}

/* Stable title/description scale across banner families. */
body.app-modern-shell .hero-banner-enhanced .hero-banner-enhanced__content > h1{
  position:relative !important;
  z-index:3 !important;
  max-width:100% !important;
  margin:0 !important;
  color:#071a3b !important;
  font-size:clamp(36px,2.75vw,52px) !important;
  line-height:.96 !important;
  letter-spacing:-.045em !important;
  font-weight:850 !important;
  text-wrap:balance;
}
body.app-modern-shell .hero-banner-enhanced .hero-banner-enhanced__content > p{
  position:relative !important;
  z-index:3 !important;
  max-width:690px !important;
  margin:0 !important;
  color:#526174 !important;
  font-size:clamp(12px,.86vw,14.5px) !important;
  line-height:1.38 !important;
  font-weight:600 !important;
}

/* Timestamp uses the same pulse rhythm as products/prices but follows banner accent. */
body.app-modern-shell .hero-banner-enhanced .hero-banner-refresh.data-refresh-badge{
  position:relative !important;
  inset:auto !important;
  z-index:5 !important;
  display:inline-flex !important;
  align-items:center !important;
  align-self:flex-start !important;
  gap:9px !important;
  width:auto !important;
  min-width:0 !important;
  max-width:calc(100% - 14px) !important;
  min-height:32px !important;
  margin:auto 0 0 !important;
  padding:0 14px !important;
  overflow:hidden !important;
  border:1px solid rgba(var(--hero-meta-accent-rgb),.15) !important;
  border-radius:999px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.90),rgba(255,255,255,.70)) !important;
  box-shadow:0 7px 20px rgba(15,23,42,.035) !important;
  -webkit-backdrop-filter:blur(10px) !important;
  backdrop-filter:blur(10px) !important;
  color:var(--hero-meta-accent) !important;
  font-size:10.5px !important;
  font-weight:850 !important;
  line-height:1 !important;
  letter-spacing:.035em !important;
  text-transform:uppercase !important;
  cursor:default !important;
}
body.app-modern-shell .hero-banner-enhanced .hero-banner-refresh.data-refresh-badge > i{
  width:8px !important;
  height:8px !important;
  flex:0 0 8px !important;
  border-radius:50% !important;
  background:var(--hero-meta-accent) !important;
  box-shadow:0 0 0 4px rgba(var(--hero-meta-accent-rgb),.10) !important;
}
body.app-modern-shell .hero-banner-enhanced .hero-banner-refresh.data-refresh-badge > span:not(.data-refresh-tooltip){
  min-width:0 !important;
  overflow:hidden !important;
  color:inherit !important;
  white-space:nowrap !important;
  text-overflow:ellipsis !important;
}
body.app-modern-shell .hero-banner-enhanced .hero-banner-refresh.data-refresh-badge--live > i{
  animation:hero-banner-live-pulse 1.45s ease-in-out infinite !important;
  transform-origin:center !important;
}
@keyframes hero-banner-live-pulse{
  0%,100%{opacity:.46;transform:scale(.78);box-shadow:0 0 0 3px rgba(var(--hero-meta-accent-rgb),.10)}
  50%{opacity:1;transform:scale(1);box-shadow:0 0 0 7px rgba(var(--hero-meta-accent-rgb),.20)}
}
@media(prefers-reduced-motion:reduce){
  body.app-modern-shell .hero-banner-enhanced .hero-banner-refresh.data-refresh-badge--live > i{animation:none !important;}
}

/* Compact section actions below hero artwork. */
.hero-banner-actions-row{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  width:auto !important;
  max-width:100% !important;
  margin:8px 0 18px !important;
  padding:0 38px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.hero-banner-actions-row--unit-economics{
  display:inline-flex !important;
  width:max-content !important;
  max-width:100% !important;
  padding:0 !important;
  margin:8px 0 18px 38px !important;
}
.hero-banner-actions-row--unit-economics .ue-refresh{
  display:inline-flex !important;
  align-items:center !important;
  flex:0 0 auto !important;
  width:auto !important;
  min-width:0 !important;
  max-width:260px !important;
  min-height:40px !important;
  margin:0 !important;
  padding:9px 14px !important;
  border-radius:12px !important;
  white-space:nowrap !important;
}
.hero-banner-actions-row--unit-economics .ue-refresh small{display:none !important;}

/* Accent colors. */
body.app-modern-shell .supplied-section-hero--communications,
body.app-modern-shell .supplied-section-hero--response-templates,
body.app-modern-shell .supplied-section-hero--ai-assistant{--hero-meta-accent:#11bfc2;--hero-meta-accent-rgb:17,191,194;}
body.app-modern-shell .supplied-section-hero--promotion{--hero-meta-accent:#79b844;--hero-meta-accent-rgb:121,184,68;}
body.app-modern-shell .supplied-section-hero--returns,
body.app-modern-shell .supplied-section-hero--unit-economics,
body.app-modern-shell .orders-marketplace-hero,
body.app-modern-shell .offline-orders-hero{--hero-meta-accent:#e91e73;--hero-meta-accent-rgb:233,30,115;}
body.app-modern-shell .dashboard-hero-banner{--hero-meta-accent:#2e6fe8;--hero-meta-accent-rgb:46,111,232;}
body.app-modern-shell .analytics-hub__hero-banner{--hero-meta-accent:#15966f;--hero-meta-accent-rgb:21,150,111;}
body.app-modern-shell .settings-heading--image{--hero-meta-accent:#5f6977;--hero-meta-accent-rgb:95,105,119;}
body.app-modern-shell .knowledge-hero--image{--hero-meta-accent:#db9341;--hero-meta-accent-rgb:219,147,65;}
body.app-modern-shell .integrations-modern-heading--hero{--hero-meta-accent:#586575;--hero-meta-accent-rgb:88,101,117;}
body.app-modern-shell .warehouse-section-hero.hero-banner-enhanced,
body.app-modern-shell .wt-hero.hero-banner-enhanced{--hero-meta-accent:#9b5e2b;--hero-meta-accent-rgb:155,94,43;}

/* Clear-left widths and page-specific title scales. */
.supplied-section-hero.hero-banner-enhanced{--hero-copy-width:56%;--hero-copy-max:840px;}
body.dashboard-unified-body .dashboard-hero-banner{--hero-copy-width:52%;--hero-copy-max:770px;}
body.analytics-page-body .analytics-hub__hero-banner{--hero-copy-width:52%;--hero-copy-max:770px;}
body.orders-modern-body .orders-marketplace-hero{--hero-copy-width:54%;--hero-copy-max:800px;}
body.offline-orders-page .offline-orders-hero{--hero-copy-width:54%;--hero-copy-max:800px;}
body.knowledge-page .knowledge-hero--image{--hero-copy-width:52%;--hero-copy-max:760px;}
body.site-settings-page .settings-heading--image{--hero-copy-width:52%;--hero-copy-max:760px;}
.warehouse-section-hero.hero-banner-enhanced,
.wt-hero.hero-banner-enhanced{--hero-copy-width:58%;--hero-copy-max:900px;}

body.dashboard-unified-body .dashboard-hero-banner__content h1{font-size:clamp(38px,2.8vw,54px) !important;}
body.site-settings-page .settings-heading__content h1{font-size:clamp(31px,2.15vw,42px) !important;max-width:620px !important;}
body.knowledge-page .knowledge-hero__content h1{font-size:clamp(31px,2.2vw,43px) !important;}
body.orders-unit-page .ue-heading .supplied-section-hero__content{--hero-copy-width:53%;--hero-copy-max:780px;}
body.orders-unit-page .ue-heading h1{font-size:clamp(31px,2.15vw,42px) !important;max-width:720px !important;white-space:normal !important;}
body.return-decisions-page .return-decisions-heading h1{font-size:clamp(34px,2.45vw,48px) !important;}
.warehouse-section-hero.hero-banner-enhanced .warehouse-section-hero__content h1,
.wt-hero.hero-banner-enhanced .wt-hero__content h1{font-size:clamp(34px,2.5vw,48px) !important;max-width:760px !important;}
.warehouse-section-hero.hero-banner-enhanced .warehouse-section-hero__content p,
.wt-hero.hero-banner-enhanced .wt-hero__content p{max-width:720px !important;font-size:clamp(12px,.82vw,14px) !important;}

/* Make legacy warehouse refresh buttons participate in the unified layout. */
.warehouse-section-hero.hero-banner-enhanced .warehouse-section-hero__refresh{margin-top:auto !important;}

html[data-app-theme="dark"] .hero-banner-enhanced .hero-banner-path,
html[data-app-theme="dark"] body.app-modern-shell .hero-banner-enhanced .hero-banner-refresh.data-refresh-badge{
  border-color:rgba(255,255,255,.14) !important;
  background:rgba(18,24,31,.58) !important;
  color:#f5f8fb !important;
  box-shadow:0 7px 20px rgba(0,0,0,.14) !important;
}
html[data-app-theme="dark"] body.app-modern-shell .hero-banner-enhanced .hero-banner-enhanced__content > h1{color:#f5f7fb !important;}
html[data-app-theme="dark"] body.app-modern-shell .hero-banner-enhanced .hero-banner-enhanced__content > p{color:#d3dbe5 !important;}

@media(max-width:980px){
  body.app-modern-shell .hero-banner-enhanced{height:180px !important;min-height:180px !important;aspect-ratio:auto !important;--hero-copy-width:66%;--hero-copy-max:760px;--hero-side-pad:24px;--hero-top-pad:15px;--hero-bottom-pad:14px;}
  body.app-modern-shell .hero-banner-enhanced .hero-banner-enhanced__content::before{left:8px !important;top:9px !important;width:min(390px,calc(100% - 18px)) !important;height:122px !important;border-radius:23px 0 0 0 !important;}
  body.app-modern-shell .hero-banner-enhanced .hero-banner-enhanced__content::after{top:6px !important;left:32px !important;width:8px !important;height:8px !important;}
  body.app-modern-shell .hero-banner-enhanced .hero-banner-path{min-height:29px !important;margin-left:26px !important;padding:0 12px !important;font-size:9px !important;}
  body.app-modern-shell .hero-banner-enhanced .hero-banner-refresh.data-refresh-badge{min-height:29px !important;padding:0 12px !important;font-size:9px !important;}
  body.app-modern-shell .hero-banner-enhanced .hero-banner-enhanced__content > h1{font-size:clamp(30px,4.5vw,40px) !important;}
  body.app-modern-shell .hero-banner-enhanced .hero-banner-enhanced__content > p{font-size:11.5px !important;}
  body.orders-unit-page .ue-heading .supplied-section-hero__content,
  body.site-settings-page .settings-heading__content,
  body.knowledge-page .knowledge-hero__content{width:66% !important;max-width:66% !important;}
  .hero-banner-actions-row{padding-left:24px !important;padding-right:24px !important;}
  .hero-banner-actions-row--unit-economics{margin-left:24px !important;padding:0 !important;}
}

@media(max-width:620px){
  body.app-modern-shell .hero-banner-enhanced{height:158px !important;min-height:158px !important;aspect-ratio:auto !important;--hero-copy-width:78%;--hero-copy-max:100%;--hero-side-pad:18px;--hero-top-pad:11px;--hero-bottom-pad:10px;}
  body.app-modern-shell .hero-banner-enhanced .hero-banner-enhanced__content{gap:4px !important;}
  body.app-modern-shell .hero-banner-enhanced .hero-banner-enhanced__content::before{left:6px !important;top:6px !important;width:min(270px,calc(100% - 12px)) !important;height:92px !important;border-radius:18px 0 0 0 !important;}
  body.app-modern-shell .hero-banner-enhanced .hero-banner-enhanced__content::after{top:4px !important;left:23px !important;width:7px !important;height:7px !important;}
  body.app-modern-shell .hero-banner-enhanced .hero-banner-path{min-height:25px !important;margin:0 0 2px 20px !important;padding:0 9px !important;font-size:7.8px !important;letter-spacing:.045em !important;}
  body.app-modern-shell .hero-banner-enhanced .hero-banner-refresh.data-refresh-badge{min-height:25px !important;padding:0 9px !important;font-size:7.8px !important;}
  body.app-modern-shell .hero-banner-enhanced .hero-banner-enhanced__content > h1{font-size:clamp(24px,7vw,32px) !important;}
  body.app-modern-shell .hero-banner-enhanced .hero-banner-enhanced__content > p{max-width:340px !important;font-size:10.5px !important;line-height:1.3 !important;}
  body.orders-unit-page .ue-heading .supplied-section-hero__content,
  body.site-settings-page .settings-heading__content,
  body.knowledge-page .knowledge-hero__content{width:78% !important;max-width:78% !important;}
  .hero-banner-actions-row{margin-bottom:12px !important;padding-left:18px !important;padding-right:18px !important;}
  .hero-banner-actions-row--unit-economics{margin-left:18px !important;padding:0 !important;}
}

/* Warehouse banners contain the longest operational titles. Give them a little
   more vertical room on medium screens and a slightly wider clear-left copy zone. */
body.app-modern-shell .warehouse-section-hero.hero-banner-enhanced,
body.app-modern-shell .wt-hero.hero-banner-enhanced{
  --hero-copy-width:60%;
  --hero-copy-max:960px;
  min-height:226px !important;
}
body.app-modern-shell .warehouse-section-hero.hero-banner-enhanced .warehouse-section-hero__content > h1,
body.app-modern-shell .wt-hero.hero-banner-enhanced .wt-hero__content > h1{
  max-width:880px !important;
  font-size:clamp(30px,2.1vw,42px) !important;
  line-height:.96 !important;
}
body.app-modern-shell .warehouse-section-hero.hero-banner-enhanced .warehouse-section-hero__content > p,
body.app-modern-shell .wt-hero.hero-banner-enhanced .wt-hero__content > p{
  max-width:780px !important;
  font-size:clamp(11.5px,.78vw,13.5px) !important;
  line-height:1.34 !important;
}
@media(max-width:980px){
  body.app-modern-shell .warehouse-section-hero.hero-banner-enhanced,
  body.app-modern-shell .wt-hero.hero-banner-enhanced{
    height:220px !important;
    min-height:220px !important;
    --hero-copy-width:70%;
    --hero-copy-max:760px;
  }
  body.app-modern-shell .warehouse-section-hero.hero-banner-enhanced .warehouse-section-hero__content > h1,
  body.app-modern-shell .wt-hero.hero-banner-enhanced .wt-hero__content > h1{
    font-size:clamp(27px,3.5vw,34px) !important;
  }
}
@media(max-width:620px){
  body.app-modern-shell .warehouse-section-hero.hero-banner-enhanced,
  body.app-modern-shell .wt-hero.hero-banner-enhanced{
    height:190px !important;
    min-height:190px !important;
    --hero-copy-width:80%;
  }
  body.app-modern-shell .warehouse-section-hero.hero-banner-enhanced .warehouse-section-hero__content > h1,
  body.app-modern-shell .wt-hero.hero-banner-enhanced .wt-hero__content > h1{
    font-size:clamp(23px,6vw,29px) !important;
  }
  body.app-modern-shell .warehouse-section-hero.hero-banner-enhanced .warehouse-section-hero__content > p,
  body.app-modern-shell .wt-hero.hero-banner-enhanced .wt-hero__content > p{
    font-size:10px !important;
    line-height:1.25 !important;
  }
}


/* V9 · exact cross-section alignment: path and timestamp share the same left edge. */
body.app-modern-shell .hero-banner-enhanced .hero-banner-path,
body.app-modern-shell .hero-banner-enhanced .hero-banner-enhanced__content > .eyebrow.hero-banner-path,
body.app-modern-shell .hero-banner-enhanced .hero-banner-enhanced__content > .fbo-eyebrow.hero-banner-path,
body.app-modern-shell .hero-banner-enhanced .hero-banner-enhanced__content > .fs-eyebrow.hero-banner-path,
body.app-modern-shell .hero-banner-enhanced .hero-banner-enhanced__content > .mpw-eyebrow.hero-banner-path{
  margin-left:0 !important;
  max-width:calc(100% - 12px) !important;
}

/* Products and Prices now use the same metadata composition as every supplied banner. */
body.pricing-section-body .page-hero.hero-banner-enhanced,
body.products-pricing-body .page-hero.hero-banner-enhanced{
  --hero-copy-width:52%;
  --hero-copy-max:780px;
  --hero-side-pad:36px;
  --hero-top-pad:18px;
  --hero-bottom-pad:16px;
  box-sizing:border-box !important;
  width:100% !important;
  height:auto !important;
  min-height:188px !important;
  max-height:none !important;
  aspect-ratio:3840 / 508 !important;
  padding:0 !important;
  overflow:hidden !important;
  border-radius:24px !important;
  margin-bottom:10px !important;
}
body.pricing-section-body .page-hero--ozon.hero-banner-enhanced,
body.products-pricing-body .page-hero--ozon.hero-banner-enhanced{
  --hero-meta-accent:#1766ff;--hero-meta-accent-rgb:23,102,255;
}
body.pricing-section-body .page-hero--wb.hero-banner-enhanced,
body.products-pricing-body .page-hero--wb.hero-banner-enhanced{
  --hero-meta-accent:#9b34ff;--hero-meta-accent-rgb:155,52,255;
}
body.pricing-section-body .page-hero--yandex.hero-banner-enhanced,
body.products-pricing-body .page-hero--yandex.hero-banner-enhanced{
  --hero-meta-accent:#d4ac00;--hero-meta-accent-rgb:212,172,0;
}
body.pricing-section-body .page-hero.hero-banner-enhanced .page-hero__content,
body.products-pricing-body .page-hero.hero-banner-enhanced .page-hero__content{
  position:relative !important;
  z-index:2 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  align-items:flex-start !important;
  gap:6px !important;
  box-sizing:border-box !important;
  width:min(var(--hero-copy-width),var(--hero-copy-max)) !important;
  max-width:min(var(--hero-copy-width),var(--hero-copy-max)) !important;
  height:100% !important;
  min-height:100% !important;
  padding:var(--hero-top-pad) var(--hero-side-pad) var(--hero-bottom-pad) !important;
  margin:0 !important;
  background:transparent !important;
}
body.pricing-section-body .page-hero.hero-banner-enhanced h1,
body.products-pricing-body .page-hero.hero-banner-enhanced h1{
  margin:0 !important;
  font-size:clamp(36px,2.75vw,52px) !important;
  line-height:.96 !important;
  letter-spacing:-.045em !important;
}
body.pricing-section-body .page-hero.hero-banner-enhanced p,
body.products-pricing-body .page-hero.hero-banner-enhanced p{
  margin:0 !important;
  max-width:690px !important;
  font-size:clamp(12px,.86vw,14.5px) !important;
  line-height:1.38 !important;
}
body.products-pricing-body .page-hero.hero-banner-enhanced .products-refresh-badge{
  margin:auto 0 0 !important;
}
/* Disable legacy marketplace hero decoration; the unified rail is the only frame. */
body.pricing-section-body .page-hero.hero-banner-enhanced::before,
body.pricing-section-body .page-hero.hero-banner-enhanced::after,
body.products-pricing-body .page-hero.hero-banner-enhanced::before,
body.products-pricing-body .page-hero.hero-banner-enhanced::after{
  content:none !important;
  display:none !important;
}

/* Warehouse supplied artwork had legacy padding on the outer card. That padding made
   every warehouse banner appear lower and farther right than the rest of the site. */
body.app-modern-shell .warehouse-section-hero.hero-banner-enhanced,
body.app-modern-shell .wt-hero.hero-banner-enhanced{
  box-sizing:border-box !important;
  width:100% !important;
  height:auto !important;
  min-height:188px !important;
  aspect-ratio:3840 / 508 !important;
  padding:0 !important;
  align-items:stretch !important;
  justify-content:flex-start !important;
}
body.app-modern-shell .warehouse-section-hero.hero-banner-enhanced .warehouse-section-hero__content,
body.app-modern-shell .wt-hero.hero-banner-enhanced .wt-hero__content{
  position:relative !important;
  z-index:2 !important;
  width:min(56%,840px) !important;
  max-width:min(56%,840px) !important;
  height:100% !important;
  min-height:100% !important;
  margin:0 !important;
  padding:18px 36px 16px !important;
  box-sizing:border-box !important;
  gap:6px !important;
}
body.app-modern-shell .warehouse-section-hero.hero-banner-enhanced .warehouse-section-hero__content > h1,
body.app-modern-shell .wt-hero.hero-banner-enhanced .wt-hero__content > h1{
  margin:0 !important;
  font-size:clamp(34px,2.5vw,48px) !important;
  line-height:.96 !important;
}
body.app-modern-shell .warehouse-section-hero.hero-banner-enhanced .warehouse-section-hero__content > p,
body.app-modern-shell .wt-hero.hero-banner-enhanced .wt-hero__content > p{
  margin:0 !important;
  font-size:clamp(12px,.82vw,14px) !important;
  line-height:1.38 !important;
}

@media(max-width:900px){
  body.pricing-section-body .page-hero.hero-banner-enhanced,
  body.products-pricing-body .page-hero.hero-banner-enhanced,
  body.app-modern-shell .warehouse-section-hero.hero-banner-enhanced,
  body.app-modern-shell .wt-hero.hero-banner-enhanced{
    height:180px !important;min-height:180px !important;aspect-ratio:auto !important;
  }
  body.pricing-section-body .page-hero.hero-banner-enhanced .page-hero__content,
  body.products-pricing-body .page-hero.hero-banner-enhanced .page-hero__content,
  body.app-modern-shell .warehouse-section-hero.hero-banner-enhanced .warehouse-section-hero__content,
  body.app-modern-shell .wt-hero.hero-banner-enhanced .wt-hero__content{
    width:66% !important;max-width:66% !important;padding:15px 24px 14px !important;
  }
}
@media(max-width:620px){
  body.pricing-section-body .page-hero.hero-banner-enhanced,
  body.products-pricing-body .page-hero.hero-banner-enhanced,
  body.app-modern-shell .warehouse-section-hero.hero-banner-enhanced,
  body.app-modern-shell .wt-hero.hero-banner-enhanced{
    height:158px !important;min-height:158px !important;
  }
  body.pricing-section-body .page-hero.hero-banner-enhanced .page-hero__content,
  body.products-pricing-body .page-hero.hero-banner-enhanced .page-hero__content,
  body.app-modern-shell .warehouse-section-hero.hero-banner-enhanced .warehouse-section-hero__content,
  body.app-modern-shell .wt-hero.hero-banner-enhanced .wt-hero__content{
    width:78% !important;max-width:78% !important;padding:11px 18px 10px !important;
  }
}


/* V17 · communications refresh controls live below the hero, matching the
   unit-economics/returns treatment and keeping banner copy unobstructed. */
body.communications-page .hero-banner-actions-row--communications{
  display:inline-flex !important;
  align-items:center !important;
  width:max-content !important;
  max-width:100% !important;
  margin:8px 0 16px 36px !important;
  padding:0 !important;
  gap:10px !important;
}
body.communications-page .hero-banner-actions-row--communications :is(.chat-refresh,.review-refresh){
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  min-height:40px !important;
  margin:0 !important;
  padding:9px 14px !important;
  border-radius:12px !important;
  white-space:nowrap !important;
}
/* Analytics artwork is green; metadata elements now use the same green accent. */
body.analytics-page-body .analytics-hub__hero-banner .hero-banner-path,
body.analytics-page-body .analytics-hub__hero-banner .hero-banner-refresh.data-refresh-badge{
  color:#15966f !important;
}
@media(max-width:980px){
  body.communications-page .hero-banner-actions-row--communications{margin-left:26px !important;}
}
@media(max-width:620px){
  body.communications-page .hero-banner-actions-row--communications{margin-left:18px !important;margin-top:7px !important;}
}


/* v33 · balanced banner hierarchy.
   Keep the breadcrumb a little below the decorative rail without pushing the
   entire text block down. Single-level sections start only slightly lower than
   the original shared banner layout. */
body.app-modern-shell .hero-banner-enhanced:not(.hero-banner-no-path){
  --hero-top-pad:20px;
}
body.app-modern-shell .hero-banner-enhanced.hero-banner-no-path{
  --hero-top-pad:22px;
}
body.app-modern-shell .hero-banner-enhanced:not(.hero-banner-no-path) .hero-banner-path,
body.app-modern-shell .hero-banner-enhanced:not(.hero-banner-no-path) .hero-banner-enhanced__content > .eyebrow.hero-banner-path,
body.app-modern-shell .hero-banner-enhanced:not(.hero-banner-no-path) .hero-banner-enhanced__content > .fbo-eyebrow.hero-banner-path,
body.app-modern-shell .hero-banner-enhanced:not(.hero-banner-no-path) .hero-banner-enhanced__content > .fs-eyebrow.hero-banner-path,
body.app-modern-shell .hero-banner-enhanced:not(.hero-banner-no-path) .hero-banner-enhanced__content > .mpw-eyebrow.hero-banner-path{
  margin-bottom:4px !important;
}
body.app-modern-shell .hero-banner-enhanced.hero-banner-no-path .hero-banner-enhanced__content > h1{
  margin-top:0 !important;
}

@media(max-width:980px){
  body.app-modern-shell .hero-banner-enhanced:not(.hero-banner-no-path){--hero-top-pad:18px;}
  body.app-modern-shell .hero-banner-enhanced.hero-banner-no-path{--hero-top-pad:20px;}
  body.app-modern-shell .hero-banner-enhanced:not(.hero-banner-no-path) .hero-banner-path{margin-bottom:4px !important;}
}
@media(max-width:620px){
  body.app-modern-shell .hero-banner-enhanced:not(.hero-banner-no-path){--hero-top-pad:13px;}
  body.app-modern-shell .hero-banner-enhanced.hero-banner-no-path{--hero-top-pad:15px;}
  body.app-modern-shell .hero-banner-enhanced:not(.hero-banner-no-path) .hero-banner-path{margin-bottom:3px !important;}
}

/* v34 · breadcrumb-bearing banners: move the path and the title down slightly.
   Single-level sections marked with .hero-banner-no-path stay exactly where they are. */
body.app-modern-shell .hero-banner-enhanced:not(.hero-banner-no-path) .hero-banner-path,
body.app-modern-shell .hero-banner-enhanced:not(.hero-banner-no-path) .hero-banner-enhanced__content > .eyebrow.hero-banner-path,
body.app-modern-shell .hero-banner-enhanced:not(.hero-banner-no-path) .hero-banner-enhanced__content > .fbo-eyebrow.hero-banner-path,
body.app-modern-shell .hero-banner-enhanced:not(.hero-banner-no-path) .hero-banner-enhanced__content > .fs-eyebrow.hero-banner-path,
body.app-modern-shell .hero-banner-enhanced:not(.hero-banner-no-path) .hero-banner-enhanced__content > .mpw-eyebrow.hero-banner-path{
  margin-top:4px !important;
  margin-bottom:6px !important;
}

@media(max-width:980px){
  body.app-modern-shell .hero-banner-enhanced:not(.hero-banner-no-path) .hero-banner-path,
  body.app-modern-shell .hero-banner-enhanced:not(.hero-banner-no-path) .hero-banner-enhanced__content > .eyebrow.hero-banner-path,
  body.app-modern-shell .hero-banner-enhanced:not(.hero-banner-no-path) .hero-banner-enhanced__content > .fbo-eyebrow.hero-banner-path,
  body.app-modern-shell .hero-banner-enhanced:not(.hero-banner-no-path) .hero-banner-enhanced__content > .fs-eyebrow.hero-banner-path,
  body.app-modern-shell .hero-banner-enhanced:not(.hero-banner-no-path) .hero-banner-enhanced__content > .mpw-eyebrow.hero-banner-path{
    margin-top:3px !important;
    margin-bottom:5px !important;
  }
}

@media(max-width:620px){
  body.app-modern-shell .hero-banner-enhanced:not(.hero-banner-no-path) .hero-banner-path,
  body.app-modern-shell .hero-banner-enhanced:not(.hero-banner-no-path) .hero-banner-enhanced__content > .eyebrow.hero-banner-path,
  body.app-modern-shell .hero-banner-enhanced:not(.hero-banner-no-path) .hero-banner-enhanced__content > .fbo-eyebrow.hero-banner-path,
  body.app-modern-shell .hero-banner-enhanced:not(.hero-banner-no-path) .hero-banner-enhanced__content > .fs-eyebrow.hero-banner-path,
  body.app-modern-shell .hero-banner-enhanced:not(.hero-banner-no-path) .hero-banner-enhanced__content > .mpw-eyebrow.hero-banner-path{
    margin-top:2px !important;
    margin-bottom:4px !important;
  }
}

/* v35 · balanced copy + compact live top indicator.
   Breadcrumb banners keep the title/description optically centered between
   the breadcrumb and the update pill. The rail dot pulses softly without
   growing into a large halo. */
body.app-modern-shell .hero-banner-enhanced:not(.hero-banner-no-path) .hero-banner-enhanced__content > h1{
  margin-top:auto !important;
}

body.app-modern-shell .hero-banner-enhanced .hero-banner-enhanced__content::after{
  width:8px !important;
  height:8px !important;
  top:9px !important;
  left:44px !important;
  box-shadow:0 0 0 3px rgba(var(--hero-meta-accent-rgb),.10) !important;
  animation:hero-banner-rail-dot-pulse 1.55s ease-in-out infinite !important;
  transform-origin:center !important;
}

@keyframes hero-banner-rail-dot-pulse{
  0%,100%{
    opacity:.72;
    transform:scale(.88);
    box-shadow:0 0 0 2px rgba(var(--hero-meta-accent-rgb),.08);
  }
  50%{
    opacity:1;
    transform:scale(1);
    box-shadow:0 0 0 5px rgba(var(--hero-meta-accent-rgb),.16);
  }
}

@media(prefers-reduced-motion:reduce){
  body.app-modern-shell .hero-banner-enhanced .hero-banner-enhanced__content::after{
    animation:none !important;
  }
}

/* v42 · one geometry for every top section banner.
   The supplied hero artwork is 3840×508, therefore desktop banners always
   keep that exact ratio. Legacy page-specific fixed heights are neutralized
   here because this file is loaded after all page bundles. */
@media (min-width:981px){
  body.app-modern-shell .hero-banner-enhanced{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:3840 / 508!important;
  }

  /* Analytics pages previously lived inside a 1600px wrapper, making only
     their banner visibly shorter than Main/Products/Integrations. Break just
     the hero out to the page gutter while keeping the report content narrow. */
  body.analytics-page-body .analytics-hub__hero-banner.hero-banner-enhanced,
  body.analytics-page-body .analytics-diagnostics-page__hero-banner.hero-banner-enhanced{
    position:relative!important;
    left:50%!important;
    width:calc(100vw - var(--app-page-pad) - var(--app-page-pad))!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    transform:translateX(-50%)!important;
  }
}

@media (max-width:980px) and (min-width:621px){
  body.app-modern-shell .hero-banner-enhanced{
    width:100%!important;
    height:180px!important;
    min-height:180px!important;
    max-height:180px!important;
    aspect-ratio:auto!important;
  }
}
@media (max-width:620px){
  body.app-modern-shell .hero-banner-enhanced{
    width:100%!important;
    height:158px!important;
    min-height:158px!important;
    max-height:158px!important;
    aspect-ratio:auto!important;
  }
}