/* Shared persistent navigation for marketing views. */
#marketing.is-activity-editor-open > :not(.marketing-tool-titlebar):not(.activity-dialog) { display: none !important; }
#marketing > .activity-dialog[open] { position: static; width: 100%; max-width: none; max-height: none; margin: 0; overflow: visible; box-sizing: border-box; }
#marketing > .activity-dialog form { max-height: none; overflow: visible; }
body.portal-body[data-portal-view="marketing"] .overview-cover { display: none !important; }
body.portal-body[data-portal-view="marketing"] #marketing { --marketing-nav-height: 126px; padding-top: 12px; }
body.portal-body[data-portal-view="marketing"] #marketing > .marketing-tool-titlebar {
  display: block !important;
  position: sticky;
  top: 0;
  z-index: 90;
  order: -10;
  align-self: start;
  margin: 0;
  padding: 0 18px 12px;
  border: 1px solid #dce6df;
  border-radius: 0 0 20px 20px;
  background: #fffefa;
  box-shadow: 0 8px 24px rgba(23, 60, 49, .08);
}
#marketing .marketing-tool-titlebar .marketing-showcase-heading { padding: 15px 4px 12px; margin: 0; border: 0; }
#marketing .marketing-tool-titlebar .marketing-showcase-heading h3 { font: 750 22px/1.3 "Microsoft YaHei", sans-serif; }
#marketing .marketing-tool-titlebar .marketing-showcase-heading > span { font-size: 11px; }
#marketing .marketing-tool-grid.marketing-tool-strip { width: 100%; margin: 0; gap: 6px; border-radius: 12px; }
#marketing .marketing-tool-strip > .marketing-tool-title { flex: 1 0 104px; min-width: 104px; min-height: 58px; padding: 10px 16px; border: 0; border-radius: 10px; background: #f3f6f1; }
#marketing .marketing-tool-strip > .marketing-tool-title.is-current { background: #105b46; }
#marketing .marketing-tool-strip > .marketing-tool-title.is-current strong { color: #fff; }
#marketing .marketing-tool-strip > .marketing-tool-title.is-current small { color: #d3e8dc; }
#marketing .marketing-tool-strip > .marketing-tool-title::after { display: none; }
#marketing .marketing-tool-strip > .is-create-activity { background: #edf3df; }
#marketing .marketing-tool-strip > article { opacity: .62; }
#marketing [data-coupon-section], #marketing [data-lottery-section], #marketing [data-group-buy-section] { scroll-margin-top: calc(var(--marketing-nav-height) + 18px); }
#marketing .coupon-live-preview, #marketing .lottery-live-preview, #marketing .group-buy-live-preview { top: calc(var(--marketing-nav-height) + 18px); }
@media (max-width: 720px) {
  #marketing .marketing-tool-titlebar .marketing-showcase-heading > span { display: none; }
  #marketing .marketing-tool-titlebar .marketing-showcase-heading h3 { font-size: 18px; }
  body.portal-body[data-portal-view="marketing"] #marketing > .marketing-tool-titlebar { padding: 0 10px 10px; }
  #marketing .marketing-tool-strip > .marketing-tool-title { flex-basis: 100px; min-width: 100px; padding: 9px 12px; }
}