/* DPD chrome stability styles */
:root {
  --dpd-chrome-shell-width: min(1440px, calc(100vw - 96px));
  --dpd-chrome-logo-column: 236px;
  --dpd-chrome-logo-size: 58px;
  --dpd-chrome-pill-height: 44px;
  --dpd-chrome-utility-size: 50px;
  --dpd-chrome-header-bg: #0f1d1d;
  --dpd-chrome-header-accent-width: clamp(220px, 32vw, 420px);
  --dpd-chrome-font-body: var(--font-body, "Helvetica Neue", Helvetica, Arial, sans-serif);
  --dpd-chrome-font-display: var(--font-display, "acumin-pro-condensed", "Helvetica Neue Condensed", "Arial Narrow", Arial, sans-serif);
  --dpd-chrome-font-ui: var(--font-brand, "acumin-pro-semi-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif);
  --dpd-chrome-border: rgba(255, 255, 255, 0.12);
}

html {
  scrollbar-gutter: stable;
}

#dpd-account-dropdown.dpd-account-dropdown,
#header-login.dpd-public-header--member .dpd-account-dropdown {
  background: #ffffff !important;
  border: 1px solid rgba(16, 23, 31, 0.12) !important;
  border-radius: 22px !important;
  box-shadow: 0 28px 70px rgba(5, 12, 18, 0.28) !important;
  box-sizing: border-box !important;
  color: #101820 !important;
  max-width: calc(100vw - 32px) !important;
  min-width: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  padding: 18px !important;
  width: min(420px, calc(100vw - 32px)) !important;
}

#dpd-account-dropdown .acc-dropdown-tab {
  align-items: center !important;
  border-bottom: 1px solid rgba(16, 23, 31, 0.1) !important;
  display: grid !important;
  gap: 14px !important;
  grid-template-columns: 58px minmax(0, 1fr) !important;
  margin: 0 0 12px !important;
  padding: 0 0 14px !important;
  width: 100% !important;
}

#dpd-account-dropdown .acc-drop-pic,
#dpd-account-dropdown .acc-drop-pic .dpd-user-badge {
  height: 58px !important;
  max-height: 58px !important;
  max-width: 58px !important;
  min-height: 58px !important;
  min-width: 58px !important;
  width: 58px !important;
}

#dpd-account-dropdown .acc-drop-pic .dpd-user-badge {
  background: var(--dpd-user-badge-fill, var(--dpd-portal-accent, #fff200)) !important;
  border: 2px solid var(--dpd-user-badge-fill, var(--dpd-portal-accent, #fff200)) !important;
  box-shadow: none !important;
  color: var(--dpd-user-badge-ink, var(--dpd-portal-accent-ink, #111820)) !important;
}

#dpd-account-dropdown .acc-drop-pic .dpd-user-badge img {
  height: 26px !important;
  max-height: 26px !important;
  max-width: 26px !important;
  padding: 0 !important;
  width: 26px !important;
}

#dpd-account-dropdown .acc-drop-cont {
  min-width: 0 !important;
  padding: 0 !important;
}

#dpd-account-dropdown .acc-drop-cont h4 {
  color: #101820 !important;
  font-size: 20px !important;
  letter-spacing: 0.04em !important;
  line-height: 1.05 !important;
  margin: 0 0 4px !important;
  overflow-wrap: anywhere !important;
}

#dpd-account-dropdown .acc-drop-cont p {
  color: #5c6874 !important;
  font-size: 12px !important;
  letter-spacing: 0 !important;
  line-height: 1.35 !important;
  margin: 0 !important;
  text-transform: none !important;
}

#dpd-account-dropdown .dpd-header-account-recordline,
#dpd-account-dropdown .acc-drop-help {
  display: none !important;
}

#dpd-account-dropdown .acc-drop-meta {
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  margin-top: 10px !important;
}

#dpd-account-dropdown .acc-drop-meta__item {
  background: #f5f7f9 !important;
  border: 1px solid rgba(16, 23, 31, 0.08) !important;
  border-radius: 12px !important;
  min-width: 0 !important;
  padding: 9px !important;
}

#dpd-account-dropdown .acc-drop-meta__item span,
#dpd-account-dropdown .acc-drop-meta__item strong {
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#dpd-account-dropdown .acc-drop-meta__item span {
  color: #6a7480 !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  letter-spacing: 0.1em !important;
  line-height: 1.1 !important;
  margin-bottom: 3px !important;
  text-transform: uppercase !important;
}

#dpd-account-dropdown .acc-drop-meta__item strong {
  color: #101820 !important;
  font-size: 12px !important;
  line-height: 1.15 !important;
}

#dpd-account-dropdown .dpd-account-menu__actions {
  display: grid !important;
  gap: 8px !important;
  margin-top: 12px !important;
}

#dpd-account-dropdown .dpd-account-menu__action {
  align-items: center !important;
  background: #ffffff !important;
  border: 1px solid rgba(16, 23, 31, 0.12) !important;
  border-radius: 999px !important;
  color: #101820 !important;
  display: flex !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  justify-content: flex-start !important;
  letter-spacing: 0.08em !important;
  min-height: 42px !important;
  padding: 0 15px !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

#dpd-account-dropdown .dpd-account-menu__action.is-primary {
  background: #081014 !important;
  border-color: #081014 !important;
  color: #ffffff !important;
}

#dpd-account-dropdown .dpd-account-menu__action.is-signout {
  border-color: rgba(180, 35, 24, 0.28) !important;
  color: #9f1d14 !important;
}

#dpd-account-dropdown.dpd-account-dropdown,
#dpd-account-dropdown.dpd-account-dropdown * {
  font-family: var(--dpd-chrome-font-ui) !important;
}

#dpd-account-dropdown .acc-drop-cont h4 {
  font-family: var(--dpd-chrome-font-display) !important;
}

#dpd-account-dropdown .acc-drop-cont p,
#dpd-account-dropdown .acc-drop-meta__item strong {
  font-family: var(--dpd-chrome-font-body) !important;
}

#dpd-account-dropdown .acc-appearance--dropdown {
  background: #f6f8fa !important;
  border: 1px solid rgba(16, 23, 31, 0.1) !important;
  border-radius: 14px !important;
  display: block !important;
  margin: 10px 0 0 !important;
  max-height: min(320px, 44vh) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  padding: 11px !important;
}

#dpd-account-dropdown .acc-appearance-header {
  align-items: center !important;
  display: flex !important;
  justify-content: space-between !important;
  margin: 0 0 8px !important;
}

#dpd-account-dropdown .acc-appearance-copy p {
  display: none !important;
}

#dpd-account-dropdown .acc-appearance-label {
  color: #101820 !important;
  display: block !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  letter-spacing: 0.14em !important;
  line-height: 1 !important;
  margin: 0 0 8px !important;
  text-transform: uppercase !important;
}

#dpd-account-dropdown .acc-appearance-panel--approved {
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: 1fr !important;
}

#dpd-account-dropdown .acc-appearance-block {
  background: #ffffff !important;
  border: 1px solid rgba(16, 23, 31, 0.08) !important;
  border-radius: 12px !important;
  min-width: 0 !important;
  padding: 10px !important;
}

#dpd-account-dropdown .acc-avatar-grid--selector {
  display: grid !important;
  gap: 7px !important;
  grid-template-columns: repeat(auto-fit, minmax(64px, 1fr)) !important;
  min-width: 0 !important;
}

#dpd-account-dropdown .acc-avatar-option {
  align-items: center !important;
  background: #f8fafc !important;
  border: 1px solid rgba(16, 23, 31, 0.08) !important;
  border-radius: 10px !important;
  cursor: pointer !important;
  display: grid !important;
  gap: 5px !important;
  justify-items: center !important;
  min-height: 64px !important;
  min-width: 0 !important;
  padding: 7px 5px !important;
}

#dpd-account-dropdown .acc-avatar-option.is-active,
#dpd-account-dropdown .acc-palette-swatch.is-active {
  border-color: var(--dpd-user-badge-fill, var(--dpd-portal-accent, #fff200)) !important;
  box-shadow: inset 0 0 0 1px var(--dpd-user-badge-fill, var(--dpd-portal-accent, #fff200)) !important;
}

#dpd-account-dropdown .acc-avatar-icon,
#dpd-account-dropdown .acc-avatar-initials {
  align-items: center !important;
  background: var(--dpd-user-badge-fill, var(--dpd-portal-accent, #fff200)) !important;
  border-radius: 999px !important;
  color: var(--dpd-user-badge-ink, var(--dpd-portal-accent-ink, #111820)) !important;
  display: inline-flex !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  height: 26px !important;
  justify-content: center !important;
  width: 26px !important;
}

#dpd-account-dropdown .acc-avatar-icon--mark,
#dpd-account-dropdown .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark {
  background-color: currentColor !important;
}

#dpd-account-dropdown .acc-avatar-caption {
  color: #3d4853 !important;
  display: block !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  line-height: 1.05 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-align: center !important;
  text-overflow: ellipsis !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

#dpd-account-dropdown .acc-palette-swatches--compact {
  display: grid !important;
  gap: 7px !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

#dpd-account-dropdown .acc-palette-swatch {
  align-items: center !important;
  background: #ffffff !important;
  border: 1px solid rgba(16, 23, 31, 0.12) !important;
  border-radius: 999px !important;
  cursor: pointer !important;
  display: inline-flex !important;
  height: 28px !important;
  justify-content: center !important;
  padding: 0 !important;
  width: 28px !important;
}

#dpd-account-dropdown .acc-palette-swatch .acc-palette-swatch__dot,
#dpd-account-dropdown .acc-palette-swatch > span[aria-hidden="true"]:not([class]) {
  border-radius: 999px !important;
  display: block !important;
  height: 18px !important;
  width: 18px !important;
}

#dpd-account-dropdown .acc-palette-swatch[data-dpd-accent-choice="yellow"] .acc-palette-swatch__dot,
#dpd-account-dropdown .acc-palette-swatch[data-dpd-accent-choice="yellow"] > span[aria-hidden="true"]:not([class]) {
  background: #fff200 !important;
}

#dpd-account-dropdown .acc-palette-swatch[data-dpd-accent-choice="green"] .acc-palette-swatch__dot,
#dpd-account-dropdown .acc-palette-swatch[data-dpd-accent-choice="green"] > span[aria-hidden="true"]:not([class]) {
  background: #2fe0bd !important;
}

#dpd-account-dropdown .acc-palette-swatch[data-dpd-accent-choice="blue"] .acc-palette-swatch__dot,
#dpd-account-dropdown .acc-palette-swatch[data-dpd-accent-choice="blue"] > span[aria-hidden="true"]:not([class]) {
  background: #79c7ff !important;
}

#dpd-account-dropdown .acc-palette-swatch[data-dpd-accent-choice="dark"] .acc-palette-swatch__dot,
#dpd-account-dropdown .acc-palette-swatch[data-dpd-accent-choice="dark"] > span[aria-hidden="true"]:not([class]) {
  background: #111820 !important;
}

#dpd-account-dropdown .acc-palette-swatch[data-dpd-accent-choice="orange"] .acc-palette-swatch__dot,
#dpd-account-dropdown .acc-palette-swatch[data-dpd-accent-choice="orange"] > span[aria-hidden="true"]:not([class]) {
  background: #ff6600 !important;
}

#dpd-account-dropdown .acc-palette-swatch[data-dpd-accent-choice="dirt"] .acc-palette-swatch__dot,
#dpd-account-dropdown .acc-palette-swatch[data-dpd-accent-choice="dirt"] > span[aria-hidden="true"]:not([class]) {
  background: #d8aa64 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-left.dpd-v2-nav-shell,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell {
  bottom: 18px !important;
  max-height: calc(100vh - var(--dpd-v2-fixed-header-space, 112px) - 36px) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  scrollbar-width: thin !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-left.dpd-v2-nav-shell::-webkit-scrollbar,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell::-webkit-scrollbar {
  width: 8px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-left.dpd-v2-nav-shell::-webkit-scrollbar-thumb,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell::-webkit-scrollbar-thumb {
  background: rgba(255, 242, 0, 0.32) !important;
  border-radius: 999px !important;
}

footer#kill .footer-nav {
  column-gap: 0 !important;
}

footer#kill .footer-nav span,
.dpd-v2-portal-footer .footer-nav span,
.dpd-launch-safe-footer__copy > * {
  align-items: center !important;
  display: inline-flex !important;
  min-width: 0 !important;
  padding: 0 !important;
}

footer#kill .footer-nav span:not(:last-child)::after,
.dpd-v2-portal-footer .footer-nav span:not(:last-child)::after,
.dpd-launch-safe-footer__copy > *:not(:last-child)::after {
  color: rgba(16, 24, 32, 0.42) !important;
  content: "|" !important;
  display: inline-block !important;
  font-weight: 700 !important;
  margin: 0 12px !important;
  position: static !important;
  transform: none !important;
}

.dpd-v2-portal-footer .footer-nav span:not(:last-child)::after {
  color: rgba(229, 235, 240, 0.34) !important;
}

.dpd-launch-safe-footer__copy {
  column-gap: 0 !important;
  row-gap: 8px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .tirefind-con-size-main,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .tirefind-con-size-main-in,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-result-surface,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-group__grid {
  overflow: visible !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.is-selected {
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 590px !important;
  min-width: 0 !important;
  overflow: visible !important;
  padding-bottom: 18px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-shell {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  min-height: 0 !important;
  min-width: 0 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-title-block,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-highlights,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-side-bank,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card .dpd-v2-action-row {
  min-width: 0 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-highlights {
  align-items: flex-start !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-highlights .mock-chip {
  box-sizing: border-box !important;
  max-width: 100% !important;
  min-width: 0 !important;
  white-space: normal !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-side-bank {
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  width: 100% !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-side-bank--static {
  grid-template-columns: 1fr !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-side-button {
  box-sizing: border-box !important;
  min-width: 0 !important;
  width: 100% !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card .dpd-v2-action-row {
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  margin-top: auto !important;
  width: 100% !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card .dpd-v2-action-row .mock-btn {
  box-sizing: border-box !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  width: 100% !important;
}

/* Route presentation refinements */
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-left.dpd-v2-nav-shell,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell {
  background: #08121a !important;
  color: #ffffff !important;
  isolation: isolate !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
  z-index: 10020 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-left.dpd-v2-nav-shell *,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell * {
  mix-blend-mode: normal !important;
  opacity: 1 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu-item > a,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu-item > a:visited {
  color: #ffffff !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-section h3,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-section-title {
  color: rgba(255, 255, 255, 0.62) !important;
  text-shadow: none !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-left.dpd-v2-nav-shell::before,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-left.dpd-v2-nav-shell::after,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell::before,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell::after {
  content: none !important;
  display: none !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .video-header-content.mock-static-bg {
  min-height: clamp(300px, 28vw, 420px) !important;
  overflow: hidden !important;
  padding: clamp(34px, 4vw, 60px) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dpd-v2-hero-kicker,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dashboard-head-left > span,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dashboard-head-left > p.dpd-v2-hero-kicker {
  color: #fff200 !important;
  display: inline-flex !important;
  font-size: 12px !important;
  letter-spacing: 0.1em !important;
  line-height: 1.2 !important;
  margin: 0 0 12px !important;
  max-width: 100% !important;
  overflow: visible !important;
  padding: 0 !important;
  position: relative !important;
  transform: none !important;
  white-space: nowrap !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training .lms-container,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training .training-portal-table-in,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training .training-portal-tab-data,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training .training-portal-tab-video,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training .training-portal-video,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training .dpd-v2-course-player,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training .dpd-training-course-player {
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training .training-portal-tab-video video,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training .training-portal-video video,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training .lms-container video,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training .lms-container iframe {
  aspect-ratio: 16 / 9 !important;
  display: block !important;
  height: auto !important;
  max-height: min(62vh, 540px) !important;
  max-width: 100% !important;
  object-fit: contain !important;
  width: 100% !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training .training-portal-tab-video video + video,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training .training-portal-video video + video,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training .lms-container video + video {
  margin-top: 14px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-hero-shell,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-cockpit,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-dmt-overview,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-dmt-features,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-size-grid,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .table-responsive {
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-x: auto !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-hero-shell .video-header-content.mock-static-bg {
  min-height: clamp(230px, 24vw, 330px) !important;
  padding: clamp(26px, 3.2vw, 44px) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-hero h1 {
  font-size: clamp(36px, 4.3vw, 64px) !important;
  line-height: 0.96 !important;
  max-width: 16ch !important;
  overflow-wrap: anywhere !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-hero-visual-shell {
  box-sizing: border-box !important;
  grid-template-columns: minmax(160px, 230px) minmax(160px, 1fr) !important;
  max-width: 100% !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-hero-visual,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-cockpit__image,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-dmt-overview__visual {
  min-height: 0 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-hero-visual img,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-cockpit__image img,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-dmt-overview__visual img {
  max-height: 220px !important;
  object-fit: contain !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-size-option,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-size-button,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-hero-visual-meta span,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-hero-visual-meta strong {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--marketing-downloads .dpd-v2-library-card__media,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--downloads .dpd-v2-library-card__media {
  min-height: 170px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--marketing-downloads .dpd-v2-library-card__media:empty,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--downloads .dpd-v2-library-card__media:empty {
  background: linear-gradient(135deg, #eaf0f4, #f7f9fb) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .swag-store-bg-header,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .bg-header-main,
body.dpd-member-surface.woocommerce-cart #sub-page-main-content-wrapper .swag-store-bg-header,
body.dpd-member-surface.woocommerce-cart #sub-page-main-content-wrapper .bg-header-main,
body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper .swag-store-bg-header,
body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper .bg-header-main,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .swag-store-bg-header,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .bg-header-main {
  max-height: 380px !important;
  min-height: clamp(240px, 24vw, 360px) !important;
  overflow: hidden !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .bg-header-left h4,
body.dpd-member-surface.woocommerce-cart #sub-page-main-content-wrapper .bg-header-left h4,
body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper .bg-header-left h4,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .bg-header-left h4 {
  font-size: clamp(38px, 4vw, 58px) !important;
  letter-spacing: 0.12em !important;
  line-height: 0.98 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .bg-header-gray-box,
body.dpd-member-surface.woocommerce-cart #sub-page-main-content-wrapper .bg-header-gray-box,
body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper .bg-header-gray-box,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .bg-header-gray-box {
  max-height: 300px !important;
  overflow: hidden !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .swag-store-sec1-tabs,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .reward-store-tabs,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-rewards-tabs,
body.dpd-member-surface.woocommerce-cart #sub-page-main-content-wrapper .swag-store-sec1-tabs,
body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper .swag-store-sec1-tabs,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .swag-store-sec1-tabs {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  padding: 16px 24px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .swag-store-sec1-tabs a,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .reward-store-tabs a,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-rewards-tabs a,
body.dpd-member-surface.woocommerce-cart #sub-page-main-content-wrapper .swag-store-sec1-tabs a,
body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper .swag-store-sec1-tabs a,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .swag-store-sec1-tabs a,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .swag-store-sec1-tabs button,
body.dpd-member-surface.woocommerce-cart #sub-page-main-content-wrapper .swag-store-sec1-tabs button,
body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper .swag-store-sec1-tabs button,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .swag-store-sec1-tabs button {
  align-items: center !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  height: 46px !important;
  justify-content: center !important;
  letter-spacing: 0.1em !important;
  line-height: 1 !important;
  min-height: 46px !important;
  min-width: 0 !important;
  padding: 0 22px !important;
  text-transform: uppercase !important;
  width: auto !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .swag-store-sec1-tabs .active a,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .swag-store-sec1-tabs a.active,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .reward-store-tabs .active a,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-rewards-tabs .active a,
body.dpd-member-surface.woocommerce-cart #sub-page-main-content-wrapper .swag-store-sec1-tabs .active a,
body.dpd-member-surface.woocommerce-cart #sub-page-main-content-wrapper .swag-store-sec1-tabs a.active,
body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper .swag-store-sec1-tabs .active a,
body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper .swag-store-sec1-tabs a.active,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .swag-store-sec1-tabs .active a,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .swag-store-sec1-tabs a.active {
  background: #fff200 !important;
  border-color: #fff200 !important;
  color: #071018 !important;
  filter: none !important;
  min-width: 0 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-rewards-flow-strip,
body.dpd-member-surface.woocommerce-cart #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip,
body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip {
  background: #111820 !important;
  border: 1px solid rgba(255, 242, 0, 0.44) !important;
  border-radius: 20px !important;
  color: #ffffff !important;
  display: grid !important;
  gap: clamp(18px, 2vw, 28px) !important;
  grid-template-columns: minmax(220px, 0.74fr) minmax(0, 1fr) !important;
  margin: 18px 0 !important;
  min-height: 0 !important;
  overflow: visible !important;
  padding: clamp(22px, 3vw, 34px) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-rewards-flow-strip__intro h3,
body.dpd-member-surface.woocommerce-cart #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip__intro h3,
body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip__intro h3,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip__intro h3 {
  color: #ffffff !important;
  font-size: clamp(26px, 2.4vw, 38px) !important;
  line-height: 1.04 !important;
  max-width: 18ch !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-rewards-flow-strip__copy,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-rewards-flow-strip p,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-rewards-flow-strip li,
body.dpd-member-surface.woocommerce-cart #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip__copy,
body.dpd-member-surface.woocommerce-cart #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip p,
body.dpd-member-surface.woocommerce-cart #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip li,
body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip__copy,
body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip p,
body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip li,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip__copy,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip p,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip li {
  color: rgba(255, 255, 255, 0.76) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-rewards-flow-strip__stats,
body.dpd-member-surface.woocommerce-cart #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip__stats,
body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip__stats,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip__stats {
  grid-template-columns: repeat(3, minmax(130px, 1fr)) !important;
  min-width: 0 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-rewards-flow-strip__stat,
body.dpd-member-surface.woocommerce-cart #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip__stat,
body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip__stat,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip__stat {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-rewards-flow-strip__stat span,
body.dpd-member-surface.woocommerce-cart #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip__stat span,
body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip__stat span,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip__stat span {
  color: rgba(255, 255, 255, 0.62) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-rewards-flow-strip__stat strong,
body.dpd-member-surface.woocommerce-cart #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip__stat strong,
body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip__stat strong,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip__stat strong {
  color: #ffffff !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-single-product__redeem-panel,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-single-product__redeem-panel p,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-single-product__redeem-panel li,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-single-product__redeem-panel span,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .dpd-v2-single-product__redeem-panel,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .dpd-v2-single-product__redeem-panel p,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .dpd-v2-single-product__redeem-panel li,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .dpd-v2-single-product__redeem-panel span {
  color: rgba(255, 255, 255, 0.76) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-single-product__redeem-panel h2,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-single-product__redeem-panel h3,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-single-product__redeem-panel h4,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-single-product__redeem-panel strong,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .dpd-v2-single-product__redeem-panel h2,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .dpd-v2-single-product__redeem-panel h3,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .dpd-v2-single-product__redeem-panel h4,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .dpd-v2-single-product__redeem-panel strong {
  color: #ffffff !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-single-product__redeem-card,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .dpd-v2-single-product__redeem-card {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-commerce-surface,
body.dpd-member-surface.woocommerce-cart #sub-page-main-content-wrapper .dpd-v2-commerce-surface,
body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper .dpd-v2-commerce-surface,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .dpd-v2-commerce-surface {
  overflow: hidden !important;
}

@media (max-width: 1180px) {
  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-rewards-flow-strip,
  body.dpd-member-surface.woocommerce-cart #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip,
  body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip,
  body.dpd-member-surface.single-product #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip {
    grid-template-columns: 1fr !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-rewards-flow-strip__stats,
  body.dpd-member-surface.woocommerce-cart #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip__stats,
  body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip__stats,
  body.dpd-member-surface.single-product #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1180px) {
  :root {
    --dpd-chrome-shell-width: calc(100vw - 32px);
    --dpd-chrome-logo-column: 190px;
  }

  #header-login.dpd-public-header--member .dpd-v2-header-primary-actions,
  #header-login.dpd-public-header--member .dpd-v2-header-primary-actions--jumpbar {
    max-width: 100% !important;
  }
}

@media (max-width: 980px) {
  #header-login.dpd-public-header--member .dpd-v2-header-primary-actions,
  #header-login.dpd-public-header--member .dpd-v2-header-primary-actions--jumpbar {
    display: none !important;
  }
}

@media (max-width: 760px) {
  :root {
    --dpd-chrome-shell-width: calc(100vw - 24px);
    --dpd-chrome-logo-column: 58px;
    --dpd-chrome-logo-size: 50px;
    --dpd-chrome-utility-size: 46px;
  }

  #dpd-account-dropdown .acc-dropdown-tab {
    grid-template-columns: 52px minmax(0, 1fr) !important;
  }

  #dpd-account-dropdown .acc-drop-pic,
  #dpd-account-dropdown .acc-drop-pic .dpd-user-badge {
    height: 52px !important;
    max-height: 52px !important;
    max-width: 52px !important;
    min-height: 52px !important;
    min-width: 52px !important;
    width: 52px !important;
  }

  #dpd-account-dropdown .acc-drop-meta {
    grid-template-columns: 1fr !important;
  }
}

#header-login.dpd-public-header--member .dpd-v2-header-primary-actions,
#header-login.dpd-public-header--member .dpd-v2-header-primary-actions--jumpbar {
  justify-content: flex-start !important;
  min-width: 0 !important;
}

#header-login.dpd-public-header--member .dpd-v2-header-primary-actions .dpd-public-header-link,
#header-login.dpd-public-header--member .dpd-v2-header-primary-actions--jumpbar .dpd-public-header-link {
  max-width: none !important;
  min-width: max-content !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

#header-login.dpd-public-header--member .dpd-v2-header-primary-actions .dpd-public-header-link__icon,
#header-login.dpd-public-header--member .dpd-public-header-link:not(.dpd-public-header-link--utility-bubble):not(.dpd-public-header-link--updates-bubble):not(.dpd-public-header-account-toggle) .dpd-public-header-link__icon {
  display: none !important;
}

#header-login.dpd-public-header--member .dpd-public-header-link__content {
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-left.dpd-v2-nav-shell,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell {
  bottom: auto !important;
  max-height: calc(100vh - var(--dpd-v2-fixed-header-space, 112px) - 18px) !important;
  position: sticky !important;
  top: calc(var(--dpd-v2-fixed-header-space, 112px) + 18px) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-table-shell .training-portal-table-in,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-table-shell .dpd-v2-table-scroll {
  background: #ffffff !important;
  box-shadow: none !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-table {
  border-collapse: collapse !important;
  box-shadow: none !important;
  min-width: 760px !important;
  table-layout: fixed !important;
  width: 100% !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-table thead th {
  background: #f3f6f8 !important;
  color: #526171 !important;
  text-shadow: none !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-table tbody tr,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-table tbody tr:nth-child(1),
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-table tbody tr:nth-child(2),
.dpd-training-v2-page .training-portal-table table tbody tr,
.dpd-training-v2-page .training-portal-table table tbody tr:nth-child(1),
.dpd-training-v2-page .training-portal-table table tbody tr:nth-child(2) {
  background: #ffffff !important;
  box-shadow: none !important;
  filter: none !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-table tbody tr:nth-child(even),
.dpd-training-v2-page .training-portal-table table tbody tr:nth-child(even) {
  background: #f8fbfc !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-table td,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-table td *,
.dpd-training-v2-page .training-portal-table table td,
.dpd-training-v2-page .training-portal-table table td * {
  color: #25313c !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--marketing-downloads .dpd-v2-library-card,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--downloads .dpd-v2-library-card {
  min-height: 0 !important;
  overflow: hidden !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--marketing-downloads .dpd-v2-library-card__media,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--downloads .dpd-v2-library-card__media {
  max-height: 220px !important;
  min-height: 96px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--marketing-downloads .dpd-v2-library-card__media.is-fallback,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--marketing-downloads .dpd-v2-library-card__media:empty,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--downloads .dpd-v2-library-card__media.is-fallback,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--downloads .dpd-v2-library-card__media:empty {
  max-height: 118px !important;
  min-height: 96px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--marketing-downloads .dpd-v2-library-card .mock-btn.small,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--downloads .dpd-v2-library-card .mock-btn.small {
  aspect-ratio: auto !important;
  border-radius: 999px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 16px !important;
  width: auto !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .swag-store-bg-header,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .bg-header-main,
body.dpd-member-surface.woocommerce-cart #sub-page-main-content-wrapper .swag-store-bg-header,
body.dpd-member-surface.woocommerce-cart #sub-page-main-content-wrapper .bg-header-main,
body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper .swag-store-bg-header,
body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper .bg-header-main,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .swag-store-bg-header,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .bg-header-main {
  max-height: 286px !important;
  min-height: 230px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .bg-header-left h4,
body.dpd-member-surface.woocommerce-cart #sub-page-main-content-wrapper .bg-header-left h4,
body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper .bg-header-left h4,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .bg-header-left h4 {
  font-size: clamp(30px, 3vw, 44px) !important;
  letter-spacing: 0.08em !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .bg-header-gray-box,
body.dpd-member-surface.woocommerce-cart #sub-page-main-content-wrapper .bg-header-gray-box,
body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper .bg-header-gray-box,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .bg-header-gray-box {
  max-height: 236px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .swag-store-sec1-tabs,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .reward-store-tabs,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-rewards-tabs,
body.dpd-member-surface.woocommerce-cart #sub-page-main-content-wrapper .swag-store-sec1-tabs,
body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper .swag-store-sec1-tabs,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .swag-store-sec1-tabs {
  gap: 8px !important;
  padding: 12px 18px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .swag-store-sec1-tabs a,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .reward-store-tabs a,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-rewards-tabs a,
body.dpd-member-surface.woocommerce-cart #sub-page-main-content-wrapper .swag-store-sec1-tabs a,
body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper .swag-store-sec1-tabs a,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .swag-store-sec1-tabs a,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .swag-store-sec1-tabs button,
body.dpd-member-surface.woocommerce-cart #sub-page-main-content-wrapper .swag-store-sec1-tabs button,
body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper .swag-store-sec1-tabs button,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .swag-store-sec1-tabs button {
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 16px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-rewards-flow-strip,
body.dpd-member-surface.woocommerce-cart #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip,
body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-single-product__redeem-panel,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .dpd-v2-single-product__redeem-panel {
  margin: 14px 0 !important;
  min-height: 0 !important;
  padding: 22px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-action-card.is-console,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--wallet .dpd-v2-action-card.is-console {
  background: #ffffff !important;
  border-color: #dbe3e8 !important;
  color: #101820 !important;
  opacity: 1 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-action-card.is-console *,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--wallet .dpd-v2-action-card.is-console * {
  color: #101820 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-service-status-panel__title,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-utility-signal-card h3,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-status-hub__next h3 {
  font-size: clamp(20px, 1.55vw, 28px) !important;
  line-height: 1.03 !important;
  hyphens: none !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-service-status-panel__badge,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-status-badge {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--customer-rebates .dpd-v2-process-note,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--rebates .dpd-v2-process-note {
  display: none !important;
}

@media (min-width: 1101px) {
  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell,
  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell .dpd-v2-nav-shell,
  body.dpd-member-surface #sub-page-main-content-wrapper[class*="dpd-v2-route-shell"] .dpd-v2-nav-shell,
  body.dpd-member-surface #sub-page-main-content-wrapper[class*="dpd-v2-guided-route"] .dpd-v2-nav-shell,
  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-nav-shell,
  body.dpd-member-surface.woocommerce-cart #sub-page-main-content-wrapper .dpd-v2-nav-shell,
  body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper .dpd-v2-nav-shell,
  body.dpd-member-surface.single-product #sub-page-main-content-wrapper .dpd-v2-nav-shell {
    border-radius: 22px !important;
    bottom: auto !important;
    box-shadow: 0 22px 44px rgba(9, 22, 31, 0.16) !important;
    left: clamp(16px, 1.6vw, 28px) !important;
    max-height: calc(100vh - var(--dpd-v2-fixed-header-space, 112px) - 32px) !important;
    overflow: hidden !important;
    position: fixed !important;
    top: calc(var(--dpd-v2-fixed-header-space, 112px) + 16px) !important;
    z-index: 34 !important;
  }

  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell {
    border-radius: 22px !important;
    left: clamp(16px, 1.6vw, 28px) !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .main-content-area-left-nav {
    max-height: inherit !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    scrollbar-color: rgba(44, 218, 194, 0.56) rgba(7, 18, 26, 0.28) !important;
    scrollbar-width: thin !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .main-content-area-left-nav::-webkit-scrollbar {
    width: 6px !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .main-content-area-left-nav::-webkit-scrollbar-thumb {
    background: rgba(44, 218, 194, 0.5) !important;
    border-radius: 999px !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .main-content-area-left-nav::-webkit-scrollbar-track {
    background: rgba(7, 18, 26, 0.28) !important;
    border-radius: 999px !important;
  }
}

/* June 17 polish: stabilize containers after the older portal overrides. */
body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-bar {
  overflow: visible !important;
}

body.dpd-member-surface .dpd-v2-header-shell .dpd-public-header-actions,
body.dpd-member-surface .dpd-v2-header-shell .dpd-public-header-nav,
body.dpd-member-surface .dpd-v2-header-shell .right-sec {
  min-width: 0 !important;
  overflow: visible !important;
}

body.dpd-member-surface .dpd-v2-header-shell .dpd-public-header-link,
body.dpd-member-surface .dpd-v2-header-shell .dpd-v2-header-jump-link {
  align-items: center !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  justify-content: center !important;
  min-width: max-content !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

@media (min-width: 1101px) {
  body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left,
  body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell,
  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell,
  body.dpd-member-surface #navbar.dpd-v2-nav-shell {
    background: transparent !important;
    border: 0 !important;
    border-radius: 22px !important;
    bottom: auto !important;
    box-shadow: none !important;
    clip-path: inset(0 round 22px) !important;
    left: clamp(16px, 1.6vw, 28px) !important;
    max-height: calc(100vh - var(--dpd-v2-fixed-header-space, 112px) - 32px) !important;
    overflow: hidden !important;
    position: fixed !important;
    top: calc(var(--dpd-v2-fixed-header-space, 112px) + 16px) !important;
    z-index: 34 !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left-nav,
  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .main-content-area-left-nav {
    background: linear-gradient(180deg, #07121a 0%, #050d14 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 22px !important;
    box-shadow: 0 22px 44px rgba(9, 22, 31, 0.16) !important;
    clip-path: inset(0 round 22px) !important;
    max-height: inherit !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
}

body.dpd-member-surface #sub-page-main-content-wrapper .mock-btn,
body.dpd-member-surface #sub-page-main-content-wrapper .bttn,
body.dpd-member-surface #sub-page-main-content-wrapper .button,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-action-row a,
body.dpd-member-surface #sub-page-main-content-wrapper .db-right-btns a {
  align-items: center !important;
  display: inline-flex !important;
  justify-content: center !important;
  line-height: 1 !important;
  min-height: 38px !important;
  text-align: center !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .db-right-btns,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-action-row,
body.dpd-member-surface #sub-page-main-content-wrapper .mock-btn-row,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-wallet-flow__tabs {
  align-items: center !important;
  gap: 10px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-hero-kicker,
body.dpd-member-surface #sub-page-main-content-wrapper .video-header .dashboard-head-left > span,
body.dpd-member-surface #sub-page-main-content-wrapper .video-header .dashboard-head-left > p.dpd-v2-hero-kicker {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #fff200 !important;
  display: inline-block !important;
  padding: 0 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-hero-kicker::before,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-hero-kicker::after,
body.dpd-member-surface #sub-page-main-content-wrapper .video-header .dashboard-head-left > span::before,
body.dpd-member-surface #sub-page-main-content-wrapper .video-header .dashboard-head-left > span::after {
  content: none !important;
  display: none !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-status-hub__next li,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-status-hub__next a,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-utility-signal-card,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__item {
  border-left-color: rgba(15, 23, 42, 0.12) !important;
  border-left-width: 1px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-status-hub__next li::before,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-status-hub__next a::before,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-utility-signal-card::before,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__item::before {
  border-radius: 0 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-info-dot {
  align-items: center !important;
  background: #fff200 !important;
  border: 1px solid #101820 !important;
  border-radius: 999px !important;
  color: #101820 !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  font-family: Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  height: 28px !important;
  justify-content: center !important;
  line-height: 1 !important;
  padding: 0 !important;
  position: relative !important;
  text-transform: none !important;
  width: 28px !important;
  z-index: 5 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-info-dot[data-dpd-tooltip]::after {
  background: #101820 !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 8px !important;
  bottom: calc(100% + 8px) !important;
  box-shadow: 0 12px 28px rgba(7, 18, 26, 0.22) !important;
  color: #ffffff !important;
  content: attr(data-dpd-tooltip) !important;
  font-family: Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  left: 50% !important;
  letter-spacing: 0 !important;
  line-height: 1.35 !important;
  opacity: 0 !important;
  padding: 8px 10px !important;
  pointer-events: none !important;
  position: absolute !important;
  text-transform: none !important;
  transform: translate(-50%, 4px) !important;
  transition: opacity 0.14s ease, transform 0.14s ease, visibility 0.14s ease !important;
  visibility: hidden !important;
  white-space: normal !important;
  width: min(240px, 70vw) !important;
  z-index: 60 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-info-dot[data-dpd-tooltip]:hover::after,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-info-dot[data-dpd-tooltip]:focus-visible::after {
  opacity: 1 !important;
  transform: translate(-50%, 0) !important;
  visibility: visible !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-service-overview__header {
  align-items: start !important;
  display: grid !important;
  gap: 4px 12px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-service-overview__header > span,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-service-overview__header > strong {
  grid-column: 1 !important;
  max-width: 100% !important;
  text-align: left !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-service-overview__info {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  justify-self: end !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__item {
  padding-right: 60px !important;
  position: relative !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__info {
  position: absolute !important;
  right: 16px !important;
  top: 16px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .video-header-content.mock-static-bg {
  align-items: center !important;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 280px) !important;
  min-height: clamp(210px, 18vw, 260px) !important;
  padding: clamp(20px, 2.2vw, 30px) clamp(24px, 2.8vw, 38px) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dashboard-head-left h1 {
  font-size: clamp(34px, 3vw, 48px) !important;
  line-height: 0.98 !important;
  max-inline-size: 16ch !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dashboard-head-right-in {
  max-width: 280px !important;
  padding: 14px !important;
}

/* June 17 final polish: keep the public and role chrome launch-safe. */
body:not(.wp-admin) .dpd-public-home-shell header.log-out.dpd-public-header,
body:not(.wp-admin) .dpd-public-home-shell header.log-out.jsticky.dpd-public-header,
body:not(.wp-admin) .dpd-public-home-shell #header-login,
body:not(.wp-admin) .dpd-public-home-shell .dpd-public-header-bar {
  background-image: none !important;
  box-shadow: none !important;
}

body:not(.wp-admin) .dpd-public-home-shell header.log-out.dpd-public-header,
body:not(.wp-admin) .dpd-public-home-shell header.log-out.jsticky.dpd-public-header,
body:not(.wp-admin) .dpd-public-home-shell #header-login {
  background: transparent !important;
  overflow: visible !important;
}

body:not(.wp-admin) .dpd-public-home-shell .dpd-public-header-bar,
body:not(.wp-admin) .dpd-public-home-shell #header-login .header-inner {
  background: linear-gradient(90deg, rgba(72, 79, 20, 0.98) 0%, rgba(10, 25, 26, 0.98) 48%, rgba(7, 22, 23, 0.98) 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.13) !important;
  border-radius: 26px !important;
  overflow: visible !important;
}

body:not(.wp-admin) .dpd-public-home-shell .dpd-public-logo,
body:not(.wp-admin) .dpd-public-home-shell .dpd-public-logo-link,
body:not(.wp-admin) .dpd-public-home-shell .dpd-public-logo-mark,
body:not(.wp-admin) .dpd-public-home-shell .logo,
body:not(.wp-admin) .dpd-public-home-shell .logo a {
  left: auto !important;
  margin: 0 !important;
  max-width: none !important;
  min-width: 0 !important;
  overflow: visible !important;
  position: relative !important;
  transform: none !important;
}

body:not(.wp-admin) .dpd-public-home-shell .dpd-public-logo {
  align-items: center !important;
  display: flex !important;
  flex: 0 0 auto !important;
  gap: 16px !important;
}

body:not(.wp-admin) .dpd-public-home-shell .dpd-public-logo-link {
  align-items: center !important;
  display: inline-flex !important;
  gap: 16px !important;
}

body:not(.wp-admin) .dpd-public-home-shell .dpd-public-logo-mark {
  align-items: center !important;
  display: inline-flex !important;
  flex: 0 0 58px !important;
  height: 58px !important;
  justify-content: center !important;
  width: 58px !important;
}

body:not(.wp-admin) .dpd-public-home-shell .dpd-public-logo-mark img,
body:not(.wp-admin) .dpd-public-home-shell .logo img {
  display: block !important;
  height: auto !important;
  max-height: 58px !important;
  max-width: 100% !important;
  object-fit: contain !important;
  opacity: 1 !important;
  visibility: visible !important;
  width: auto !important;
}

.dpd-public-home-shell .dpd-launch-feature-icon,
.dpd-public-home-shell .dpd-launch-card-icon,
.dpd-public-home-shell .dpd-launch-portal-panel__icon,
.dpd-public-home-shell .dpd-launch-mobile-shortcut__icon,
.dpd-public-home-shell .rewards-portal-main-icon-sec,
.dpd-public-home-shell .icon {
  align-items: center !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  justify-content: center !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.dpd-public-home-shell .dpd-launch-feature-icon img,
.dpd-public-home-shell .dpd-launch-card-icon img,
.dpd-public-home-shell .dpd-launch-portal-panel__icon img,
.dpd-public-home-shell .dpd-launch-mobile-shortcut__icon img,
.dpd-public-home-shell .rewards-portal-main-icon-sec img,
.dpd-public-home-shell .icon img {
  display: block !important;
  max-height: 100% !important;
  max-width: 100% !important;
  object-fit: contain !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body.dpd-member-surface .dpd-v2-header-shell .dpd-public-header-link,
body.dpd-member-surface .dpd-v2-header-shell .dpd-v2-header-jump-link,
body.dpd-member-surface .dpd-v2-route-jump-shell a,
body.dpd-member-surface .dpd-v2-route-jump-shell button {
  max-width: none !important;
  min-width: max-content !important;
  overflow: visible !important;
  text-indent: 0 !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

body.dpd-member-surface .dpd-v2-header-shell .dpd-public-header-link__content,
body.dpd-member-surface .dpd-v2-header-shell .dpd-v2-header-jump-link span,
body.dpd-member-surface .dpd-v2-route-jump-shell a span,
body.dpd-member-surface .dpd-v2-route-jump-shell button span {
  display: inline !important;
  max-width: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

@media (max-width: 1500px) {
  body.dpd-member-surface .dpd-v2-header-shell .dpd-public-header-link,
  body.dpd-member-surface .dpd-v2-header-shell .dpd-v2-header-jump-link {
    font-size: 11px !important;
    padding-inline: 14px !important;
  }
}

@media (min-width: 1101px) {
  body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left,
  body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell,
  body.dpd-member-surface #sub-page-main-content-wrapper #navbar,
  body.dpd-member-surface #navbar,
  body.dpd-member-surface #navbar.dpd-v2-nav-shell {
    background: transparent !important;
    border: 0 !important;
    border-radius: 22px !important;
    box-shadow: none !important;
    clip-path: none !important;
    left: clamp(16px, 1.6vw, 28px) !important;
    max-height: calc(100vh - var(--dpd-v2-fixed-header-space, 112px) - 32px) !important;
    overflow: visible !important;
    padding: 0 !important;
    position: fixed !important;
    top: calc(var(--dpd-v2-fixed-header-space, 112px) + 16px) !important;
    width: 196px !important;
    z-index: 34 !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left::before,
  body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left::after,
  body.dpd-member-surface #sub-page-main-content-wrapper #navbar::before,
  body.dpd-member-surface #sub-page-main-content-wrapper #navbar::after,
  body.dpd-member-surface #navbar::before,
  body.dpd-member-surface #navbar::after {
    content: none !important;
    display: none !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left-nav,
  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .main-content-area-left-nav,
  body.dpd-member-surface #navbar .main-content-area-left-nav {
    border-radius: 22px !important;
    box-sizing: border-box !important;
    clip-path: inset(0 round 22px) !important;
    max-height: inherit !important;
    min-width: 196px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    width: 196px !important;
  }
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__item,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-utility-signal-card,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-status-hub__next li,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-status-hub__next a {
  border-left: 1px solid rgba(15, 23, 42, 0.12) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__item::before,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-utility-signal-card::before,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-status-hub__next li::before,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-status-hub__next a::before {
  content: none !important;
  display: none !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__item h3,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-utility-signal-card h3,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-download-card h3,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-marketing-card h3,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-status-hub__next h3 {
  font-size: clamp(20px, 1.8vw, 28px) !important;
  line-height: 1.05 !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__item p,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-utility-signal-card p,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-download-card p,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-marketing-card p,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-status-hub__next p {
  font-size: 14px !important;
  line-height: 1.35 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__item .dpd-v2-status-badge,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-utility-signal-card .dpd-v2-status-badge,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-status-hub__next .dpd-v2-status-badge {
  border-radius: 999px !important;
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-hero-kicker,
body.dpd-member-surface #sub-page-main-content-wrapper .video-header .dashboard-head-left > span,
body.dpd-member-surface #sub-page-main-content-wrapper .video-header .dashboard-head-left > p.dpd-v2-hero-kicker {
  max-width: 100% !important;
  overflow: visible !important;
  text-shadow: none !important;
  white-space: normal !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .video-header-content.mock-static-bg {
  min-height: clamp(180px, 15vw, 230px) !important;
  padding: clamp(18px, 2vw, 26px) clamp(22px, 2.5vw, 34px) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dashboard-head-left h1 {
  font-size: clamp(30px, 2.45vw, 42px) !important;
  line-height: 1 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-wallet-flow__tabs .mock-btn,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-wallet-flow__tabs .button {
  border-radius: 999px !important;
  min-width: 92px !important;
  padding-inline: 22px !important;
}

/* June 17 follow-up polish: stronger launch chrome overrides for public + role pages. */
body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header,
body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header::before,
body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header::after,
body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header .header-inner,
body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header .header-inner::before,
body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header .header-inner::after,
body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-header-bar::before,
body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-header-bar::after {
  background-image: none !important;
  box-shadow: none !important;
}

body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header::before,
body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header::after,
body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header .header-inner::before,
body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header .header-inner::after,
body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-header-bar::before,
body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-header-bar::after {
  content: none !important;
  display: none !important;
}

body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header,
body:not(.wp-admin):not(.dpd-member-surface) header.log-out.jsticky.dpd-public-header {
  background: transparent !important;
  overflow: visible !important;
}

body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header .header-inner {
  background: transparent !important;
  box-sizing: border-box !important;
  left: auto !important;
  margin-inline: auto !important;
  max-width: min(1480px, calc(100vw - 64px)) !important;
  overflow: visible !important;
  padding-inline: 0 !important;
  position: relative !important;
  transform: none !important;
  width: auto !important;
}

body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-header-bar {
  align-items: center !important;
  background: linear-gradient(90deg, rgba(73, 79, 19, 0.98) 0%, rgba(12, 28, 28, 0.99) 46%, rgba(7, 21, 23, 0.99) 100%) !important;
  border: 1px solid rgba(226, 242, 245, 0.14) !important;
  border-radius: 26px !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  display: flex !important;
  gap: clamp(18px, 2vw, 34px) !important;
  justify-content: space-between !important;
  min-height: 86px !important;
  overflow: visible !important;
  padding: 14px clamp(18px, 2vw, 32px) !important;
  width: 100% !important;
}

body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header .logo,
body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-logo {
  align-items: center !important;
  display: flex !important;
  flex: 0 0 auto !important;
  float: none !important;
  inset: auto !important;
  margin: 0 !important;
  max-width: none !important;
  min-width: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
  position: static !important;
  transform: none !important;
  width: auto !important;
}

body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header .logo a,
body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-logo-link {
  align-items: center !important;
  display: inline-flex !important;
  gap: 14px !important;
  margin: 0 !important;
  min-width: 0 !important;
  overflow: visible !important;
  position: static !important;
  transform: none !important;
  white-space: nowrap !important;
}

body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-logo-mark {
  align-items: center !important;
  background: #fff200 !important;
  border-radius: 16px !important;
  display: inline-flex !important;
  flex: 0 0 58px !important;
  height: 58px !important;
  justify-content: center !important;
  overflow: hidden !important;
  width: 58px !important;
}

body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header .logo img,
body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-logo-mark img {
  display: block !important;
  height: auto !important;
  max-height: 52px !important;
  max-width: 52px !important;
  object-fit: contain !important;
  opacity: 1 !important;
  visibility: visible !important;
  width: auto !important;
}

body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-logo-copy {
  color: #fff200 !important;
  display: inline-flex !important;
  flex-direction: column !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  gap: 0 !important;
  line-height: 0.96 !important;
  max-width: 120px !important;
  min-width: 0 !important;
  overflow: visible !important;
  text-transform: uppercase !important;
  white-space: normal !important;
}

body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header .header-right,
body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-header-story-nav,
body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header .header-right ul {
  align-items: center !important;
  display: flex !important;
  flex: 1 1 auto !important;
  flex-wrap: nowrap !important;
  gap: clamp(8px, 0.9vw, 14px) !important;
  justify-content: flex-end !important;
  min-width: 0 !important;
  overflow: visible !important;
}

body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header .header-right ul {
  flex: 0 1 auto !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-header-story-nav a,
body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header .header-right ul li a,
body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header .main-nav {
  align-items: center !important;
  border-radius: 999px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  font-size: clamp(10px, 0.68vw, 12px) !important;
  justify-content: center !important;
  letter-spacing: 0.13em !important;
  line-height: 1 !important;
  max-width: none !important;
  min-height: 48px !important;
  min-width: max-content !important;
  overflow: visible !important;
  padding-inline: clamp(12px, 1.05vw, 20px) !important;
  text-indent: 0 !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-header-link__content {
  display: inline !important;
  max-width: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

body:not(.wp-admin) .dpd-public-home-shell header.log-out.dpd-public-header .header-right ul li a.dpd-public-header-link {
  align-items: center !important;
  background: rgba(255, 255, 255, 0.11) !important;
  border: 1px solid rgba(255, 255, 255, 0.24) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  color: #ffffff !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  font-size: clamp(10px, 0.68vw, 12px) !important;
  font-weight: 700 !important;
  justify-content: center !important;
  letter-spacing: 0.13em !important;
  line-height: 1 !important;
  min-height: 48px !important;
  min-width: max-content !important;
  overflow: visible !important;
  padding: 0 clamp(16px, 1.35vw, 24px) !important;
  text-decoration: none !important;
  text-indent: 0 !important;
  text-overflow: clip !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

body:not(.wp-admin) .dpd-public-home-shell header.log-out.dpd-public-header .header-right ul li a.dpd-public-header-link--accent {
  background: #fff200 !important;
  border-color: #fff200 !important;
  color: #071416 !important;
  padding-inline: clamp(20px, 1.8vw, 30px) !important;
}

body:not(.wp-admin) .dpd-public-home-shell header.log-out.dpd-public-header .header-right ul li a.dpd-public-header-link:hover,
body:not(.wp-admin) .dpd-public-home-shell header.log-out.dpd-public-header .header-right ul li a.dpd-public-header-link:focus-visible {
  border-color: rgba(255, 242, 0, 0.72) !important;
  color: #ffffff !important;
}

body:not(.wp-admin) .dpd-public-home-shell header.log-out.dpd-public-header .header-right ul li a.dpd-public-header-link--accent:hover,
body:not(.wp-admin) .dpd-public-home-shell header.log-out.dpd-public-header .header-right ul li a.dpd-public-header-link--accent:focus-visible {
  background: #fff200 !important;
  color: #071416 !important;
}

body:not(.wp-admin) .dpd-public-home-shell header.log-out.dpd-public-header .dpd-public-header-link__content {
  color: inherit !important;
  display: inline !important;
  max-width: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

body:not(.wp-admin):not(.dpd-member-surface) .dpd-public-home-shell,
body:not(.wp-admin):not(.dpd-member-surface) .dpd-launch-home {
  background-position: center top !important;
  overflow-x: clip !important;
}

body:not(.wp-admin):not(.dpd-member-surface) .dpd-public-home-shell .dpd-launch-feature-icon,
body:not(.wp-admin):not(.dpd-member-surface) .dpd-public-home-shell .dpd-launch-card-icon,
body:not(.wp-admin):not(.dpd-member-surface) .dpd-public-home-shell .dpd-launch-portal-panel__icon,
body:not(.wp-admin):not(.dpd-member-surface) .dpd-public-home-shell .dpd-launch-mobile-shortcut__icon {
  align-items: center !important;
  background: rgba(255, 242, 0, 0.14) !important;
  border: 1px solid rgba(255, 242, 0, 0.34) !important;
  border-radius: 12px !important;
  display: inline-flex !important;
  flex: 0 0 42px !important;
  height: 42px !important;
  justify-content: center !important;
  opacity: 1 !important;
  overflow: hidden !important;
  visibility: visible !important;
  width: 42px !important;
}

body:not(.wp-admin):not(.dpd-member-surface) .dpd-public-home-shell .dpd-launch-feature-icon img,
body:not(.wp-admin):not(.dpd-member-surface) .dpd-public-home-shell .dpd-launch-card-icon img,
body:not(.wp-admin):not(.dpd-member-surface) .dpd-public-home-shell .dpd-launch-portal-panel__icon img,
body:not(.wp-admin):not(.dpd-member-surface) .dpd-public-home-shell .dpd-launch-mobile-shortcut__icon img {
  display: block !important;
  filter: none !important;
  height: 24px !important;
  max-height: 24px !important;
  max-width: 24px !important;
  object-fit: contain !important;
  opacity: 1 !important;
  visibility: visible !important;
  width: 24px !important;
}

body.dpd-member-surface .dpd-v2-header-shell,
body.dpd-member-surface .dpd-v2-header-shell .dpd-v2-header-primary-actions,
body.dpd-member-surface .dpd-v2-header-shell .dpd-v2-route-jumpbar,
body.dpd-member-surface .dpd-v2-header-shell .header-right,
body.dpd-member-surface .dpd-v2-header-shell .header-right ul {
  min-width: 0 !important;
  overflow: visible !important;
}

body.dpd-member-surface .dpd-v2-header-shell .dpd-public-header-link,
body.dpd-member-surface .dpd-v2-header-shell .dpd-v2-header-jump-link,
body.dpd-member-surface .dpd-v2-header-shell .dpd-v2-route-jumpbar a,
body.dpd-member-surface .dpd-v2-header-shell .dpd-v2-route-jumpbar button {
  font-size: clamp(10px, 0.72vw, 12px) !important;
  letter-spacing: 0.12em !important;
  max-width: none !important;
  min-width: max-content !important;
  padding-inline: clamp(12px, 0.95vw, 18px) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-hero-kicker,
body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-left > span,
body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-left > p.dpd-v2-hero-kicker {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #fff200 !important;
  display: inline-block !important;
  line-height: 1.15 !important;
  padding: 0 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-hero-kicker::before,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-hero-kicker::after,
body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-left > span::before,
body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-left > span::after {
  content: none !important;
  display: none !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .border-dotted-heading h2 span,
body.dpd-member-surface #sub-page-main-content-wrapper .section-label,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-section-label,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-card-kicker.mock-chip,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-label {
  border-radius: 0 !important;
  box-decoration-break: clone !important;
  line-height: 1.1 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-download-card,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-marketing-card,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__item,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-utility-signal-card,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-status-hub__next,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-status-hub__next li {
  min-width: 0 !important;
  overflow: hidden !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-download-card h3,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-marketing-card h3,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__item h3,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-utility-signal-card h3,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-status-hub__next h3 {
  font-size: clamp(18px, 1.35vw, 24px) !important;
  letter-spacing: 0 !important;
  line-height: 1.08 !important;
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-download-card p,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-marketing-card p,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__item p,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-utility-signal-card p,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-status-hub__next p {
  font-size: 13px !important;
  line-height: 1.35 !important;
  max-width: 100% !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__item .dpd-v2-status-badge,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-utility-signal-card .dpd-v2-status-badge,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-status-badge {
  align-items: center !important;
  display: inline-flex !important;
  justify-content: center !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: visible !important;
  padding-inline: 14px !important;
  white-space: nowrap !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .video-header-content.mock-static-bg,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .mock-static-bg {
  min-height: clamp(170px, 13vw, 215px) !important;
  padding-block: clamp(16px, 1.8vw, 24px) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dashboard-head-left h1 {
  font-size: clamp(28px, 2.2vw, 38px) !important;
  max-inline-size: 18ch !important;
}

/* June 17 final client polish: prevent public chrome bleed, clipping, and role-copy overflow. */
body:not(.wp-admin):not(.dpd-member-surface).home header.log-out.dpd-public-header,
body:not(.wp-admin):not(.dpd-member-surface).home header.log-out.jsticky.dpd-public-header,
body:not(.wp-admin):not(.dpd-member-surface).page-template-templates-frontend-template-home header.log-out.dpd-public-header,
body:not(.wp-admin):not(.dpd-member-surface).page-template-templates-frontend-template-home-php header.log-out.dpd-public-header,
body:not(.wp-admin):not(.dpd-member-surface) .dpd-public-home-shell header.log-out.dpd-public-header,
body:not(.wp-admin):not(.dpd-member-surface) .dpd-public-home-shell header.log-out.jsticky.dpd-public-header {
  background: #071214 !important;
  background-image: none !important;
  box-shadow: none !important;
  isolation: isolate !important;
  overflow: visible !important;
  padding: 18px 0 14px !important;
  position: relative !important;
  z-index: 20 !important;
}

body:not(.wp-admin):not(.dpd-member-surface).home header.log-out.dpd-public-header::before,
body:not(.wp-admin):not(.dpd-member-surface).home header.log-out.dpd-public-header::after,
body:not(.wp-admin):not(.dpd-member-surface).page-template-templates-frontend-template-home header.log-out.dpd-public-header::before,
body:not(.wp-admin):not(.dpd-member-surface).page-template-templates-frontend-template-home header.log-out.dpd-public-header::after,
body:not(.wp-admin):not(.dpd-member-surface).page-template-templates-frontend-template-home-php header.log-out.dpd-public-header::before,
body:not(.wp-admin):not(.dpd-member-surface).page-template-templates-frontend-template-home-php header.log-out.dpd-public-header::after,
body:not(.wp-admin):not(.dpd-member-surface) .dpd-public-home-shell header.log-out.dpd-public-header::before,
body:not(.wp-admin):not(.dpd-member-surface) .dpd-public-home-shell header.log-out.dpd-public-header::after {
  content: none !important;
  display: none !important;
}

body:not(.wp-admin):not(.dpd-member-surface).home header.log-out.dpd-public-header .header-inner,
body:not(.wp-admin):not(.dpd-member-surface).page-template-templates-frontend-template-home header.log-out.dpd-public-header .header-inner,
body:not(.wp-admin):not(.dpd-member-surface).page-template-templates-frontend-template-home-php header.log-out.dpd-public-header .header-inner,
body:not(.wp-admin):not(.dpd-member-surface) .dpd-public-home-shell header.log-out.dpd-public-header .header-inner {
  background: transparent !important;
  box-shadow: none !important;
  display: block !important;
  margin: 0 auto !important;
  max-width: min(1480px, calc(100vw - 96px)) !important;
  overflow: visible !important;
  padding: 0 !important;
  position: relative !important;
  width: auto !important;
}

body:not(.wp-admin):not(.dpd-member-surface).home header.log-out.dpd-public-header .dpd-public-header-bar,
body:not(.wp-admin):not(.dpd-member-surface).page-template-templates-frontend-template-home header.log-out.dpd-public-header .dpd-public-header-bar,
body:not(.wp-admin):not(.dpd-member-surface).page-template-templates-frontend-template-home-php header.log-out.dpd-public-header .dpd-public-header-bar,
body:not(.wp-admin):not(.dpd-member-surface) .dpd-public-home-shell header.log-out.dpd-public-header .dpd-public-header-bar {
  background: linear-gradient(90deg, #374113 0%, #0b191b 48%, #071416 100%) !important;
  background-image: linear-gradient(90deg, #374113 0%, #0b191b 48%, #071416 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 28px !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.24) !important;
  display: flex !important;
  gap: clamp(14px, 2vw, 28px) !important;
  min-height: 82px !important;
  overflow: hidden !important;
  padding: 0 clamp(18px, 2.3vw, 34px) !important;
  position: relative !important;
  width: 100% !important;
}

body:not(.wp-admin):not(.dpd-member-surface).home header.log-out.dpd-public-header .logo,
body:not(.wp-admin):not(.dpd-member-surface).page-template-templates-frontend-template-home header.log-out.dpd-public-header .logo,
body:not(.wp-admin):not(.dpd-member-surface).page-template-templates-frontend-template-home-php header.log-out.dpd-public-header .logo,
body:not(.wp-admin):not(.dpd-member-surface) .dpd-public-home-shell header.log-out.dpd-public-header .logo {
  flex: 0 0 auto !important;
  inset: auto !important;
  left: auto !important;
  margin: 0 !important;
  max-width: none !important;
  min-width: 0 !important;
  position: static !important;
  transform: none !important;
  z-index: 2 !important;
}

body:not(.wp-admin):not(.dpd-member-surface) .dpd-public-home-shell .dpd-launch-feature-icon,
body:not(.wp-admin):not(.dpd-member-surface) .dpd-public-home-shell .dpd-launch-portal-panel__icon,
body:not(.wp-admin):not(.dpd-member-surface) .dpd-public-home-shell .dpd-launch-mobile-shortcut__icon {
  align-items: center !important;
  background: rgba(255, 242, 0, 0.12) !important;
  display: inline-flex !important;
  justify-content: center !important;
  min-height: 42px !important;
  min-width: 42px !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body:not(.wp-admin):not(.dpd-member-surface) .dpd-public-home-shell .dpd-launch-feature-icon img,
body:not(.wp-admin):not(.dpd-member-surface) .dpd-public-home-shell .dpd-launch-portal-panel__icon img,
body:not(.wp-admin):not(.dpd-member-surface) .dpd-public-home-shell .dpd-launch-mobile-shortcut__icon img {
  display: block !important;
  filter: none !important;
  max-height: 24px !important;
  max-width: 24px !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body.dpd-member-surface #header-login .dpd-public-header-bar {
  display: flex !important;
  gap: clamp(12px, 1.5vw, 24px) !important;
  overflow: hidden !important;
}

body.dpd-member-surface #header-login .right-sec.header-right,
body.dpd-member-surface #header-login .dpd-v2-header-primary-actions,
body.dpd-member-surface #header-login .dpd-v2-header-primary-actions--jumpbar {
  flex: 1 1 auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none !important;
  white-space: nowrap !important;
}

body.dpd-member-surface #header-login .right-sec.header-right::-webkit-scrollbar,
body.dpd-member-surface #header-login .dpd-v2-header-primary-actions::-webkit-scrollbar,
body.dpd-member-surface #header-login .dpd-v2-header-primary-actions--jumpbar::-webkit-scrollbar {
  display: none !important;
}

body.dpd-member-surface #header-login .dpd-v2-header-primary-actions > li,
body.dpd-member-surface #header-login .dpd-v2-header-primary-actions--jumpbar > li {
  flex: 0 0 auto !important;
  max-width: none !important;
  min-width: max-content !important;
}

body.dpd-member-surface #header-login .dpd-public-header-link,
body.dpd-member-surface #header-login .dpd-v2-header-jump-link {
  flex: 0 0 auto !important;
  max-width: none !important;
  min-width: max-content !important;
  overflow: visible !important;
  padding-inline: clamp(12px, 0.9vw, 16px) !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

body.dpd-member-surface #header-login .dpd-public-header-link__content {
  display: inline-block !important;
  max-width: none !important;
  min-width: 0 !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-download-card,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-marketing-card,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-utility-signal-card,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__item,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-admin-ops-card,
body.dpd-member-surface #sub-page-main-content-wrapper .mock-panel {
  min-width: 0 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-download-card *,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-marketing-card *,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-utility-signal-card *,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__item *,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-admin-ops-card * {
  max-width: 100% !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-download-card h3,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-marketing-card h3,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-utility-signal-card h3,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__item h3,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-admin-ops-card h3 {
  font-size: clamp(17px, 1.15vw, 23px) !important;
  line-height: 1.05 !important;
  overflow-wrap: anywhere !important;
  text-wrap: balance !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-download-card p,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-marketing-card p,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-utility-signal-card p,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__item p,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-admin-ops-card p {
  font-size: clamp(12px, 0.76vw, 14px) !important;
  line-height: 1.38 !important;
  overflow-wrap: anywhere !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-admin-ops-card__row,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-utility-signal-card__row,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__row {
  align-items: center !important;
  display: flex !important;
  gap: 10px !important;
  justify-content: space-between !important;
  min-width: 0 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-hero-kicker,
body.dpd-member-surface #sub-page-main-content-wrapper .border-dotted-heading h2 span,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-section-header__eyebrow,
body.dpd-member-surface #sub-page-main-content-wrapper .section-label,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-section-label {
  border-radius: 0 !important;
  box-shadow: none !important;
  line-height: 1 !important;
  overflow: visible !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .video-header-content.mock-static-bg,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .mock-static-bg {
  min-height: clamp(150px, 12vw, 190px) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dashboard-head-left h1 {
  font-size: clamp(26px, 2vw, 34px) !important;
  line-height: 1.02 !important;
}

/* Tire detail: keep one primary tire image/info module instead of repeating the tire art. */
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-hero-shell .video-header-content.mock-static-bg {
  min-height: clamp(150px, 13vw, 210px) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-hero-shell__inner {
  display: block !important;
  max-width: 100% !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-hero {
  max-width: min(720px, 100%) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-hero h1 {
  font-size: clamp(34px, 4vw, 58px) !important;
  line-height: 0.98 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-hero-visual-shell,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-dmt-overview-shell {
  display: none !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-cockpit {
  padding: clamp(20px, 2.2vw, 32px) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-cockpit__main {
  align-items: center !important;
  display: grid !important;
  gap: clamp(18px, 2.4vw, 34px) !important;
  grid-template-columns: minmax(180px, 260px) minmax(0, 1fr) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-spotlight-media--decision {
  align-self: center !important;
  aspect-ratio: 1 / 1 !important;
  margin: 0 !important;
  max-width: 260px !important;
  min-height: 0 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-spotlight-media--decision img {
  height: 100% !important;
  max-height: 230px !important;
  object-fit: contain !important;
  width: 100% !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-configurator-head {
  align-items: flex-start !important;
  gap: 16px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-size-selector--decision .dpd-v2-tire-size-selector__list {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-inline-tip,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-inline-tip--muted {
  margin-top: 12px !important;
}

@media (max-width: 900px) {
  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-cockpit__main {
    grid-template-columns: 1fr !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-spotlight-media--decision {
    max-width: 220px !important;
  }
}

/* Final DPD v2 sidebar and admin hero control pass. This file loads after the portal shell CSS. */
@media (min-width: 1101px) {
  body.dpd-member-surface {
    --dpd-v2-app-sidebar-expanded: clamp(178px, 13.5vw, 214px);
    --dpd-v2-app-sidebar-collapsed: 76px;
  }

  body.dpd-member-surface:not(.dpd-v2-sidebar-collapsed):not(.dpd-sidebar-collapsed)
    #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area {
    align-items: start !important;
    display: grid !important;
    gap: clamp(20px, 2vw, 30px) !important;
    grid-template-columns: var(--dpd-v2-app-sidebar-expanded) minmax(0, 1fr) !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell,
  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area {
    overflow: visible !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-left.dpd-v2-nav-shell,
  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell {
    align-self: start !important;
    background: linear-gradient(180deg, #101820 0%, #071018 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 26px !important;
    box-shadow: 0 24px 48px rgba(6, 15, 22, 0.2) !important;
    box-sizing: border-box !important;
    display: block !important;
    height: auto !important;
    max-height: calc(100dvh - 142px) !important;
    min-height: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding: 16px 12px !important;
    position: sticky !important;
    top: 118px !important;
    transform: none !important;
    width: var(--dpd-v2-app-sidebar-expanded) !important;
    z-index: 75 !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-left.dpd-v2-nav-shell::before,
  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-left.dpd-v2-nav-shell::after,
  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell::before,
  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell::after {
    content: none !important;
    display: none !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .main-content-area-left-nav {
    background: transparent !important;
    border: 0 !important;
    border-radius: inherit !important;
    box-shadow: none !important;
    display: grid !important;
    gap: 18px !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    width: 100% !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-header,
  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-header-actions {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-collapse {
    align-items: center !important;
    background: #04070a !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 999px !important;
    color: #fff !important;
    display: inline-flex !important;
    gap: 8px !important;
    justify-content: center !important;
    min-height: 42px !important;
    padding: 0 14px !important;
    width: 100% !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-section {
    display: grid !important;
    gap: 9px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-section h3 {
    color: rgba(255, 255, 255, 0.68) !important;
    display: block !important;
    font-size: 10px !important;
    letter-spacing: 0.42em !important;
    line-height: 1 !important;
    margin: 0 0 2px !important;
    padding: 0 0 9px !important;
    position: relative !important;
    text-transform: uppercase !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-section h3::after {
    background: linear-gradient(90deg, #31d8bf 0%, rgba(255, 242, 0, 0.5) 100%) !important;
    bottom: 0 !important;
    content: "" !important;
    display: block !important;
    height: 3px !important;
    left: 0 !important;
    position: absolute !important;
    right: 0 !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu {
    display: grid !important;
    gap: 7px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu-item {
    margin: 0 !important;
    padding: 0 !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu-item > a {
    align-items: center !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    border-radius: 14px !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    color: #fff !important;
    display: grid !important;
    gap: 12px !important;
    grid-template-columns: 26px minmax(0, 1fr) auto !important;
    min-height: 44px !important;
    padding: 9px 12px !important;
    text-decoration: none !important;
    width: 100% !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu-item > a::before,
  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu-item > a::after {
    content: none !important;
    display: none !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu-item.is-current > a,
  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu-item.current-menu-item > a,
  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu-item > a:hover,
  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu-item > a:focus-visible {
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-icon {
    color: #fff200 !important;
    display: inline-flex !important;
    font-size: 19px !important;
    justify-content: center !important;
    line-height: 1 !important;
    min-width: 26px !important;
    text-align: center !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-label {
    color: #fff !important;
    display: block !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
    line-height: 1.1 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
  }

  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area {
    gap: clamp(18px, 1.8vw, 28px) !important;
    grid-template-columns: var(--dpd-v2-app-sidebar-collapsed) minmax(0, 1fr) !important;
  }

  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-left.dpd-v2-nav-shell,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-left.dpd-v2-nav-shell,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell {
    border-radius: 999px !important;
    padding: 10px !important;
    width: var(--dpd-v2-app-sidebar-collapsed) !important;
  }

  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-section,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-section {
    gap: 10px !important;
  }

  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-section h3,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-section h3,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-label,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-label,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-count,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-count,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-close,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-close,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-collapse-label,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-collapse-label {
    display: none !important;
  }

  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-collapse,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-collapse,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu-item > a,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu-item > a {
    display: inline-flex !important;
    height: 46px !important;
    justify-content: center !important;
    min-height: 46px !important;
    padding: 0 !important;
    width: 46px !important;
  }
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-admin-tool-hero .video-header-content {
  align-items: center !important;
  display: grid !important;
  gap: 28px !important;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 340px) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-admin-tool-hero .dashboard-head-left,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-admin-tool-hero .dashboard-head-right {
  float: none !important;
  width: auto !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-admin-tool-hero .dashboard-head-right-in {
  margin-left: auto !important;
  max-width: 320px !important;
  width: 100% !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-admin-tool-hero .dashboard-head-right-in h3 {
  font-size: 34px !important;
  letter-spacing: 0.1em !important;
  line-height: 1.1 !important;
  text-align: center !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-admin-tool-hero .dpd-v2-action-row {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 16px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-admin-tool-hero .db-right-btns {
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: 1fr !important;
  width: 100% !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-admin-tool-hero .dpd-v2-action-row .bttn,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-admin-tool-hero .db-right-btns .bttn {
  align-items: center !important;
  display: inline-flex !important;
  justify-content: center !important;
  min-height: 40px !important;
  min-width: 0 !important;
  padding: 0 18px !important;
  white-space: nowrap !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-admin-tool-hero .db-right-btns .bttn {
  width: 100% !important;
}

@media (max-width: 991px) {
  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-admin-tool-hero .video-header-content {
    grid-template-columns: 1fr !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-admin-tool-hero .dashboard-head-right {
    display: none !important;
  }
}

/* Final sidebar behavior: keep the DPD v2 left nav sticky within the page flow. */
@media (min-width: 1101px) {
  body.dpd-member-surface {
    --dpd-v2-sidebar-fixed-top: clamp(104px, 7.8vw, 126px);
    --dpd-v2-sidebar-fixed-height: calc(100dvh - var(--dpd-v2-sidebar-fixed-top) - 24px);
    --dpd-v2-sidebar-expanded-final: clamp(188px, 13.5vw, 218px);
    --dpd-v2-sidebar-collapsed-final: 76px;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell,
  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell,
  body.dpd-member-surface #navbar.dpd-v2-nav-shell {
    align-self: auto !important;
    background: linear-gradient(180deg, rgba(7, 18, 26, 0.99) 0%, rgba(4, 13, 20, 0.99) 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 26px !important;
    bottom: auto !important;
    box-shadow: 0 24px 48px rgba(6, 15, 22, 0.24) !important;
    box-sizing: border-box !important;
    clip-path: inset(0 round 26px) !important;
    display: block !important;
    height: var(--dpd-v2-sidebar-fixed-height) !important;
    left: auto !important;
    max-height: var(--dpd-v2-sidebar-fixed-height) !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding: 14px 12px !important;
    position: sticky !important;
    right: auto !important;
    top: var(--dpd-v2-sidebar-fixed-top) !important;
    transform: translateZ(0) !important;
    width: var(--dpd-v2-sidebar-expanded-final) !important;
    z-index: 10020 !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell::before,
  body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell::after,
  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell::before,
  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell::after,
  body.dpd-member-surface #navbar.dpd-v2-nav-shell::before,
  body.dpd-member-surface #navbar.dpd-v2-nav-shell::after {
    content: none !important;
    display: none !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left-nav,
  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .main-content-area-left-nav,
  body.dpd-member-surface #navbar.dpd-v2-nav-shell .main-content-area-left-nav {
    background: transparent !important;
    border: 0 !important;
    border-radius: inherit !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    clip-path: none !important;
    display: grid !important;
    gap: 18px !important;
    height: calc(var(--dpd-v2-sidebar-fixed-height) - 28px) !important;
    max-height: calc(var(--dpd-v2-sidebar-fixed-height) - 28px) !important;
    min-height: 0 !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    padding: 0 !important;
    scrollbar-width: none !important;
    width: 100% !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left-nav::-webkit-scrollbar,
  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .main-content-area-left-nav::-webkit-scrollbar,
  body.dpd-member-surface #navbar.dpd-v2-nav-shell .main-content-area-left-nav::-webkit-scrollbar {
    height: 0 !important;
    width: 0 !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-header,
  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-header-actions,
  body.dpd-member-surface #navbar.dpd-v2-nav-shell .dpd-v2-nav-header,
  body.dpd-member-surface #navbar.dpd-v2-nav-shell .dpd-v2-nav-header-actions {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-collapse,
  body.dpd-member-surface #navbar.dpd-v2-nav-shell .dpd-v2-nav-collapse {
    align-items: center !important;
    background: #03070a !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 999px !important;
    color: #fff !important;
    display: inline-flex !important;
    gap: 8px !important;
    justify-content: center !important;
    min-height: 42px !important;
    padding: 0 14px !important;
    width: 100% !important;
  }

  body.dpd-v2-sidebar-collapsed.dpd-member-surface,
  body.dpd-sidebar-collapsed.dpd-member-surface {
    --dpd-v2-sidebar-fixed-bottom: 76px;
  }

  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell,
  body.dpd-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell {
    border-radius: 999px !important;
    clip-path: none !important;
    padding: 10px !important;
    width: var(--dpd-v2-sidebar-collapsed-final) !important;
  }

  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left-nav,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left-nav,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .main-content-area-left-nav,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .main-content-area-left-nav,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .main-content-area-left-nav,
  body.dpd-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .main-content-area-left-nav {
    align-items: center !important;
    gap: 12px !important;
    height: calc(var(--dpd-v2-sidebar-fixed-height) - 20px) !important;
    max-height: calc(var(--dpd-v2-sidebar-fixed-height) - 20px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    place-items: center !important;
  }

  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-section,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-section,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .dpd-v2-nav-section,
  body.dpd-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .dpd-v2-nav-section {
    align-items: center !important;
    display: grid !important;
    gap: 10px !important;
    justify-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }

  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-section h3,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-section h3,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-section h3::after,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-section h3::after,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .dpd-v2-nav-section h3,
  body.dpd-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .dpd-v2-nav-section h3,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .dpd-v2-nav-section h3::after,
  body.dpd-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .dpd-v2-nav-section h3::after {
    display: none !important;
  }

  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .menu,
  body.dpd-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .menu {
    align-items: center !important;
    display: grid !important;
    gap: 10px !important;
    justify-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }

  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .menu-item,
  body.dpd-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .menu-item {
    display: grid !important;
    justify-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
  }

  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-collapse,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-collapse,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item > a,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item > a,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .dpd-v2-nav-collapse,
  body.dpd-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .dpd-v2-nav-collapse,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .menu-item > a,
  body.dpd-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .menu-item > a {
    align-items: center !important;
    border-radius: 16px !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    height: 46px !important;
    justify-content: center !important;
    min-height: 46px !important;
    padding: 0 !important;
    width: 46px !important;
  }

  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item > a,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item > a,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .menu-item > a,
  body.dpd-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .menu-item > a {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    grid-template-columns: 1fr !important;
  }

  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item.is-current > a,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item.is-current > a,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item.current-menu-item > a,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item.current-menu-item > a,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .menu-item.is-current > a,
  body.dpd-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .menu-item.is-current > a,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .menu-item.current-menu-item > a,
  body.dpd-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .menu-item.current-menu-item > a {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    color: #fff200 !important;
    outline: 0 !important;
  }

  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-label,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-label,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-count,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-count,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-collapse-label,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-collapse-label,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .dpd-v2-nav-label,
  body.dpd-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .dpd-v2-nav-label,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .dpd-v2-nav-count,
  body.dpd-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .dpd-v2-nav-count,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .dpd-v2-nav-collapse-label,
  body.dpd-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .dpd-v2-nav-collapse-label,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item > a:hover .dpd-v2-nav-label,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item > a:hover .dpd-v2-nav-label,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item > a:focus-visible .dpd-v2-nav-label,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item > a:focus-visible .dpd-v2-nav-label,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .menu-item > a:hover .dpd-v2-nav-label,
  body.dpd-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .menu-item > a:hover .dpd-v2-nav-label,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .menu-item > a:focus-visible .dpd-v2-nav-label,
  body.dpd-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .menu-item > a:focus-visible .dpd-v2-nav-label {
    clip: rect(0 0 0 0) !important;
    display: none !important;
    font-size: 0 !important;
    height: 0 !important;
    line-height: 0 !important;
    max-height: 0 !important;
    max-width: 0 !important;
    min-height: 0 !important;
    min-width: 0 !important;
    opacity: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    visibility: hidden !important;
    white-space: nowrap !important;
    width: 0 !important;
  }

  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item > a::before,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item > a::before,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item > a::after,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item > a::after,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .menu-item > a::before,
  body.dpd-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .menu-item > a::before,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .menu-item > a::after,
  body.dpd-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .menu-item > a::after {
    content: none !important;
    display: none !important;
  }

  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-icon,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-icon,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .dpd-v2-nav-icon,
  body.dpd-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .dpd-v2-nav-icon {
    font-size: 20px !important;
    margin: 0 !important;
    min-width: 0 !important;
  }
}

@media (max-width: 991px) {
  body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell,
  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell,
  body.dpd-member-surface #navbar.dpd-v2-nav-shell {
    bottom: auto !important;
    max-height: none !important;
    position: relative !important;
    top: auto !important;
  }
}

/* Final-loaded backup: Admin Tools accordion must reveal every link inside the sidebar rail. */
@media (min-width: 1101px) {
  html body.dpd-member-surface #dpd-v2-sidebar.has-open-nav-accordion,
  html body.dpd-member-surface #dpd-v2-sidebar:has(.dpd-v2-nav-section.is-accordion.is-open),
  html body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell.has-open-nav-accordion,
  html body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell:has(.dpd-v2-nav-section.is-accordion.is-open) {
    bottom: 16px !important;
    height: auto !important;
    max-height: calc(100dvh - var(--dpd-stable-adminbar, 0px) - var(--dpd-stable-header-top, 12px) - var(--dpd-stable-header-height, 82px) - 34px) !important;
    overflow: hidden !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar.has-open-nav-accordion .main-content-area-left-nav,
  html body.dpd-member-surface #dpd-v2-sidebar:has(.dpd-v2-nav-section.is-accordion.is-open) .main-content-area-left-nav,
  html body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell.has-open-nav-accordion .main-content-area-left-nav,
  html body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell:has(.dpd-v2-nav-section.is-accordion.is-open) .main-content-area-left-nav {
    height: 100% !important;
    max-height: calc(100dvh - var(--dpd-stable-adminbar, 0px) - var(--dpd-stable-header-top, 12px) - var(--dpd-stable-header-height, 82px) - 34px) !important;
    min-height: 0 !important;
    overflow: hidden !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    padding-bottom: 40px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu {
    min-height: 0 !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu,
  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu {
    max-height: clamp(190px, 32dvh, 320px) !important;
    overflow: auto !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding-right: 6px !important;
    scrollbar-gutter: stable !important;
  }
}

/* Final-loaded accent sync: dashboard glows must follow the selected avatar color. */
html body.dpd-member-surface {
  --dpd-selected-glow-rgb: var(--dpd-portal-accent-rgb, var(--dpd-ui-accent-rgb, var(--dpd-accent-rgb, 255, 242, 0)));
  --dpd-selected-glow-accent: var(--dpd-portal-accent, var(--dpd-ui-accent, var(--dpd-accent, #fff200)));
  --dpd-selected-glow-ink: var(--dpd-portal-accent-ink, var(--dpd-ui-accent-ink, var(--dpd-accent-contrast, #071018)));
  --dpd-selected-glow-soft: rgba(var(--dpd-selected-glow-rgb), 0.1);
  --dpd-selected-glow: rgba(var(--dpd-selected-glow-rgb), 0.24);
  --dpd-selected-glow-strong: rgba(var(--dpd-selected-glow-rgb), 0.38);
  --dpd-selected-glow-border: rgba(var(--dpd-selected-glow-rgb), 0.38);
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell,
html body.dpd-member-surface .dpd-v2-header-shell {
  background:
    radial-gradient(circle at 14% 0%, rgba(var(--dpd-selected-glow-rgb), 0.09), rgba(var(--dpd-selected-glow-rgb), 0) 30%),
    linear-gradient(180deg, rgba(235, 241, 245, 0.92), rgba(246, 244, 239, 0.82)) !important;
}

html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-bar,
html body.dpd-member-surface #sub-page-main-content-wrapper .video-header-content,
html body.dpd-member-surface #sub-page-main-content-wrapper .video-header-content.mock-static-bg,
html body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-left,
html body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-right-in,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-admin-tool-hero .video-header-content,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-admin-tool-hero .dashboard-head-left,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-admin-tool-hero .dashboard-head-right-in,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-overview--ops,
html body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-right-in.dpd-v2-service-overview--ops,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__item,
html body.dpd-member-surface #sub-page-main-content-wrapper .mock-panel.is-dark,
html body.dpd-member-surface #sub-page-main-content-wrapper .mock-card.is-dark,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-action-card.is-dark,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-card,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-card,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero {
  background:
    radial-gradient(circle at 88% 10%, var(--dpd-selected-glow), rgba(var(--dpd-selected-glow-rgb), 0) 34%),
    radial-gradient(circle at 18% 92%, rgba(var(--dpd-selected-glow-rgb), 0.1), rgba(var(--dpd-selected-glow-rgb), 0) 32%),
    linear-gradient(145deg, #101820 0%, #162225 56%, #111a18 100%) !important;
  border-color: var(--dpd-selected-glow-border) !important;
  box-shadow:
    0 22px 48px rgba(7, 13, 19, 0.18),
    0 0 38px var(--dpd-selected-glow-soft) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .video-header-content::before,
html body.dpd-member-surface #sub-page-main-content-wrapper .video-header-content.mock-static-bg::before {
  background:
    radial-gradient(circle at 88% 12%, rgba(var(--dpd-selected-glow-rgb), 0.24), rgba(var(--dpd-selected-glow-rgb), 0) 35%),
    linear-gradient(90deg, rgba(7, 15, 20, 0.96) 0%, rgba(13, 23, 27, 0.82) 48%, rgba(13, 23, 27, 0.44) 100%) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .main-content-sec,
html body.dpd-member-surface #sub-page-main-content-wrapper .db-white-box,
html body.dpd-member-surface #sub-page-main-content-wrapper .mock-panel:not(.is-dark) {
  border-color: rgba(var(--dpd-selected-glow-rgb), 0.16) !important;
  box-shadow:
    0 18px 46px rgba(10, 18, 28, 0.08),
    0 0 44px rgba(var(--dpd-selected-glow-rgb), 0.07) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .border-dotted-heading h2 span {
  color: var(--dpd-selected-glow-accent) !important;
  text-shadow: 0 0 18px rgba(var(--dpd-selected-glow-rgb), 0.22) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .section-label,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-section-label,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-label,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-info-dot,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__info,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-overview__info {
  background: var(--dpd-selected-glow-accent) !important;
  border-color: rgba(var(--dpd-selected-glow-rgb), 0.66) !important;
  box-shadow: 0 10px 22px rgba(var(--dpd-selected-glow-rgb), 0.22) !important;
  color: var(--dpd-selected-glow-ink) !important;
  -webkit-text-fill-color: var(--dpd-selected-glow-ink) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .mock-chip:not(.ok):not(.ready),
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-status-pill:not(.ok):not(.ready),
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-badge:not(.ok):not(.ready) {
  background: var(--dpd-selected-glow-accent) !important;
  border-color: rgba(var(--dpd-selected-glow-rgb), 0.66) !important;
  box-shadow: 0 10px 22px rgba(var(--dpd-selected-glow-rgb), 0.2) !important;
  color: var(--dpd-selected-glow-ink) !important;
  -webkit-text-fill-color: var(--dpd-selected-glow-ink) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-money-tile,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-rebate-total,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-empty,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--program-visuals .dpd-v2-pending-rebate-row,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__row,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-overview__metric,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-overview__service {
  border-color: rgba(var(--dpd-selected-glow-rgb), 0.24) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 0 24px rgba(var(--dpd-selected-glow-rgb), 0.08) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--program-visuals .dpd-v2-loyalty-chart {
  border-color: rgba(var(--dpd-selected-glow-rgb), 0.28) !important;
  box-shadow:
    inset 0 0 0 12px rgba(var(--dpd-selected-glow-rgb), 0.08),
    0 0 30px rgba(var(--dpd-selected-glow-rgb), 0.12) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-overview__info[data-dpd-tooltip]::after,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__info[data-dpd-tooltip]::after,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-info-dot[data-dpd-tooltip]::after {
  border-color: var(--dpd-selected-glow-border) !important;
  box-shadow:
    0 12px 28px rgba(var(--dpd-selected-glow-rgb), 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}

/* Final-loaded accent enforcement: use the selected account accent, not the default portal yellow. */
html body.dpd-member-surface[data-dpd-accent="yellow"] {
  --dpd-selected-glow-rgb: 255, 242, 0 !important;
  --dpd-selected-glow-accent: #fff200 !important;
  --dpd-selected-glow-ink: #071018 !important;
}

html body.dpd-member-surface[data-dpd-accent="green"] {
  --dpd-selected-glow-rgb: 47, 221, 187 !important;
  --dpd-selected-glow-accent: #2fddbb !important;
  --dpd-selected-glow-ink: #04130f !important;
}

html body.dpd-member-surface[data-dpd-accent="blue"] {
  --dpd-selected-glow-rgb: 99, 168, 255 !important;
  --dpd-selected-glow-accent: #63a8ff !important;
  --dpd-selected-glow-ink: #07121c !important;
}

html body.dpd-member-surface[data-dpd-accent="dark"] {
  --dpd-selected-glow-rgb: 255, 242, 0 !important;
  --dpd-selected-glow-accent: #fff200 !important;
  --dpd-selected-glow-ink: #101820 !important;
}

html body.dpd-member-surface[data-dpd-accent="orange"] {
  --dpd-selected-glow-rgb: 255, 102, 0 !important;
  --dpd-selected-glow-accent: #ff6600 !important;
  --dpd-selected-glow-ink: #160d00 !important;
}

html body.dpd-member-surface[data-dpd-accent="dirt"] {
  --dpd-selected-glow-rgb: 193, 122, 50 !important;
  --dpd-selected-glow-accent: #c17a32 !important;
  --dpd-selected-glow-ink: #1c1208 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell,
html body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell {
  background:
    radial-gradient(circle at 72% 8%, rgba(var(--dpd-selected-glow-rgb), 0.18), rgba(var(--dpd-selected-glow-rgb), 0) 35%),
    linear-gradient(180deg, rgba(7, 18, 26, 0.99) 0%, rgba(4, 13, 20, 0.99) 100%) !important;
  border-color: rgba(var(--dpd-selected-glow-rgb), 0.18) !important;
  box-shadow:
    0 24px 48px rgba(6, 15, 22, 0.24),
    0 0 34px rgba(var(--dpd-selected-glow-rgb), 0.08) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-icon,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item a .dpd-v2-nav-icon,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item a i.fa,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-collapse,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-close {
  color: var(--dpd-selected-glow-accent) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-section h3,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-section-heading,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-section-toggle {
  color: var(--dpd-selected-glow-accent) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-section h3::after,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-section-heading::after,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-section-toggle::after {
  background: linear-gradient(90deg, rgba(var(--dpd-selected-glow-rgb), 0.94), rgba(var(--dpd-selected-glow-rgb), 0.42)) !important;
  box-shadow: 0 0 14px rgba(var(--dpd-selected-glow-rgb), 0.28) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .video-header-content,
html body.dpd-member-surface #sub-page-main-content-wrapper .video-header-content.mock-static-bg,
html body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-left,
html body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-right-in,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-overview--ops,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__item,
html body.dpd-member-surface #sub-page-main-content-wrapper .mock-panel.is-dark,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-card,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-card {
  background:
    radial-gradient(circle at 88% 10%, rgba(var(--dpd-selected-glow-rgb), 0.26), rgba(var(--dpd-selected-glow-rgb), 0) 34%),
    radial-gradient(circle at 18% 92%, rgba(var(--dpd-selected-glow-rgb), 0.12), rgba(var(--dpd-selected-glow-rgb), 0) 32%),
    linear-gradient(145deg, #101820 0%, #162225 56%, #111a18 100%) !important;
  border-color: rgba(var(--dpd-selected-glow-rgb), 0.42) !important;
  box-shadow:
    0 22px 48px rgba(7, 13, 19, 0.18),
    0 0 42px rgba(var(--dpd-selected-glow-rgb), 0.12) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .border-dotted-heading h2 span {
  color: var(--dpd-selected-glow-accent) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .section-label,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-section-label,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-label,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-info-dot,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__info,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-overview__info {
  background: var(--dpd-selected-glow-accent) !important;
  border-color: rgba(var(--dpd-selected-glow-rgb), 0.72) !important;
  box-shadow: 0 10px 24px rgba(var(--dpd-selected-glow-rgb), 0.24) !important;
  color: var(--dpd-selected-glow-ink) !important;
  -webkit-text-fill-color: var(--dpd-selected-glow-ink) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-overview--ops,
html body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-right-in.dpd-v2-service-overview--ops,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-overview__header,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__grid,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__item {
  overflow: visible !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-info-dot[data-dpd-tooltip],
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-overview__info[data-dpd-tooltip],
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__info[data-dpd-tooltip],
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero__info[data-dpd-tooltip] {
  overflow: visible !important;
  position: relative !important;
  z-index: 500 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-info-dot[data-dpd-tooltip]::after,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-overview__info[data-dpd-tooltip]::after,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__info[data-dpd-tooltip]::after,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero__info[data-dpd-tooltip]::after {
  background: rgba(13, 20, 27, 0.98) !important;
  border: 1px solid rgba(var(--dpd-selected-glow-rgb), 0.46) !important;
  border-radius: 10px !important;
  bottom: calc(100% + 10px) !important;
  box-shadow:
    0 18px 38px rgba(7, 12, 18, 0.28),
    0 0 28px rgba(var(--dpd-selected-glow-rgb), 0.14) !important;
  box-sizing: border-box !important;
  color: #ffffff !important;
  content: attr(data-dpd-tooltip) !important;
  display: block !important;
  font-family: "acumin-pro", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  left: auto !important;
  letter-spacing: 0 !important;
  line-height: 1.42 !important;
  max-height: min(220px, 62dvh) !important;
  max-width: min(360px, calc(100vw - 34px)) !important;
  min-width: min(300px, calc(100vw - 34px)) !important;
  opacity: 0 !important;
  overflow: auto !important;
  overflow-wrap: normal !important;
  padding: 12px 14px !important;
  pointer-events: none !important;
  position: absolute !important;
  right: 0 !important;
  text-align: left !important;
  text-shadow: none !important;
  text-transform: none !important;
  top: auto !important;
  transform: translateY(4px) !important;
  visibility: hidden !important;
  white-space: normal !important;
  width: min(360px, calc(100vw - 34px)) !important;
  word-break: normal !important;
  z-index: 2147483400 !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-info-dot[data-dpd-tooltip]:hover::after,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-info-dot[data-dpd-tooltip]:focus-visible::after,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-overview__info[data-dpd-tooltip]:hover::after,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-overview__info[data-dpd-tooltip]:focus-visible::after,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__info[data-dpd-tooltip]:hover::after,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__info[data-dpd-tooltip]:focus-visible::after,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero__info[data-dpd-tooltip]:hover::after,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero__info[data-dpd-tooltip]:focus-visible::after {
  opacity: 1 !important;
  transform: translateY(0) !important;
  visibility: visible !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-info-managed > .dpd-v2-info-summary {
  border-color: rgba(var(--dpd-selected-glow-rgb), 0.46) !important;
  box-shadow:
    0 18px 38px rgba(7, 12, 18, 0.28),
    0 0 28px rgba(var(--dpd-selected-glow-rgb), 0.14) !important;
  width: min(380px, calc(100vw - 34px)) !important;
}

/* Last-word account accent mapping for dashboard glow surfaces. */
html[data-dpd-accent="yellow"] body.dpd-member-surface,
html[data-accent-mode="yellow"] body.dpd-member-surface,
body.dpd-member-surface[data-dpd-accent="yellow"],
body.dpd-member-surface[data-accent-mode="yellow"],
#sub-page-main-content-wrapper[data-dpd-accent="yellow"],
#sub-page-main-content-wrapper[data-accent-mode="yellow"],
.dpd-v2-portal-shell[data-dpd-accent="yellow"],
.dpd-v2-portal-shell[data-accent-mode="yellow"],
.main-content-area-right[data-dpd-accent="yellow"],
.main-content-area-right[data-accent-mode="yellow"] {
  --dpd-accent: #fff200 !important;
  --dpd-accent-rgb: 255, 242, 0 !important;
  --dpd-accent-contrast: #071018 !important;
  --dpd-portal-accent: #fff200 !important;
  --dpd-portal-accent-rgb: 255, 242, 0 !important;
  --dpd-portal-accent-ink: #071018 !important;
  --dpd-ui-accent: #fff200 !important;
  --dpd-ui-accent-rgb: 255, 242, 0 !important;
  --dpd-ui-accent-ink: #071018 !important;
  --dpd-selected-glow-rgb: 255, 242, 0 !important;
  --dpd-selected-glow-accent: #fff200 !important;
  --dpd-selected-glow-ink: #071018 !important;
  --dpd-selected-glow-soft: rgba(255, 242, 0, 0.1) !important;
  --dpd-selected-glow: rgba(255, 242, 0, 0.24) !important;
  --dpd-selected-glow-strong: rgba(255, 242, 0, 0.38) !important;
  --dpd-selected-glow-border: rgba(255, 242, 0, 0.38) !important;
}

html[data-dpd-accent="green"] body.dpd-member-surface,
html[data-accent-mode="green"] body.dpd-member-surface,
body.dpd-member-surface[data-dpd-accent="green"],
body.dpd-member-surface[data-accent-mode="green"],
#sub-page-main-content-wrapper[data-dpd-accent="green"],
#sub-page-main-content-wrapper[data-accent-mode="green"],
.dpd-v2-portal-shell[data-dpd-accent="green"],
.dpd-v2-portal-shell[data-accent-mode="green"],
.main-content-area-right[data-dpd-accent="green"],
.main-content-area-right[data-accent-mode="green"] {
  --dpd-accent: #2fddbb !important;
  --dpd-accent-rgb: 47, 221, 187 !important;
  --dpd-accent-contrast: #04130f !important;
  --dpd-portal-accent: #2fddbb !important;
  --dpd-portal-accent-rgb: 47, 221, 187 !important;
  --dpd-portal-accent-ink: #04130f !important;
  --dpd-ui-accent: #2fddbb !important;
  --dpd-ui-accent-rgb: 47, 221, 187 !important;
  --dpd-ui-accent-ink: #04130f !important;
  --dpd-selected-glow-rgb: 47, 221, 187 !important;
  --dpd-selected-glow-accent: #2fddbb !important;
  --dpd-selected-glow-ink: #04130f !important;
  --dpd-selected-glow-soft: rgba(47, 221, 187, 0.1) !important;
  --dpd-selected-glow: rgba(47, 221, 187, 0.24) !important;
  --dpd-selected-glow-strong: rgba(47, 221, 187, 0.38) !important;
  --dpd-selected-glow-border: rgba(47, 221, 187, 0.38) !important;
}

html[data-dpd-accent="blue"] body.dpd-member-surface,
html[data-accent-mode="blue"] body.dpd-member-surface,
body.dpd-member-surface[data-dpd-accent="blue"],
body.dpd-member-surface[data-accent-mode="blue"],
#sub-page-main-content-wrapper[data-dpd-accent="blue"],
#sub-page-main-content-wrapper[data-accent-mode="blue"],
.dpd-v2-portal-shell[data-dpd-accent="blue"],
.dpd-v2-portal-shell[data-accent-mode="blue"],
.main-content-area-right[data-dpd-accent="blue"],
.main-content-area-right[data-accent-mode="blue"] {
  --dpd-accent: #63a8ff !important;
  --dpd-accent-rgb: 99, 168, 255 !important;
  --dpd-accent-contrast: #07121c !important;
  --dpd-portal-accent: #63a8ff !important;
  --dpd-portal-accent-rgb: 99, 168, 255 !important;
  --dpd-portal-accent-ink: #07121c !important;
  --dpd-ui-accent: #63a8ff !important;
  --dpd-ui-accent-rgb: 99, 168, 255 !important;
  --dpd-ui-accent-ink: #07121c !important;
  --dpd-selected-glow-rgb: 99, 168, 255 !important;
  --dpd-selected-glow-accent: #63a8ff !important;
  --dpd-selected-glow-ink: #07121c !important;
  --dpd-selected-glow-soft: rgba(99, 168, 255, 0.1) !important;
  --dpd-selected-glow: rgba(99, 168, 255, 0.24) !important;
  --dpd-selected-glow-strong: rgba(99, 168, 255, 0.38) !important;
  --dpd-selected-glow-border: rgba(99, 168, 255, 0.38) !important;
}

html[data-dpd-accent="dark"] body.dpd-member-surface,
html[data-accent-mode="dark"] body.dpd-member-surface,
body.dpd-member-surface[data-dpd-accent="dark"],
body.dpd-member-surface[data-accent-mode="dark"],
#sub-page-main-content-wrapper[data-dpd-accent="dark"],
#sub-page-main-content-wrapper[data-accent-mode="dark"],
.dpd-v2-portal-shell[data-dpd-accent="dark"],
.dpd-v2-portal-shell[data-accent-mode="dark"],
.main-content-area-right[data-dpd-accent="dark"],
.main-content-area-right[data-accent-mode="dark"] {
  --dpd-accent: #fff200 !important;
  --dpd-accent-rgb: 255, 242, 0 !important;
  --dpd-accent-contrast: #101820 !important;
  --dpd-portal-accent: #fff200 !important;
  --dpd-portal-accent-rgb: 255, 242, 0 !important;
  --dpd-portal-accent-ink: #101820 !important;
  --dpd-ui-accent: #fff200 !important;
  --dpd-ui-accent-rgb: 255, 242, 0 !important;
  --dpd-ui-accent-ink: #101820 !important;
  --dpd-selected-glow-rgb: 255, 242, 0 !important;
  --dpd-selected-glow-accent: #fff200 !important;
  --dpd-selected-glow-ink: #101820 !important;
  --dpd-selected-glow-soft: rgba(255, 242, 0, 0.1) !important;
  --dpd-selected-glow: rgba(255, 242, 0, 0.24) !important;
  --dpd-selected-glow-strong: rgba(255, 242, 0, 0.38) !important;
  --dpd-selected-glow-border: rgba(255, 242, 0, 0.38) !important;
  --dpd-user-badge-fill: #101820 !important;
  --dpd-user-badge-ink: #fff200 !important;
}

html[data-dpd-accent="orange"] body.dpd-member-surface,
html[data-accent-mode="orange"] body.dpd-member-surface,
body.dpd-member-surface[data-dpd-accent="orange"],
body.dpd-member-surface[data-accent-mode="orange"],
#sub-page-main-content-wrapper[data-dpd-accent="orange"],
#sub-page-main-content-wrapper[data-accent-mode="orange"],
.dpd-v2-portal-shell[data-dpd-accent="orange"],
.dpd-v2-portal-shell[data-accent-mode="orange"],
.main-content-area-right[data-dpd-accent="orange"],
.main-content-area-right[data-accent-mode="orange"] {
  --dpd-accent: #ff6600 !important;
  --dpd-accent-rgb: 255, 102, 0 !important;
  --dpd-accent-contrast: #160d00 !important;
  --dpd-portal-accent: #ff6600 !important;
  --dpd-portal-accent-rgb: 255, 102, 0 !important;
  --dpd-portal-accent-ink: #160d00 !important;
  --dpd-ui-accent: #ff6600 !important;
  --dpd-ui-accent-rgb: 255, 102, 0 !important;
  --dpd-ui-accent-ink: #160d00 !important;
  --dpd-selected-glow-rgb: 255, 102, 0 !important;
  --dpd-selected-glow-accent: #ff6600 !important;
  --dpd-selected-glow-ink: #160d00 !important;
  --dpd-selected-glow-soft: rgba(255, 102, 0, 0.1) !important;
  --dpd-selected-glow: rgba(255, 102, 0, 0.24) !important;
  --dpd-selected-glow-strong: rgba(255, 102, 0, 0.38) !important;
  --dpd-selected-glow-border: rgba(255, 102, 0, 0.38) !important;
}

html[data-dpd-accent="dirt"] body.dpd-member-surface,
html[data-accent-mode="dirt"] body.dpd-member-surface,
html[data-accent-mode="offroad"] body.dpd-member-surface,
body.dpd-member-surface[data-dpd-accent="dirt"],
body.dpd-member-surface[data-accent-mode="dirt"],
body.dpd-member-surface[data-accent-mode="offroad"],
#sub-page-main-content-wrapper[data-dpd-accent="dirt"],
#sub-page-main-content-wrapper[data-accent-mode="dirt"],
#sub-page-main-content-wrapper[data-accent-mode="offroad"],
.dpd-v2-portal-shell[data-dpd-accent="dirt"],
.dpd-v2-portal-shell[data-accent-mode="dirt"],
.dpd-v2-portal-shell[data-accent-mode="offroad"],
.main-content-area-right[data-dpd-accent="dirt"],
.main-content-area-right[data-accent-mode="dirt"],
.main-content-area-right[data-accent-mode="offroad"] {
  --dpd-accent: #c17a32 !important;
  --dpd-accent-rgb: 193, 122, 50 !important;
  --dpd-accent-contrast: #1c1208 !important;
  --dpd-portal-accent: #c17a32 !important;
  --dpd-portal-accent-rgb: 193, 122, 50 !important;
  --dpd-portal-accent-ink: #1c1208 !important;
  --dpd-ui-accent: #c17a32 !important;
  --dpd-ui-accent-rgb: 193, 122, 50 !important;
  --dpd-ui-accent-ink: #1c1208 !important;
  --dpd-selected-glow-rgb: 193, 122, 50 !important;
  --dpd-selected-glow-accent: #c17a32 !important;
  --dpd-selected-glow-ink: #1c1208 !important;
  --dpd-selected-glow-soft: rgba(193, 122, 50, 0.1) !important;
  --dpd-selected-glow: rgba(193, 122, 50, 0.24) !important;
  --dpd-selected-glow-strong: rgba(193, 122, 50, 0.38) !important;
  --dpd-selected-glow-border: rgba(193, 122, 50, 0.38) !important;
}

/* DPD v2 sidebar/accent audit closeout - 2026-06-24. */
@media (min-width: 1101px) {
  html body.dpd-member-surface #dpd-v2-sidebar,
  html body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell {
    bottom: 16px !important;
    max-height: calc(100dvh - var(--dpd-stable-adminbar, 0px) - var(--dpd-stable-header-top, 12px) - var(--dpd-stable-header-height, 82px) - 34px) !important;
    overflow: hidden !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar .main-content-area-left-nav,
  html body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell .main-content-area-left-nav,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .main-content-area-left-nav {
    max-height: calc(100dvh - var(--dpd-stable-adminbar, 0px) - var(--dpd-stable-header-top, 12px) - var(--dpd-stable-header-height, 82px) - 34px) !important;
    min-height: 0 !important;
    overflow: hidden !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    padding-bottom: 40px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu,
  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu {
    display: flex !important;
    max-height: clamp(190px, 32dvh, 320px) !important;
    overflow: auto !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding-right: 6px !important;
    scrollbar-gutter: stable !important;
  }
}

html[data-dpd-accent="dark"] body.dpd-member-surface,
html[data-accent-mode="dark"] body.dpd-member-surface,
body.dpd-member-surface[data-dpd-accent="dark"],
body.dpd-member-surface[data-accent-mode="dark"],
#sub-page-main-content-wrapper[data-dpd-accent="dark"],
#sub-page-main-content-wrapper[data-accent-mode="dark"],
.dpd-v2-portal-shell[data-dpd-accent="dark"],
.dpd-v2-portal-shell[data-accent-mode="dark"],
.main-content-area-right[data-dpd-accent="dark"],
.main-content-area-right[data-accent-mode="dark"] {
  --dpd-accent: #fff200 !important;
  --dpd-accent-rgb: 255, 242, 0 !important;
  --dpd-accent-contrast: #101820 !important;
  --dpd-portal-accent: #fff200 !important;
  --dpd-portal-accent-rgb: 255, 242, 0 !important;
  --dpd-portal-accent-ink: #101820 !important;
  --dpd-ui-accent: #fff200 !important;
  --dpd-ui-accent-rgb: 255, 242, 0 !important;
  --dpd-ui-accent-ink: #101820 !important;
  --dpd-selected-glow-rgb: 255, 242, 0 !important;
  --dpd-selected-glow-accent: #fff200 !important;
  --dpd-selected-glow-ink: #101820 !important;
  --dpd-selected-glow-soft: rgba(255, 242, 0, 0.1) !important;
  --dpd-selected-glow: rgba(255, 242, 0, 0.24) !important;
  --dpd-selected-glow-strong: rgba(255, 242, 0, 0.38) !important;
  --dpd-selected-glow-border: rgba(255, 242, 0, 0.38) !important;
  --dpd-user-badge-fill: #101820 !important;
  --dpd-user-badge-ink: #fff200 !important;
}

html[data-dpd-accent="dark"] body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item > a,
body.dpd-member-surface[data-dpd-accent="dark"] #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item > a,
html[data-dpd-accent="dark"] body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-label,
body.dpd-member-surface[data-dpd-accent="dark"] #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-label,
html[data-dpd-accent="dark"] body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section h3,
body.dpd-member-surface[data-dpd-accent="dark"] #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section h3 {
  color: #fff200 !important;
  -webkit-text-fill-color: #fff200 !important;
}

html[data-dpd-accent="dark"] body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-icon,
html[data-dpd-accent="dark"] body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item a i.fa,
body.dpd-member-surface[data-dpd-accent="dark"] #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-icon,
body.dpd-member-surface[data-dpd-accent="dark"] #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item a i.fa {
  color: #fff200 !important;
}

body[data-theme-mode="offroad"].dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item > a,
html[data-accent-mode="offroad"] body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item > a,
body.dpd-member-surface[data-accent-mode="offroad"] #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item > a {
  border-radius: 6px !important;
  gap: 14px !important;
  margin: 0 0 5px !important;
  min-height: 38px !important;
  padding: 10px 12px !important;
  transform: none !important;
}

body[data-theme-mode="offroad"].dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .main-content-area-left-nav,
html[data-accent-mode="offroad"] body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .main-content-area-left-nav,
body.dpd-member-surface[data-accent-mode="offroad"] #sub-page-main-content-wrapper .dpd-v2-nav-shell .main-content-area-left-nav {
  border-radius: 22px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--program-visuals,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-card,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-card--wide,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-visual-card,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__item,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-overview--ops,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-admin-tool-hero .video-header-content {
  border-color: rgba(var(--dpd-selected-glow-rgb), 0.42) !important;
  box-shadow:
    0 22px 48px rgba(7, 13, 19, 0.18),
    0 0 42px rgba(var(--dpd-selected-glow-rgb), 0.12) !important;
}

html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-bar,
html body.dpd-member-surface .dpd-v2-header-shell #header-login .header-right,
html body.dpd-member-surface .dpd-v2-header-shell #header-login .right-sec,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell,
html body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .main-content-area-left-nav {
  background:
    radial-gradient(circle at 72% 8%, rgba(var(--dpd-selected-glow-rgb), 0.18), rgba(var(--dpd-selected-glow-rgb), 0) 35%),
    linear-gradient(180deg, rgba(7, 18, 26, 0.99) 0%, rgba(4, 13, 20, 0.99) 100%) !important;
  border-color: rgba(var(--dpd-selected-glow-rgb), 0.2) !important;
  box-shadow:
    0 24px 48px rgba(6, 15, 22, 0.24),
    0 0 34px rgba(var(--dpd-selected-glow-rgb), 0.1) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-card,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-card--wide,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__item,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-overview--ops,
html body.dpd-member-surface #sub-page-main-content-wrapper .video-header-content,
html body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-left,
html body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-right-in {
  background:
    radial-gradient(circle at 88% 10%, rgba(var(--dpd-selected-glow-rgb), 0.26), rgba(var(--dpd-selected-glow-rgb), 0) 34%),
    radial-gradient(circle at 18% 92%, rgba(var(--dpd-selected-glow-rgb), 0.12), rgba(var(--dpd-selected-glow-rgb), 0) 32%),
    linear-gradient(145deg, #101820 0%, #162225 56%, #111a18 100%) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .section-label,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-section-label,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-chip,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-status,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-card__label,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-card__status,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-label,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-info-dot,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__info,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-overview__info {
  background: var(--dpd-selected-glow-accent) !important;
  border-color: rgba(var(--dpd-selected-glow-rgb), 0.72) !important;
  box-shadow: 0 10px 24px rgba(var(--dpd-selected-glow-rgb), 0.24) !important;
  color: var(--dpd-selected-glow-ink) !important;
  -webkit-text-fill-color: var(--dpd-selected-glow-ink) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-overview__metric,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-money-tile,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-rebate-total,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-empty,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-pending-rebate-row {
  border-color: rgba(var(--dpd-selected-glow-rgb), 0.3) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 28px rgba(var(--dpd-selected-glow-rgb), 0.1) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-info-dot[data-dpd-tooltip]::after,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-overview__info[data-dpd-tooltip]::after,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__info[data-dpd-tooltip]::after,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero__info[data-dpd-tooltip]::after {
  box-sizing: border-box !important;
  display: block !important;
  font-size: 12px !important;
  letter-spacing: 0 !important;
  line-height: 1.45 !important;
  max-width: min(420px, calc(100vw - 48px)) !important;
  min-width: min(320px, calc(100vw - 48px)) !important;
  overflow-wrap: normal !important;
  padding: 12px 14px !important;
  text-align: left !important;
  text-transform: none !important;
  white-space: normal !important;
  width: min(420px, calc(100vw - 48px)) !important;
  word-break: normal !important;
}

/* DPD v2 final sidebar/avatar/accent polish - 2026-06-24. */
@media (min-width: 1101px) {
  html body.dpd-member-surface #dpd-v2-sidebar .main-content-area-left-nav,
  html body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell .main-content-area-left-nav,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .main-content-area-left-nav {
    overflow: hidden !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    padding-bottom: 40px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu,
  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu {
    max-height: clamp(190px, 32dvh, 320px) !important;
    overflow: auto !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding-right: 6px !important;
    scrollbar-color: var(--dpd-selected-glow-accent) rgba(255, 255, 255, 0.08) !important;
    scrollbar-gutter: stable !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu::-webkit-scrollbar,
  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu::-webkit-scrollbar {
    width: 6px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu::-webkit-scrollbar-thumb,
  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu::-webkit-scrollbar-thumb {
    background: var(--dpd-selected-glow-accent) !important;
    border-radius: 999px !important;
  }
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-left,
html body.dpd-member-surface #sub-page-main-content-wrapper .video-header .dashboard-head-left,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-admin-tool-hero .dashboard-head-left {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  outline: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-left::before,
html body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-left::after,
html body.dpd-member-surface #sub-page-main-content-wrapper .video-header .dashboard-head-left::before,
html body.dpd-member-surface #sub-page-main-content-wrapper .video-header .dashboard-head-left::after {
  content: none !important;
  display: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .video-header-content,
html body.dpd-member-surface #sub-page-main-content-wrapper .video-header-content.mock-static-bg,
html body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-right-in,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-overview--ops,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__item,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-card,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-card,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-card--wide,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-visual-card,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero {
  background:
    radial-gradient(circle at 88% 12%, rgba(var(--dpd-selected-glow-rgb), 0.34), rgba(var(--dpd-selected-glow-rgb), 0) 36%),
    radial-gradient(circle at 18% 92%, rgba(var(--dpd-selected-glow-rgb), 0.12), rgba(var(--dpd-selected-glow-rgb), 0) 34%),
    linear-gradient(145deg, #101820 0%, #132128 58%, #0d161c 100%) !important;
  border-color: rgba(var(--dpd-selected-glow-rgb), 0.44) !important;
  box-shadow:
    0 22px 48px rgba(7, 13, 19, 0.18),
    0 0 42px rgba(var(--dpd-selected-glow-rgb), 0.14) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .section-label,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-section-label,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-chip,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-status,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-card__label,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-card__status,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-label,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-info-dot,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__info,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-overview__info {
  background: var(--dpd-selected-glow-accent) !important;
  border-color: rgba(var(--dpd-selected-glow-rgb), 0.72) !important;
  box-shadow:
    0 10px 24px rgba(var(--dpd-selected-glow-rgb), 0.26),
    0 0 26px rgba(var(--dpd-selected-glow-rgb), 0.16) !important;
  color: var(--dpd-selected-glow-ink) !important;
  -webkit-text-fill-color: var(--dpd-selected-glow-ink) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__item .dpd-v2-status-badge,
html body.dpd-member-surface #sub-page-main-content-wrapper .mock-chip,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-status-pill,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-badge {
  box-shadow:
    0 10px 24px rgba(var(--dpd-selected-glow-rgb), 0.22),
    0 0 22px rgba(var(--dpd-selected-glow-rgb), 0.16) !important;
}

#dpd-account-dropdown .acc-avatar-option.is-active,
#dpd-account-dropdown .acc-palette-swatch.is-active {
  border-color: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent))) !important;
  box-shadow:
    inset 0 0 0 1px var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent))),
    0 12px 28px rgba(var(--dpd-user-accent-rgb, var(--dpd-selected-glow-rgb)), 0.18) !important;
}

#dpd-account-dropdown .acc-avatar-icon,
#dpd-account-dropdown .acc-avatar-initials,
#dpd-account-dropdown .acc-drop-pic .dpd-user-badge,
.dpd-v2-header-shell [data-dpd-user-badge],
#header-login [data-dpd-user-badge],
.dpd-public-header [data-dpd-user-badge] {
  background: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent))) !important;
  border-color: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent))) !important;
  color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink))) !important;
  -webkit-text-fill-color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink))) !important;
}

#dpd-account-dropdown .acc-avatar-icon--image {
  align-items: center !important;
  background: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent))) !important;
  border-color: rgba(0, 0, 0, 0.16) !important;
  color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink))) !important;
  display: inline-flex !important;
  justify-content: center !important;
  overflow: hidden !important;
  position: relative !important;
  -webkit-text-fill-color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink))) !important;
}

#dpd-account-dropdown .acc-avatar-icon--image::before {
  background: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink))) !important;
  content: "" !important;
  display: block !important;
  flex: 0 0 auto !important;
  height: 72% !important;
  width: 72% !important;
  -webkit-mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
  mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
}

#dpd-account-dropdown .acc-avatar-icon--image .acc-avatar-icon__img,
[data-dpd-user-badge] .dpd-user-badge__mark-img {
  display: none !important;
}

[data-dpd-user-badge] .dpd-user-badge__mark--image {
  background: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink, var(--dpd-portal-accent-ink, #101820)))) !important;
  display: block !important;
  height: 66% !important;
  max-height: 34px !important;
  max-width: 34px !important;
  width: 66% !important;
  -webkit-mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
  mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
}

/* Keep SVG avatar choices rendered as masks after older dropdown image rules load. */
html body.dpd-member-surface #dpd-account-dropdown .acc-avatar-option--chip .acc-avatar-icon--image,
html body.dpd-member-surface #dpd-account-dropdown .acc-avatar-option--mark .acc-avatar-icon--image {
  align-items: center !important;
  background: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent, var(--dpd-portal-accent, #fff200)))) !important;
  background-color: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent, var(--dpd-portal-accent, #fff200)))) !important;
  background-image: none !important;
  border-color: rgba(0, 0, 0, 0.16) !important;
  color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink, var(--dpd-portal-accent-ink, #101820)))) !important;
  display: inline-flex !important;
  height: 30px !important;
  justify-content: center !important;
  mask-image: none !important;
  overflow: hidden !important;
  position: relative !important;
  width: 30px !important;
  -webkit-mask-image: none !important;
  -webkit-text-fill-color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink, var(--dpd-portal-accent-ink, #101820)))) !important;
}

html body.dpd-member-surface #dpd-account-dropdown .acc-avatar-option--chip .acc-avatar-icon--image::before,
html body.dpd-member-surface #dpd-account-dropdown .acc-avatar-option--mark .acc-avatar-icon--image::before {
  background: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink, var(--dpd-portal-accent-ink, #101820)))) !important;
  content: "" !important;
  display: block !important;
  flex: 0 0 auto !important;
  height: 72% !important;
  width: 72% !important;
  -webkit-mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
  mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
}

html body.dpd-member-surface #dpd-account-dropdown .acc-avatar-option--chip .acc-avatar-icon--image .acc-avatar-icon__img,
html body.dpd-member-surface #dpd-account-dropdown .acc-avatar-option--mark .acc-avatar-icon--image .acc-avatar-icon__img,
html body.dpd-member-surface #dpd-account-dropdown .dpd-user-badge__mark-img,
html body.dpd-member-surface #header-login .dpd-user-badge__mark-img,
html body.dpd-member-surface .dpd-v2-header-shell [data-dpd-user-badge] .dpd-user-badge__mark-img,
html body.dpd-member-surface .dpd-public-header [data-dpd-user-badge] .dpd-user-badge__mark-img {
  display: none !important;
}

html body.dpd-member-surface #dpd-account-dropdown .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark--image,
html body.dpd-member-surface #header-login .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark--image,
html body.dpd-member-surface .dpd-v2-header-shell [data-dpd-user-badge] .dpd-user-badge__mark--image,
html body.dpd-member-surface .dpd-public-header [data-dpd-user-badge] .dpd-user-badge__mark--image {
  background: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink, var(--dpd-portal-accent-ink, #101820)))) !important;
  background-color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink, var(--dpd-portal-accent-ink, #101820)))) !important;
  background-image: none !important;
  display: block !important;
  height: 66% !important;
  max-height: 34px !important;
  max-width: 34px !important;
  width: 66% !important;
  -webkit-mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
  mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
}

html body.dpd-member-surface #dpd-account-dropdown .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark--image::before,
html body.dpd-member-surface #header-login .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark--image::before,
html body.dpd-member-surface .dpd-v2-header-shell [data-dpd-user-badge] .dpd-user-badge__mark--image::before,
html body.dpd-member-surface .dpd-public-header [data-dpd-user-badge] .dpd-user-badge__mark--image::before {
  content: none !important;
  display: none !important;
}

/* Black accent closeout: clean page base, yellow buttons, white chrome icons. */
html[data-dpd-accent="dark"] body.dpd-member-surface,
html[data-accent-mode="dark"] body.dpd-member-surface,
body.dpd-member-surface[data-dpd-accent="dark"],
body.dpd-member-surface[data-accent-mode="dark"] {
  background-color: #f7f8f2 !important;
  background-image: none !important;
  --dpd-selected-glow-rgb: 255, 242, 0 !important;
  --dpd-selected-glow-accent: #fff200 !important;
  --dpd-selected-glow-ink: #101820 !important;
}

html[data-dpd-accent="dark"] body.dpd-member-surface::before,
html[data-dpd-accent="dark"] body.dpd-member-surface::after,
html[data-accent-mode="dark"] body.dpd-member-surface::before,
html[data-accent-mode="dark"] body.dpd-member-surface::after,
body.dpd-member-surface[data-dpd-accent="dark"]::before,
body.dpd-member-surface[data-dpd-accent="dark"]::after,
body.dpd-member-surface[data-accent-mode="dark"]::before,
body.dpd-member-surface[data-accent-mode="dark"]::after,
html[data-dpd-accent="dark"] body.dpd-member-surface #sub-page-main-content-wrapper::before,
html[data-dpd-accent="dark"] body.dpd-member-surface #sub-page-main-content-wrapper::after,
html[data-accent-mode="dark"] body.dpd-member-surface #sub-page-main-content-wrapper::before,
html[data-accent-mode="dark"] body.dpd-member-surface #sub-page-main-content-wrapper::after,
body.dpd-member-surface[data-dpd-accent="dark"] #sub-page-main-content-wrapper::before,
body.dpd-member-surface[data-dpd-accent="dark"] #sub-page-main-content-wrapper::after,
body.dpd-member-surface[data-accent-mode="dark"] #sub-page-main-content-wrapper::before,
body.dpd-member-surface[data-accent-mode="dark"] #sub-page-main-content-wrapper::after {
  background: none !important;
  background-image: none !important;
  content: none !important;
  display: none !important;
}

html[data-dpd-accent="dark"] body.dpd-member-surface #sub-page-main-content-wrapper,
html[data-dpd-accent="dark"] body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area,
html[data-dpd-accent="dark"] body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-right,
html[data-dpd-accent="dark"] body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-right-content,
html[data-dpd-accent="dark"] body.dpd-member-surface #sub-page-main-content-wrapper .main-content-sec,
html[data-dpd-accent="dark"] body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section,
html[data-accent-mode="dark"] body.dpd-member-surface #sub-page-main-content-wrapper,
html[data-accent-mode="dark"] body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area,
html[data-accent-mode="dark"] body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-right,
html[data-accent-mode="dark"] body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-right-content,
html[data-accent-mode="dark"] body.dpd-member-surface #sub-page-main-content-wrapper .main-content-sec,
html[data-accent-mode="dark"] body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section,
body.dpd-member-surface[data-dpd-accent="dark"] #sub-page-main-content-wrapper,
body.dpd-member-surface[data-dpd-accent="dark"] #sub-page-main-content-wrapper .main-content-area,
body.dpd-member-surface[data-dpd-accent="dark"] #sub-page-main-content-wrapper .main-content-area-right,
body.dpd-member-surface[data-dpd-accent="dark"] #sub-page-main-content-wrapper .main-content-area-right-content,
body.dpd-member-surface[data-dpd-accent="dark"] #sub-page-main-content-wrapper .main-content-sec,
body.dpd-member-surface[data-dpd-accent="dark"] #sub-page-main-content-wrapper .dpd-v2-dashboard-section,
body.dpd-member-surface[data-accent-mode="dark"] #sub-page-main-content-wrapper,
body.dpd-member-surface[data-accent-mode="dark"] #sub-page-main-content-wrapper .main-content-area,
body.dpd-member-surface[data-accent-mode="dark"] #sub-page-main-content-wrapper .main-content-area-right,
body.dpd-member-surface[data-accent-mode="dark"] #sub-page-main-content-wrapper .main-content-area-right-content,
body.dpd-member-surface[data-accent-mode="dark"] #sub-page-main-content-wrapper .main-content-sec,
body.dpd-member-surface[data-accent-mode="dark"] #sub-page-main-content-wrapper .dpd-v2-dashboard-section {
  background-image: none !important;
  background-size: auto !important;
}

html[data-dpd-accent="dark"] body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-link:not(.dpd-public-header-link--utility-bubble):not(.dpd-v2-header-jump-link),
html[data-dpd-accent="dark"] body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-route-jumpbar a:not(.dpd-v2-header-jump-link),
html[data-dpd-accent="dark"] body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-action-row a,
html[data-dpd-accent="dark"] body.dpd-member-surface #sub-page-main-content-wrapper .bttn,
html[data-dpd-accent="dark"] body.dpd-member-surface #sub-page-main-content-wrapper .bttn a,
html[data-dpd-accent="dark"] body.dpd-member-surface #dpd-account-dropdown .dpd-account-menu__action.is-primary,
html[data-dpd-accent="dark"] body.dpd-member-surface #dpd-account-dropdown .dpd-account-menu__action.is-signout,
body.dpd-member-surface[data-dpd-accent="dark"] .dpd-v2-header-shell #header-login .dpd-public-header-link:not(.dpd-public-header-link--utility-bubble):not(.dpd-v2-header-jump-link),
body.dpd-member-surface[data-dpd-accent="dark"] .dpd-v2-header-shell #header-login .dpd-v2-route-jumpbar a:not(.dpd-v2-header-jump-link),
body.dpd-member-surface[data-dpd-accent="dark"] #sub-page-main-content-wrapper .dpd-v2-action-row a,
body.dpd-member-surface[data-dpd-accent="dark"] #sub-page-main-content-wrapper .bttn,
body.dpd-member-surface[data-dpd-accent="dark"] #sub-page-main-content-wrapper .bttn a,
body.dpd-member-surface[data-dpd-accent="dark"] #dpd-account-dropdown .dpd-account-menu__action.is-primary,
body.dpd-member-surface[data-dpd-accent="dark"] #dpd-account-dropdown .dpd-account-menu__action.is-signout {
  background: #fff200 !important;
  background-color: #fff200 !important;
  background-image: none !important;
  border-color: #fff200 !important;
  box-shadow:
    0 12px 28px rgba(255, 242, 0, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.34) !important;
  color: #101820 !important;
  text-shadow: none !important;
  -webkit-text-fill-color: #101820 !important;
}

html[data-dpd-accent="dark"] body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-link--utility-bubble,
html[data-dpd-accent="dark"] body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-link--finder-bubble,
html[data-dpd-accent="dark"] body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-utility button,
body.dpd-member-surface[data-dpd-accent="dark"] .dpd-v2-header-shell #header-login .dpd-public-header-link--utility-bubble,
body.dpd-member-surface[data-dpd-accent="dark"] .dpd-v2-header-shell #header-login .dpd-public-header-link--finder-bubble,
body.dpd-member-surface[data-dpd-accent="dark"] .dpd-v2-header-shell #header-login .dpd-public-header-utility button {
  background: rgba(7, 18, 26, 0.92) !important;
  border-color: rgba(255, 242, 0, 0.62) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html[data-dpd-accent="dark"] body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-link--utility-bubble i,
html[data-dpd-accent="dark"] body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-link--utility-bubble svg,
html[data-dpd-accent="dark"] body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-link--finder-bubble i,
html[data-dpd-accent="dark"] body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-link--finder-bubble svg,
html[data-dpd-accent="dark"] body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-utility button i,
html[data-dpd-accent="dark"] body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-utility button svg,
html[data-dpd-accent="dark"] body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-icon,
html[data-dpd-accent="dark"] body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item a i.fa,
html[data-dpd-accent="dark"] body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item a svg,
body.dpd-member-surface[data-dpd-accent="dark"] .dpd-v2-header-shell #header-login .dpd-public-header-link--utility-bubble i,
body.dpd-member-surface[data-dpd-accent="dark"] .dpd-v2-header-shell #header-login .dpd-public-header-link--utility-bubble svg,
body.dpd-member-surface[data-dpd-accent="dark"] .dpd-v2-header-shell #header-login .dpd-public-header-link--finder-bubble i,
body.dpd-member-surface[data-dpd-accent="dark"] .dpd-v2-header-shell #header-login .dpd-public-header-link--finder-bubble svg,
body.dpd-member-surface[data-dpd-accent="dark"] .dpd-v2-header-shell #header-login .dpd-public-header-utility button i,
body.dpd-member-surface[data-dpd-accent="dark"] .dpd-v2-header-shell #header-login .dpd-public-header-utility button svg,
body.dpd-member-surface[data-dpd-accent="dark"] #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-icon,
body.dpd-member-surface[data-dpd-accent="dark"] #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item a i.fa,
body.dpd-member-surface[data-dpd-accent="dark"] #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item a svg {
  color: #ffffff !important;
  stroke: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Collapsed sidebar hover lock: keep the rail from breathing between legacy widths. */
@media (min-width: 1101px) {
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed,
  html body.dpd-member-surface.dpd-sidebar-collapsed {
    --dpd-v2-app-sidebar: 76px !important;
    --dpd-v2-app-sidebar-collapsed: 76px !important;
    --dpd-v2-sidebar-collapsed-final: 76px !important;
    --dpd-v2-sidebar-collapsed-width: 76px !important;
    --dpd-floating-sidebar-collapsed-width: 76px !important;
  }

  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #dpd-v2-sidebar,
  html body.dpd-member-surface.dpd-sidebar-collapsed #dpd-v2-sidebar,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell,
  html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell,
  html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #navbar.dpd-v2-nav-shell,
  html body.dpd-member-surface.dpd-sidebar-collapsed #navbar.dpd-v2-nav-shell,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #dpd-v2-sidebar:hover,
  html body.dpd-member-surface.dpd-sidebar-collapsed #dpd-v2-sidebar:hover,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #dpd-v2-sidebar:focus-within,
  html body.dpd-member-surface.dpd-sidebar-collapsed #dpd-v2-sidebar:focus-within,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell:hover,
  html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell:hover,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell:focus-within,
  html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell:focus-within {
    box-sizing: border-box !important;
    flex: 0 0 76px !important;
    max-width: 76px !important;
    min-width: 76px !important;
    overflow: hidden !important;
    padding: 10px !important;
    transform: none !important;
    transition: none !important;
    width: 76px !important;
  }

  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #dpd-v2-sidebar .main-content-area-left-nav,
  html body.dpd-member-surface.dpd-sidebar-collapsed #dpd-v2-sidebar .main-content-area-left-nav,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #dpd-v2-sidebar:hover .main-content-area-left-nav,
  html body.dpd-member-surface.dpd-sidebar-collapsed #dpd-v2-sidebar:hover .main-content-area-left-nav,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #dpd-v2-sidebar:focus-within .main-content-area-left-nav,
  html body.dpd-member-surface.dpd-sidebar-collapsed #dpd-v2-sidebar:focus-within .main-content-area-left-nav,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell .main-content-area-left-nav,
  html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell .main-content-area-left-nav,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell:hover .main-content-area-left-nav,
  html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell:hover .main-content-area-left-nav,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell:focus-within .main-content-area-left-nav,
  html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell:focus-within .main-content-area-left-nav,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell .main-content-area-left-nav,
  html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell .main-content-area-left-nav,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell:hover .main-content-area-left-nav,
  html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell:hover .main-content-area-left-nav,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell:focus-within .main-content-area-left-nav,
  html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell:focus-within .main-content-area-left-nav,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #navbar.dpd-v2-nav-shell .main-content-area-left-nav,
  html body.dpd-member-surface.dpd-sidebar-collapsed #navbar.dpd-v2-nav-shell .main-content-area-left-nav {
    align-content: start !important;
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: inherit !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    clip-path: none !important;
    max-width: 56px !important;
    min-width: 56px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    transition: none !important;
    width: 56px !important;
  }

  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-section,
  html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-section,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell:hover .dpd-v2-nav-section,
  html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell:hover .dpd-v2-nav-section,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell:focus-within .dpd-v2-nav-section,
  html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell:focus-within .dpd-v2-nav-section,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu,
  html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell:hover .menu,
  html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell:hover .menu,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell:focus-within .menu,
  html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell:focus-within .menu,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item,
  html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell:hover .menu-item,
  html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell:hover .menu-item,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell:focus-within .menu-item,
  html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell:focus-within .menu-item,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #navbar.dpd-v2-nav-shell .dpd-v2-nav-section,
  html body.dpd-member-surface.dpd-sidebar-collapsed #navbar.dpd-v2-nav-shell .dpd-v2-nav-section,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #navbar.dpd-v2-nav-shell:hover .dpd-v2-nav-section,
  html body.dpd-member-surface.dpd-sidebar-collapsed #navbar.dpd-v2-nav-shell:hover .dpd-v2-nav-section,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #navbar.dpd-v2-nav-shell:focus-within .dpd-v2-nav-section,
  html body.dpd-member-surface.dpd-sidebar-collapsed #navbar.dpd-v2-nav-shell:focus-within .dpd-v2-nav-section,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #navbar.dpd-v2-nav-shell .menu,
  html body.dpd-member-surface.dpd-sidebar-collapsed #navbar.dpd-v2-nav-shell .menu,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #navbar.dpd-v2-nav-shell:hover .menu,
  html body.dpd-member-surface.dpd-sidebar-collapsed #navbar.dpd-v2-nav-shell:hover .menu,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #navbar.dpd-v2-nav-shell:focus-within .menu,
  html body.dpd-member-surface.dpd-sidebar-collapsed #navbar.dpd-v2-nav-shell:focus-within .menu,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #navbar.dpd-v2-nav-shell .menu-item,
  html body.dpd-member-surface.dpd-sidebar-collapsed #navbar.dpd-v2-nav-shell .menu-item,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #navbar.dpd-v2-nav-shell:hover .menu-item,
  html body.dpd-member-surface.dpd-sidebar-collapsed #navbar.dpd-v2-nav-shell:hover .menu-item,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #navbar.dpd-v2-nav-shell:focus-within .menu-item,
  html body.dpd-member-surface.dpd-sidebar-collapsed #navbar.dpd-v2-nav-shell:focus-within .menu-item {
    box-sizing: border-box !important;
    display: grid !important;
    justify-items: center !important;
    max-width: 48px !important;
    min-width: 48px !important;
    overflow: visible !important;
    place-items: center !important;
    transition: none !important;
    width: 48px !important;
  }

  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-collapse,
  html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-collapse,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item > a,
  html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item > a,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item > a:hover,
  html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item > a:hover,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item > a:focus-visible,
  html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item > a:focus-visible,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item.is-current > a,
  html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item.is-current > a,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item.current-menu-item > a,
  html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item.current-menu-item > a,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #navbar.dpd-v2-nav-shell .dpd-v2-nav-collapse,
  html body.dpd-member-surface.dpd-sidebar-collapsed #navbar.dpd-v2-nav-shell .dpd-v2-nav-collapse,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #navbar.dpd-v2-nav-shell .menu-item > a,
  html body.dpd-member-surface.dpd-sidebar-collapsed #navbar.dpd-v2-nav-shell .menu-item > a,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #navbar.dpd-v2-nav-shell .menu-item > a:hover,
  html body.dpd-member-surface.dpd-sidebar-collapsed #navbar.dpd-v2-nav-shell .menu-item > a:hover,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #navbar.dpd-v2-nav-shell .menu-item > a:focus-visible,
  html body.dpd-member-surface.dpd-sidebar-collapsed #navbar.dpd-v2-nav-shell .menu-item > a:focus-visible,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #navbar.dpd-v2-nav-shell .menu-item.is-current > a,
  html body.dpd-member-surface.dpd-sidebar-collapsed #navbar.dpd-v2-nav-shell .menu-item.is-current > a,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #navbar.dpd-v2-nav-shell .menu-item.current-menu-item > a,
  html body.dpd-member-surface.dpd-sidebar-collapsed #navbar.dpd-v2-nav-shell .menu-item.current-menu-item > a {
    aspect-ratio: auto !important;
    block-size: 46px !important;
    box-sizing: border-box !important;
    flex: 0 0 46px !important;
    height: 46px !important;
    inline-size: 46px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-block-size: 46px !important;
    max-height: 46px !important;
    max-inline-size: 46px !important;
    max-width: 46px !important;
    min-block-size: 46px !important;
    min-height: 46px !important;
    min-inline-size: 46px !important;
    min-width: 46px !important;
    overflow: visible !important;
    padding: 0 !important;
    transform: none !important;
    transition:
      background-color 0.18s ease,
      border-color 0.18s ease,
      color 0.18s ease,
      box-shadow 0.18s ease !important;
    width: 46px !important;
  }

  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #dpd-v2-sidebar .dpd-v2-nav-collapse,
  html body.dpd-member-surface.dpd-sidebar-collapsed #dpd-v2-sidebar .dpd-v2-nav-collapse,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-collapse,
  html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-collapse,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #navbar.dpd-v2-nav-shell .dpd-v2-nav-collapse,
  html body.dpd-member-surface.dpd-sidebar-collapsed #navbar.dpd-v2-nav-shell .dpd-v2-nav-collapse {
    aspect-ratio: auto !important;
    block-size: 44px !important;
    border-radius: 24px !important;
    flex: 0 0 56px !important;
    height: 44px !important;
    inline-size: 56px !important;
    max-block-size: 44px !important;
    max-height: 44px !important;
    max-inline-size: 56px !important;
    max-width: 56px !important;
    min-block-size: 44px !important;
    min-height: 44px !important;
    min-inline-size: 56px !important;
    min-width: 56px !important;
    overflow: visible !important;
    width: 56px !important;
  }
}

/* Avatar normalization: keep monogram and SVG marks on one visual system. */
html body.dpd-member-surface #header-login #dpd-account-dropdown,
html body.dpd-member-surface #dpd-account-dropdown {
  --dpd-avatar-picker-badge-size: 30px;
  --dpd-avatar-picker-initials-size: 10px;
  --dpd-avatar-picker-mark-size: 20px;
  --dpd-avatar-panel-mark-size: 30px;
  --dpd-avatar-trigger-mark-size: 24px;
}

html body.dpd-member-surface #header-login #dpd-account-dropdown .acc-avatar-icon,
html body.dpd-member-surface #header-login #dpd-account-dropdown .acc-avatar-initials,
html body.dpd-member-surface #header-login #dpd-account-dropdown .acc-avatar-icon--image,
html body.dpd-member-surface #dpd-account-dropdown .acc-avatar-icon,
html body.dpd-member-surface #dpd-account-dropdown .acc-avatar-initials,
html body.dpd-member-surface #dpd-account-dropdown .acc-avatar-icon--image {
  align-items: center !important;
  aspect-ratio: 1 / 1 !important;
  background: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent))) !important;
  background-color: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent))) !important;
  background-image: none !important;
  border: 2px solid rgba(0, 0, 0, 0.2) !important;
  border-radius: 999px !important;
  box-sizing: border-box !important;
  color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink))) !important;
  display: inline-flex !important;
  flex: 0 0 var(--dpd-avatar-picker-badge-size) !important;
  font-family: var(--dpd-chrome-font-ui) !important;
  font-size: var(--dpd-avatar-picker-initials-size) !important;
  font-weight: 950 !important;
  height: var(--dpd-avatar-picker-badge-size) !important;
  justify-content: center !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  margin: 0 !important;
  max-height: var(--dpd-avatar-picker-badge-size) !important;
  max-width: var(--dpd-avatar-picker-badge-size) !important;
  min-height: var(--dpd-avatar-picker-badge-size) !important;
  min-width: var(--dpd-avatar-picker-badge-size) !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: relative !important;
  text-align: center !important;
  text-transform: uppercase !important;
  width: var(--dpd-avatar-picker-badge-size) !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  -webkit-text-fill-color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink))) !important;
}

html body.dpd-member-surface #header-login #dpd-account-dropdown .acc-avatar-initials,
html body.dpd-member-surface #dpd-account-dropdown .acc-avatar-initials {
  font-size: var(--dpd-avatar-picker-initials-size) !important;
  letter-spacing: 0 !important;
}

html body.dpd-member-surface #header-login #dpd-account-dropdown .acc-avatar-icon--image::before,
html body.dpd-member-surface #dpd-account-dropdown .acc-avatar-icon--image::before {
  background: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink))) !important;
  content: "" !important;
  display: block !important;
  flex: 0 0 var(--dpd-avatar-picker-mark-size) !important;
  height: var(--dpd-avatar-picker-mark-size) !important;
  margin: auto !important;
  max-height: var(--dpd-avatar-picker-mark-size) !important;
  max-width: var(--dpd-avatar-picker-mark-size) !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: var(--dpd-avatar-picker-mark-size) !important;
  -webkit-mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
  mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
}

html body.dpd-member-surface #header-login #dpd-account-dropdown .acc-avatar-option[data-dpd-avatar-choice="tread"] .acc-avatar-icon--image::before,
html body.dpd-member-surface #dpd-account-dropdown .acc-avatar-option[data-dpd-avatar-choice="tread"] .acc-avatar-icon--image::before {
  height: 28px !important;
  max-height: 28px !important;
  max-width: 22px !important;
  width: 22px !important;
}

html body.dpd-member-surface #header-login #dpd-account-dropdown .acc-avatar-option[data-dpd-avatar-choice="helmet"] .acc-avatar-icon--image::before,
html body.dpd-member-surface #dpd-account-dropdown .acc-avatar-option[data-dpd-avatar-choice="helmet"] .acc-avatar-icon--image::before {
  height: 24px !important;
  max-height: 24px !important;
  max-width: 28px !important;
  width: 28px !important;
}

html body.dpd-member-surface #header-login #dpd-account-dropdown .acc-avatar-icon__img,
html body.dpd-member-surface #dpd-account-dropdown .acc-avatar-icon__img,
html body.dpd-member-surface #header-login .dpd-user-badge__mark-img,
html body.dpd-member-surface .dpd-v2-header-shell [data-dpd-user-badge] .dpd-user-badge__mark-img,
html body.dpd-member-surface .dpd-public-header [data-dpd-user-badge] .dpd-user-badge__mark-img {
  display: none !important;
}

html body.dpd-member-surface #header-login .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark--image,
html body.dpd-member-surface .dpd-v2-header-shell [data-dpd-user-badge].has-mark-avatar .dpd-user-badge__mark--image,
html body.dpd-member-surface .dpd-public-header [data-dpd-user-badge].has-mark-avatar .dpd-user-badge__mark--image {
  background: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink, var(--dpd-portal-accent-ink, #101820)))) !important;
  background-color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink, var(--dpd-portal-accent-ink, #101820)))) !important;
  background-image: none !important;
  display: block !important;
  flex: 0 0 var(--dpd-avatar-trigger-mark-size) !important;
  height: var(--dpd-avatar-trigger-mark-size) !important;
  margin: auto !important;
  max-height: var(--dpd-avatar-trigger-mark-size) !important;
  max-width: var(--dpd-avatar-trigger-mark-size) !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: var(--dpd-avatar-trigger-mark-size) !important;
  -webkit-mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
  mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
}

html body.dpd-member-surface #dpd-account-dropdown .acc-drop-pic .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark--image,
html body.dpd-member-surface #header-login #dpd-account-dropdown .acc-drop-pic .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark--image {
  flex-basis: var(--dpd-avatar-panel-mark-size) !important;
  height: var(--dpd-avatar-panel-mark-size) !important;
  max-height: var(--dpd-avatar-panel-mark-size) !important;
  max-width: var(--dpd-avatar-panel-mark-size) !important;
  width: var(--dpd-avatar-panel-mark-size) !important;
}

html body.dpd-member-surface #header-login [data-dpd-user-badge] .dpd-user-badge__text,
html body.dpd-member-surface .dpd-v2-header-shell [data-dpd-user-badge] .dpd-user-badge__text,
html body.dpd-member-surface .dpd-public-header [data-dpd-user-badge] .dpd-user-badge__text {
  align-items: center !important;
  display: inline-flex !important;
  font-family: var(--dpd-chrome-font-ui) !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  justify-content: center !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-transform: uppercase !important;
  -webkit-text-fill-color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink))) !important;
}

/* Cross-surface account menu and Admin Tools polish. */
html body #dpd-account-dropdown {
  --dpd-avatar-picker-badge-size: 30px;
  --dpd-avatar-picker-initials-size: 10px;
  --dpd-avatar-picker-mark-size: 20px;
  --dpd-avatar-panel-mark-size: 30px;
  --dpd-avatar-trigger-mark-size: 24px;
}

html body #dpd-account-dropdown .acc-drop-help,
html body #dpd-account-dropdown .acc-appearance-header {
  display: none !important;
}

html body #dpd-account-dropdown .acc-appearance {
  margin-top: 10px !important;
}

html body #dpd-account-dropdown .acc-appearance-panel--approved {
  gap: 8px !important;
}

html body #dpd-account-dropdown .acc-appearance-block {
  border-color: rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.38) !important;
  border-radius: 10px !important;
  padding: 9px 10px !important;
}

html body #dpd-account-dropdown .acc-avatar-grid--selector {
  align-items: start !important;
  display: grid !important;
  gap: 7px !important;
  grid-template-columns: repeat(6, minmax(54px, 1fr)) !important;
}

html body #dpd-account-dropdown .acc-avatar-option {
  align-content: center !important;
  align-items: center !important;
  background: #050708 !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 10px !important;
  box-sizing: border-box !important;
  display: grid !important;
  gap: 4px !important;
  justify-items: center !important;
  min-height: 62px !important;
  min-width: 0 !important;
  overflow: hidden !important;
  padding: 6px 4px !important;
}

html body #dpd-account-dropdown .acc-avatar-option.is-active {
  border-color: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent))) !important;
  box-shadow:
    inset 0 0 0 1px var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent))),
    0 10px 26px rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.18) !important;
}

html body #dpd-account-dropdown .acc-avatar-icon,
html body #dpd-account-dropdown .acc-avatar-initials,
html body #dpd-account-dropdown .acc-avatar-icon--image {
  align-items: center !important;
  aspect-ratio: 1 / 1 !important;
  background: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent))) !important;
  background-color: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent))) !important;
  background-image: none !important;
  border: 2px solid rgba(0, 0, 0, 0.32) !important;
  border-radius: 999px !important;
  box-sizing: border-box !important;
  color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink))) !important;
  display: inline-flex !important;
  flex: 0 0 var(--dpd-avatar-picker-badge-size) !important;
  font-size: var(--dpd-avatar-picker-initials-size) !important;
  font-weight: 850 !important;
  height: var(--dpd-avatar-picker-badge-size) !important;
  justify-content: center !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  margin: 0 !important;
  max-height: var(--dpd-avatar-picker-badge-size) !important;
  max-width: var(--dpd-avatar-picker-badge-size) !important;
  min-height: var(--dpd-avatar-picker-badge-size) !important;
  min-width: var(--dpd-avatar-picker-badge-size) !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: relative !important;
  text-align: center !important;
  text-transform: uppercase !important;
  width: var(--dpd-avatar-picker-badge-size) !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  -webkit-text-fill-color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink))) !important;
}

html body #dpd-account-dropdown .acc-avatar-icon--image::before {
  background: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink))) !important;
  content: "" !important;
  display: block !important;
  flex: 0 0 var(--dpd-avatar-picker-mark-size) !important;
  height: var(--dpd-avatar-picker-mark-size) !important;
  margin: auto !important;
  max-height: var(--dpd-avatar-picker-mark-size) !important;
  max-width: var(--dpd-avatar-picker-mark-size) !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: var(--dpd-avatar-picker-mark-size) !important;
  -webkit-mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
  mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
}

html body #dpd-account-dropdown .acc-avatar-option[data-dpd-avatar-choice="tread"] .acc-avatar-icon--image::before {
  height: 22px !important;
  max-height: 22px !important;
  max-width: 18px !important;
  width: 18px !important;
}

html body #dpd-account-dropdown .acc-avatar-option[data-dpd-avatar-choice="helmet"] .acc-avatar-icon--image::before {
  height: 20px !important;
  max-height: 20px !important;
  max-width: 24px !important;
  width: 24px !important;
}

html body #dpd-account-dropdown .acc-avatar-icon__img,
html body #header-login .dpd-user-badge__mark-img,
html body .dpd-v2-header-shell [data-dpd-user-badge] .dpd-user-badge__mark-img,
html body .dpd-public-header [data-dpd-user-badge] .dpd-user-badge__mark-img {
  display: none !important;
}

html body #header-login .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark--image,
html body .dpd-v2-header-shell [data-dpd-user-badge].has-mark-avatar .dpd-user-badge__mark--image,
html body .dpd-public-header [data-dpd-user-badge].has-mark-avatar .dpd-user-badge__mark--image {
  background: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink, var(--dpd-portal-accent-ink, #101820)))) !important;
  background-color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink, var(--dpd-portal-accent-ink, #101820)))) !important;
  background-image: none !important;
  display: block !important;
  flex: 0 0 var(--dpd-avatar-trigger-mark-size) !important;
  height: var(--dpd-avatar-trigger-mark-size) !important;
  margin: auto !important;
  max-height: var(--dpd-avatar-trigger-mark-size) !important;
  max-width: var(--dpd-avatar-trigger-mark-size) !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: var(--dpd-avatar-trigger-mark-size) !important;
  -webkit-mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
  mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
}

html body #dpd-account-dropdown .acc-drop-pic .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark--image {
  flex-basis: var(--dpd-avatar-panel-mark-size) !important;
  height: var(--dpd-avatar-panel-mark-size) !important;
  max-height: var(--dpd-avatar-panel-mark-size) !important;
  max-width: var(--dpd-avatar-panel-mark-size) !important;
  width: var(--dpd-avatar-panel-mark-size) !important;
}

html body #dpd-account-dropdown .acc-avatar-caption {
  color: #ffffff !important;
  display: block !important;
  font-size: 8px !important;
  font-weight: 750 !important;
  letter-spacing: 0.04em !important;
  line-height: 1.05 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-align: center !important;
  text-overflow: ellipsis !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

html body #dpd-account-dropdown .dpd-account-menu__action {
  font-weight: 800 !important;
  justify-content: center !important;
  letter-spacing: 0.08em !important;
}

html body #dpd-account-dropdown .dpd-account-menu__action.is-primary,
html body #dpd-account-dropdown .dpd-account-menu__action.is-signout {
  background: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent))) !important;
  border-color: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent))) !important;
  color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink))) !important;
  -webkit-text-fill-color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink))) !important;
}

html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-link--utility-bubble,
html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-utility button {
  background: var(--dpd-selected-glow-accent) !important;
  border-color: rgba(var(--dpd-selected-glow-rgb), 0.72) !important;
  color: var(--dpd-selected-glow-ink) !important;
  -webkit-text-fill-color: var(--dpd-selected-glow-ink) !important;
}

html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-link--utility-bubble i,
html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-link--utility-bubble svg,
html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-utility button i,
html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-utility button svg {
  color: var(--dpd-selected-glow-ink) !important;
  fill: none !important;
  stroke: currentColor !important;
  -webkit-text-fill-color: var(--dpd-selected-glow-ink) !important;
}

@media (min-width: 1101px) {
  html body.dpd-member-surface #dpd-v2-sidebar.has-open-nav-accordion,
  html body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell.has-open-nav-accordion {
    overflow: visible !important;
    z-index: 10035 !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar.has-open-nav-accordion .main-content-area-left-nav,
  html body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell.has-open-nav-accordion .main-content-area-left-nav {
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion {
    position: relative !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion:not(.is-open) .menu,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion:not(.is-open) .menu {
    display: none !important;
    visibility: hidden !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu {
    align-items: stretch !important;
    background:
      radial-gradient(circle at 12% 10%, rgba(var(--dpd-selected-glow-rgb), 0.2), transparent 38%),
      linear-gradient(145deg, rgba(8, 16, 20, 0.98), rgba(10, 19, 24, 0.96)) !important;
    border: 1px solid rgba(var(--dpd-selected-glow-rgb), 0.48) !important;
    border-radius: 14px !important;
    box-shadow:
      0 24px 60px rgba(0, 0, 0, 0.28),
      0 0 0 1px rgba(255, 255, 255, 0.04),
      0 0 34px rgba(var(--dpd-selected-glow-rgb), 0.16) !important;
    box-sizing: border-box !important;
    display: grid !important;
    gap: 8px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    left: var(--dpd-admin-tools-popup-left, calc(var(--dpd-stable-sidebar, 224px) + 40px)) !important;
    list-style: none !important;
    margin: 0 !important;
    max-height: none !important;
    max-width: min(680px, calc(100vw - 120px)) !important;
    min-width: 300px !important;
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    padding: 14px !important;
    position: fixed !important;
    scrollbar-gutter: auto !important;
    top: var(--dpd-admin-tools-popup-top, 180px) !important;
    visibility: visible !important;
    width: var(--dpd-admin-tools-popup-width, min(620px, calc(100vw - 320px))) !important;
    z-index: 2147483000 !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu::before,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu::before {
    color: var(--dpd-selected-glow-accent) !important;
    content: "Admin Tools" !important;
    display: block !important;
    font-family: var(--dpd-chrome-font-ui) !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    grid-column: 1 / -1 !important;
    letter-spacing: 0.12em !important;
    line-height: 1 !important;
    padding: 1px 2px 5px !important;
    text-transform: uppercase !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu .menu-item,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu .menu-item {
    display: block !important;
    height: auto !important;
    margin: 0 !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    opacity: 1 !important;
    padding: 0 !important;
    visibility: visible !important;
    width: auto !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu .menu-item > a,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu .menu-item > a {
    align-items: center !important;
    background: rgba(255, 255, 255, 0.055) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 9px !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    color: #ffffff !important;
    display: flex !important;
    flex: none !important;
    gap: 10px !important;
    height: auto !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    max-width: none !important;
    min-height: 42px !important;
    min-width: 0 !important;
    padding: 10px 12px !important;
    text-align: left !important;
    text-decoration: none !important;
    transform: none !important;
    width: 100% !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu .menu-item > a:hover,
  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu .menu-item > a:focus-visible,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu .menu-item > a:hover,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu .menu-item > a:focus-visible {
    background: rgba(var(--dpd-selected-glow-rgb), 0.14) !important;
    border-color: rgba(var(--dpd-selected-glow-rgb), 0.44) !important;
    color: #ffffff !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu .dpd-v2-nav-icon,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu .dpd-v2-nav-icon {
    color: var(--dpd-selected-glow-accent) !important;
    display: inline-flex !important;
    flex: 0 0 22px !important;
    font-size: 15px !important;
    justify-content: center !important;
    margin: 0 !important;
    min-width: 22px !important;
    width: 22px !important;
    -webkit-text-fill-color: var(--dpd-selected-glow-accent) !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu .dpd-v2-nav-label,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu .dpd-v2-nav-label {
    color: #ffffff !important;
    display: block !important;
    flex: 1 1 auto !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
    line-height: 1.1 !important;
    max-width: none !important;
    min-width: 0 !important;
    opacity: 1 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-transform: uppercase !important;
    visibility: visible !important;
    white-space: nowrap !important;
    width: auto !important;
    -webkit-text-fill-color: #ffffff !important;
  }
}

/* Consistent section info panels across dashboard modules. */
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-info-heading.dpd-v2-info-managed {
  align-items: center !important;
  display: inline-flex !important;
  gap: 8px !important;
  max-width: 100% !important;
  overflow: visible !important;
  position: relative !important;
  width: max-content !important;
  z-index: 90 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-info-heading.dpd-v2-info-managed h2 {
  margin: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-info-heading.dpd-v2-info-managed > .dpd-v2-info-dot,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-overview__header > .dpd-v2-service-overview__info {
  flex: 0 0 auto !important;
  height: 26px !important;
  margin: 0 !important;
  min-height: 26px !important;
  min-width: 26px !important;
  padding: 0 !important;
  position: relative !important;
  right: auto !important;
  top: auto !important;
  width: 26px !important;
  z-index: 4 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-info-heading.dpd-v2-info-managed > .dpd-v2-info-summary {
  left: 0 !important;
  max-height: min(220px, 60dvh) !important;
  max-width: min(340px, calc(100vw - 40px)) !important;
  min-width: min(260px, calc(100vw - 40px)) !important;
  overflow: auto !important;
  right: auto !important;
  top: calc(100% + 10px) !important;
  width: min(340px, calc(100vw - 40px)) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-section-info-summary p,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-overview__summary-panel p,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__summary-panel p,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-info-summary--tooltip p {
  align-items: start !important;
  display: grid !important;
  font-size: 12px !important;
  gap: 4px 12px !important;
  grid-template-columns: 72px minmax(0, 1fr) !important;
  letter-spacing: 0 !important;
  line-height: 1.38 !important;
  margin: 0 0 10px !important;
  max-width: none !important;
  min-width: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-section-info-summary p:last-child,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-overview__summary-panel p:last-child,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__summary-panel p:last-child,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-info-summary--tooltip p:last-child {
  margin-bottom: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-section-info-summary strong,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-overview__summary-panel strong,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__summary-panel strong {
  color: rgba(255, 255, 255, 0.72) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0.14em !important;
  line-height: 1.3 !important;
  text-transform: uppercase !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.72) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-section-info-summary span,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-overview__summary-panel span,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__summary-panel span {
  color: #ffffff !important;
  font-size: 12px !important;
  letter-spacing: 0 !important;
  line-height: 1.38 !important;
  min-width: 0 !important;
  overflow-wrap: normal !important;
  text-transform: none !important;
  white-space: normal !important;
  word-break: normal !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-info-dot[data-dpd-tooltip]::after,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-overview__info[data-dpd-tooltip]::after,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__info[data-dpd-tooltip]::after,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero__info[data-dpd-tooltip]::after {
  content: none !important;
  display: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__item.dpd-v2-info-managed > .dpd-v2-info-summary {
  right: 12px !important;
  top: 46px !important;
}

@media (max-width: 760px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-info-heading.dpd-v2-info-managed {
    max-width: 100% !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-info-heading.dpd-v2-info-managed > .dpd-v2-info-summary {
    left: 0 !important;
    right: auto !important;
    width: min(340px, calc(100vw - 36px)) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-section-info-summary p,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-overview__summary-panel p,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__summary-panel p {
    grid-template-columns: 1fr !important;
  }
}

/* Final Admin Tools behavior: inline drawer with previewed sidebar links. */
@media (min-width: 1101px) {
  html body.dpd-member-surface.dpd-v2-admin-tools-open #dpd-v2-sidebar,
  html body.dpd-member-surface.dpd-v2-admin-tools-open #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell,
  html body.dpd-member-surface #dpd-v2-sidebar.has-open-nav-accordion,
  html body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell.has-open-nav-accordion {
    bottom: 16px !important;
    height: auto !important;
    max-height: calc(100dvh - var(--dpd-stable-adminbar, 0px) - var(--dpd-stable-header-top, 12px) - var(--dpd-stable-header-height, 82px) - 34px) !important;
    overflow: hidden !important;
    width: var(--dpd-stable-sidebar, var(--dpd-v2-sidebar-width, 224px)) !important;
  }

  html body.dpd-member-surface.dpd-v2-admin-tools-open #dpd-v2-sidebar .main-content-area-left-nav,
  html body.dpd-member-surface.dpd-v2-admin-tools-open #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell .main-content-area-left-nav,
  html body.dpd-member-surface #dpd-v2-sidebar.has-open-nav-accordion .main-content-area-left-nav,
  html body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell.has-open-nav-accordion .main-content-area-left-nav {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    height: 100% !important;
    max-height: calc(100dvh - var(--dpd-stable-adminbar, 0px) - var(--dpd-stable-header-top, 12px) - var(--dpd-stable-header-height, 82px) - 34px) !important;
    min-height: 0 !important;
    overflow: auto !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding-bottom: 40px !important;
    scrollbar-color: var(--dpd-selected-glow-accent) rgba(255, 255, 255, 0.08) !important;
    scrollbar-gutter: stable !important;
  }

  html body.dpd-member-surface.dpd-v2-admin-tools-open #dpd-v2-sidebar .dpd-v2-nav-section,
  html body.dpd-member-surface.dpd-v2-admin-tools-open #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section {
    display: block !important;
    flex: 0 0 auto !important;
    max-height: none !important;
    opacity: 1 !important;
    overflow: visible !important;
    visibility: visible !important;
  }

  html body.dpd-member-surface.dpd-v2-admin-tools-open #dpd-v2-sidebar .dpd-v2-nav-section:not(.is-accordion),
  html body.dpd-member-surface.dpd-v2-admin-tools-open #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section:not(.is-accordion) {
    opacity: 0.66 !important;
  }

  html body.dpd-member-surface.dpd-v2-admin-tools-open #dpd-v2-sidebar .dpd-v2-nav-section:not(.is-accordion) .menu-item > a,
  html body.dpd-member-surface.dpd-v2-admin-tools-open #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section:not(.is-accordion) .menu-item > a {
    cursor: pointer !important;
    opacity: 0.58 !important;
    transform: none !important;
  }

  html body.dpd-member-surface.dpd-v2-admin-tools-open #dpd-v2-sidebar .dpd-v2-nav-section:not(.is-accordion) .menu-item > a:hover,
  html body.dpd-member-surface.dpd-v2-admin-tools-open #dpd-v2-sidebar .dpd-v2-nav-section:not(.is-accordion) .menu-item > a:focus-visible,
  html body.dpd-member-surface.dpd-v2-admin-tools-open #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section:not(.is-accordion) .menu-item > a:hover,
  html body.dpd-member-surface.dpd-v2-admin-tools-open #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section:not(.is-accordion) .menu-item > a:focus-visible {
    opacity: 0.86 !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open {
    display: block !important;
    flex: 0 0 auto !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow: visible !important;
    position: relative !important;
    width: 100% !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu {
    align-items: stretch !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    display: grid !important;
    gap: 7px !important;
    grid-template-columns: 1fr !important;
    left: auto !important;
    list-style: none !important;
    margin: 8px 0 0 !important;
    max-height: var(--dpd-admin-tools-panel-max-height, clamp(220px, 34dvh, 310px)) !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    overflow: auto !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding: 0 4px 2px 0 !important;
    position: relative !important;
    right: auto !important;
    scrollbar-color: var(--dpd-selected-glow-accent) rgba(255, 255, 255, 0.08) !important;
    scrollbar-gutter: stable !important;
    top: auto !important;
    transform: none !important;
    visibility: visible !important;
    width: 100% !important;
    z-index: 1 !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu::before,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu::before {
    content: none !important;
    display: none !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu .menu-item,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu .menu-item {
    display: block !important;
    height: auto !important;
    margin: 0 !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    opacity: 1 !important;
    padding: 0 !important;
    visibility: visible !important;
    width: 100% !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu .menu-item > a,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu .menu-item > a {
    align-items: center !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-left: 3px solid var(--dpd-selected-glow-accent) !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    color: #ffffff !important;
    display: flex !important;
    flex: none !important;
    gap: 12px !important;
    height: auto !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    max-width: none !important;
    min-height: 38px !important;
    min-width: 0 !important;
    padding: 9px 11px !important;
    text-align: left !important;
    text-decoration: none !important;
    transform: none !important;
    width: 100% !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu .menu-item > a:hover,
  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu .menu-item > a:focus-visible,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu .menu-item > a:hover,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu .menu-item > a:focus-visible {
    background: rgba(var(--dpd-selected-glow-rgb), 0.14) !important;
    border-color: rgba(var(--dpd-selected-glow-rgb), 0.44) !important;
    border-left-color: var(--dpd-selected-glow-accent) !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu .dpd-v2-nav-icon,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu .dpd-v2-nav-icon {
    color: var(--dpd-selected-glow-accent) !important;
    display: inline-flex !important;
    flex: 0 0 20px !important;
    font-size: 15px !important;
    justify-content: center !important;
    margin: 0 !important;
    min-width: 20px !important;
    width: 20px !important;
    -webkit-text-fill-color: var(--dpd-selected-glow-accent) !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu .dpd-v2-nav-label,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu .dpd-v2-nav-label {
    color: #ffffff !important;
    display: block !important;
    flex: 1 1 auto !important;
    font-size: 11px !important;
    font-weight: 750 !important;
    letter-spacing: 0.03em !important;
    line-height: 1.1 !important;
    max-width: none !important;
    min-width: 0 !important;
    opacity: 1 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-transform: uppercase !important;
    visibility: visible !important;
    white-space: nowrap !important;
    width: auto !important;
    -webkit-text-fill-color: #ffffff !important;
  }
}

/* DPD v2 admin drawer polish: one scroll surface, no popup, matched nav rows. */
@media (min-width: 1101px) {
  html body.dpd-member-surface.dpd-v2-admin-tools-open {
    --dpd-v2-app-sidebar: var(--dpd-v2-sidebar-expanded-final, var(--dpd-stable-sidebar, var(--dpd-v2-sidebar-width, 224px))) !important;
  }

  html body.dpd-member-surface.dpd-v2-admin-tools-open #dpd-v2-sidebar,
  html body.dpd-member-surface.dpd-v2-admin-tools-open #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell,
  html body.dpd-member-surface #dpd-v2-sidebar.has-open-nav-accordion,
  html body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell.has-open-nav-accordion {
    background:
      radial-gradient(circle at 72% 8%, rgba(var(--dpd-selected-glow-rgb), 0.18), rgba(var(--dpd-selected-glow-rgb), 0) 35%),
      linear-gradient(180deg, rgba(7, 18, 26, 0.99) 0%, rgba(4, 13, 20, 0.99) 100%) !important;
    border-color: rgba(var(--dpd-selected-glow-rgb), 0.22) !important;
    border-radius: 26px !important;
    clip-path: inset(0 round 26px) !important;
    overflow: hidden !important;
    padding: 14px 12px !important;
    width: var(--dpd-v2-sidebar-expanded-final, var(--dpd-stable-sidebar, var(--dpd-v2-sidebar-width, 224px))) !important;
  }

  html body.dpd-member-surface.dpd-v2-admin-tools-open #sub-page-main-content-wrapper .main-content-area {
    grid-template-columns: var(--dpd-v2-sidebar-expanded-final, var(--dpd-stable-sidebar, var(--dpd-v2-sidebar-width, 224px))) minmax(0, 1fr) !important;
  }

  html body.dpd-member-surface.dpd-v2-admin-tools-open #dpd-v2-sidebar .main-content-area-left-nav,
  html body.dpd-member-surface.dpd-v2-admin-tools-open #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell .main-content-area-left-nav,
  html body.dpd-member-surface #dpd-v2-sidebar.has-open-nav-accordion .main-content-area-left-nav,
  html body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell.has-open-nav-accordion .main-content-area-left-nav {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
    height: 100% !important;
    max-height: calc(100dvh - var(--dpd-stable-adminbar, 0px) - var(--dpd-stable-header-top, 12px) - var(--dpd-stable-header-height, 82px) - 34px) !important;
    min-height: 0 !important;
    overflow: auto !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding: 0 0 40px !important;
    scrollbar-width: none !important;
  }

  html body.dpd-member-surface.dpd-v2-admin-tools-open #dpd-v2-sidebar .main-content-area-left-nav::-webkit-scrollbar,
  html body.dpd-member-surface.dpd-v2-admin-tools-open #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell .main-content-area-left-nav::-webkit-scrollbar,
  html body.dpd-member-surface #dpd-v2-sidebar.has-open-nav-accordion .main-content-area-left-nav::-webkit-scrollbar,
  html body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell.has-open-nav-accordion .main-content-area-left-nav::-webkit-scrollbar {
    height: 0 !important;
    width: 0 !important;
  }

  html body.dpd-member-surface.dpd-v2-admin-tools-open #dpd-v2-sidebar .dpd-v2-nav-section,
  html body.dpd-member-surface.dpd-v2-admin-tools-open #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section,
  html body.dpd-member-surface.dpd-v2-admin-tools-open #dpd-v2-sidebar .dpd-v2-nav-section .menu,
  html body.dpd-member-surface.dpd-v2-admin-tools-open #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section .menu {
    justify-items: stretch !important;
    width: 100% !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section-toggle,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section-toggle {
    align-items: center !important;
    display: grid !important;
    gap: 10px !important;
    grid-template-columns: 26px minmax(0, 1fr) auto 14px !important;
    text-align: left !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section-toggle-icon,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section-toggle-icon {
    color: var(--dpd-selected-glow-accent) !important;
    display: inline-flex !important;
    font-size: 15px !important;
    justify-content: center !important;
    line-height: 1 !important;
    margin: 0 !important;
    min-width: 26px !important;
    opacity: 1 !important;
    width: 26px !important;
    -webkit-text-fill-color: var(--dpd-selected-glow-accent) !important;
  }

  html body.dpd-member-surface.dpd-v2-admin-tools-open #dpd-v2-sidebar .dpd-v2-nav-section h3,
  html body.dpd-member-surface.dpd-v2-admin-tools-open #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section h3,
  html body.dpd-member-surface.dpd-v2-admin-tools-open #dpd-v2-sidebar .dpd-v2-nav-section-heading,
  html body.dpd-member-surface.dpd-v2-admin-tools-open #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section-heading,
  html body.dpd-member-surface.dpd-v2-admin-tools-open #dpd-v2-sidebar .dpd-v2-nav-label,
  html body.dpd-member-surface.dpd-v2-admin-tools-open #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-label,
  html body.dpd-member-surface.dpd-v2-admin-tools-open #dpd-v2-sidebar .dpd-v2-nav-count,
  html body.dpd-member-surface.dpd-v2-admin-tools-open #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-count,
  html body.dpd-member-surface.dpd-v2-admin-tools-open #dpd-v2-sidebar .dpd-v2-nav-collapse-label,
  html body.dpd-member-surface.dpd-v2-admin-tools-open #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-collapse-label {
    display: block !important;
    max-width: none !important;
    min-width: 0 !important;
    opacity: 1 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    visibility: visible !important;
    white-space: nowrap !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu,
  html body.dpd-member-surface.dpd-sidebar-collapsed #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu,
  html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu {
    align-items: stretch !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    display: grid !important;
    gap: 5px !important;
    grid-template-columns: 1fr !important;
    left: auto !important;
    list-style: none !important;
    margin: 8px 0 0 !important;
    max-height: none !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    overflow: visible !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
    padding: 0 !important;
    position: relative !important;
    right: auto !important;
    scrollbar-gutter: auto !important;
    top: auto !important;
    transform: none !important;
    visibility: visible !important;
    width: 100% !important;
    z-index: 1 !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu::before,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu::before {
    content: none !important;
    display: none !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu .menu-item,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu .menu-item {
    display: block !important;
    height: auto !important;
    justify-items: stretch !important;
    margin: 0 !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    opacity: 1 !important;
    padding: 0 !important;
    visibility: visible !important;
    width: 100% !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu .menu-item > a,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu .menu-item > a {
    align-items: center !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-left: 3px solid var(--dpd-selected-glow-accent) !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    color: #f7fafc !important;
    display: flex !important;
    flex: none !important;
    gap: 14px !important;
    height: auto !important;
    justify-content: flex-start !important;
    margin: 0 0 5px !important;
    max-width: none !important;
    min-height: 38px !important;
    min-width: 0 !important;
    padding: 10px 12px !important;
    text-align: left !important;
    text-decoration: none !important;
    transform: none !important;
    width: 100% !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu .dpd-v2-nav-icon,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu .dpd-v2-nav-icon {
    color: var(--dpd-selected-glow-accent) !important;
    display: inline-flex !important;
    flex: 0 0 26px !important;
    font-size: 18px !important;
    justify-content: center !important;
    line-height: 1 !important;
    margin: 0 !important;
    min-width: 26px !important;
    opacity: 1 !important;
    width: 26px !important;
    -webkit-text-fill-color: var(--dpd-selected-glow-accent) !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu .dpd-v2-nav-label,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu .dpd-v2-nav-label {
    color: #f7fafc !important;
    display: block !important;
    flex: 1 1 auto !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
    line-height: 1.1 !important;
    max-width: none !important;
    min-width: 0 !important;
    opacity: 1 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-transform: uppercase !important;
    visibility: visible !important;
    white-space: nowrap !important;
    width: auto !important;
    -webkit-text-fill-color: #f7fafc !important;
  }

  html body.dpd-member-surface.dpd-v2-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #dpd-v2-sidebar,
  html body.dpd-member-surface.dpd-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #dpd-v2-sidebar,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #dpd-v2-sidebar:hover,
  html body.dpd-member-surface.dpd-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #dpd-v2-sidebar:hover,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #dpd-v2-sidebar:focus-within,
  html body.dpd-member-surface.dpd-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #dpd-v2-sidebar:focus-within,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell,
  html body.dpd-member-surface.dpd-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell:hover,
  html body.dpd-member-surface.dpd-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell:hover,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell:focus-within,
  html body.dpd-member-surface.dpd-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell:focus-within {
    background:
      radial-gradient(circle at 50% 2%, rgba(var(--dpd-selected-glow-rgb), 0.18), rgba(var(--dpd-selected-glow-rgb), 0) 28%),
      linear-gradient(180deg, rgba(7, 18, 26, 0.99) 0%, rgba(4, 13, 20, 0.99) 100%) !important;
    border-color: rgba(var(--dpd-selected-glow-rgb), 0.2) !important;
    border-radius: 999px !important;
    box-shadow:
      0 24px 48px rgba(6, 15, 22, 0.24),
      0 0 34px rgba(var(--dpd-selected-glow-rgb), 0.1) !important;
    clip-path: none !important;
  }

  html body.dpd-member-surface.dpd-v2-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item > a,
  html body.dpd-member-surface.dpd-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item > a,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item > a:hover,
  html body.dpd-member-surface.dpd-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item > a:hover,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item > a:focus-visible,
  html body.dpd-member-surface.dpd-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item > a:focus-visible {
    aspect-ratio: auto !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    border-radius: 999px !important;
    block-size: 46px !important;
    box-shadow: none !important;
    color: var(--dpd-selected-glow-accent) !important;
    height: 46px !important;
    inline-size: 46px !important;
    max-block-size: 46px !important;
    max-height: 46px !important;
    max-inline-size: 46px !important;
    max-width: 46px !important;
    min-block-size: 46px !important;
    min-height: 46px !important;
    min-inline-size: 46px !important;
    min-width: 46px !important;
    overflow: visible !important;
    padding: 0 !important;
    transform: none !important;
    width: 46px !important;
    -webkit-text-fill-color: var(--dpd-selected-glow-accent) !important;
  }

  html body.dpd-member-surface.dpd-v2-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item.is-current > a,
  html body.dpd-member-surface.dpd-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item.is-current > a,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item.current-menu-item > a,
  html body.dpd-member-surface.dpd-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item.current-menu-item > a,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item.is-current > a:hover,
  html body.dpd-member-surface.dpd-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item.is-current > a:hover,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item.is-current > a:focus-visible,
  html body.dpd-member-surface.dpd-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item.is-current > a:focus-visible,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item.current-menu-item > a:hover,
  html body.dpd-member-surface.dpd-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item.current-menu-item > a:hover,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item.current-menu-item > a:focus-visible,
  html body.dpd-member-surface.dpd-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item.current-menu-item > a:focus-visible {
    background: rgba(var(--dpd-selected-glow-rgb), 0.1) !important;
    border-color: rgba(var(--dpd-selected-glow-rgb), 0.26) !important;
    box-shadow: none !important;
  }

  html body.dpd-member-surface.dpd-v2-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-icon,
  html body.dpd-member-surface.dpd-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-icon,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item i,
  html body.dpd-member-surface.dpd-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item i {
    color: var(--dpd-selected-glow-accent) !important;
    font-size: 19px !important;
    opacity: 1 !important;
    -webkit-text-fill-color: var(--dpd-selected-glow-accent) !important;
  }
}

/* DPD v2 final visual audit: shared accent, avatar, header, and Admin Tools fixes. */
html[data-dpd-accent="orange"] body,
html body[data-dpd-accent="orange"],
html[data-dpd-personal-accent="orange"] body,
html body[data-dpd-personal-accent="orange"] {
  --dpd-accent: #ff6600 !important;
  --dpd-ui-accent: #ff6600 !important;
  --dpd-portal-accent: #ff6600 !important;
  --dpd-personal-accent: #ff6600 !important;
  --dpd-personal-accent-rgb: 255, 102, 0 !important;
  --dpd-personal-accent-ink: #071018 !important;
  --dpd-selected-glow-rgb: 255, 102, 0 !important;
  --dpd-selected-glow-accent: #ff6600 !important;
  --dpd-selected-glow-ink: #071018 !important;
  --dpd-user-accent: #ff6600 !important;
  --dpd-user-accent-rgb: 255, 102, 0 !important;
  --dpd-user-badge-fill: #ff6600 !important;
  --dpd-user-badge-ink: #071018 !important;
}

html[data-dpd-accent="dark"] body,
html[data-dpd-accent="black"] body,
html[data-dpd-accent="carbon"] body,
html body[data-dpd-accent="dark"],
html body[data-dpd-accent="black"],
html body[data-dpd-accent="carbon"],
html[data-dpd-personal-accent="dark"] body,
html[data-dpd-personal-accent="black"] body,
html[data-dpd-personal-accent="carbon"] body,
html body[data-dpd-personal-accent="dark"],
html body[data-dpd-personal-accent="black"],
html body[data-dpd-personal-accent="carbon"] {
  --dpd-selected-glow-rgb: 255, 242, 0 !important;
  --dpd-selected-glow-accent: #fff200 !important;
  --dpd-selected-glow-ink: #071018 !important;
  --dpd-user-badge-fill: #101820 !important;
  --dpd-user-badge-ink: #fff200 !important;
}

html[data-dpd-accent="dark"] body.dpd-member-surface,
html[data-dpd-accent="black"] body.dpd-member-surface,
html[data-dpd-accent="carbon"] body.dpd-member-surface,
html body[data-dpd-accent="dark"].dpd-member-surface,
html body[data-dpd-accent="black"].dpd-member-surface,
html body[data-dpd-accent="carbon"].dpd-member-surface,
html[data-dpd-accent="dark"] body.dpd-member-surface #sub-page-main-content-wrapper,
html[data-dpd-accent="black"] body.dpd-member-surface #sub-page-main-content-wrapper,
html[data-dpd-accent="carbon"] body.dpd-member-surface #sub-page-main-content-wrapper,
html body[data-dpd-accent="dark"].dpd-member-surface #sub-page-main-content-wrapper,
html body[data-dpd-accent="black"].dpd-member-surface #sub-page-main-content-wrapper,
html body[data-dpd-accent="carbon"].dpd-member-surface #sub-page-main-content-wrapper {
  background-image: none !important;
}

html[data-dpd-accent="dark"] body.dpd-member-surface::before,
html[data-dpd-accent="dark"] body.dpd-member-surface::after,
html[data-dpd-accent="black"] body.dpd-member-surface::before,
html[data-dpd-accent="black"] body.dpd-member-surface::after,
html[data-dpd-accent="carbon"] body.dpd-member-surface::before,
html[data-dpd-accent="carbon"] body.dpd-member-surface::after,
html body[data-dpd-accent="dark"].dpd-member-surface::before,
html body[data-dpd-accent="dark"].dpd-member-surface::after,
html body[data-dpd-accent="black"].dpd-member-surface::before,
html body[data-dpd-accent="black"].dpd-member-surface::after,
html body[data-dpd-accent="carbon"].dpd-member-surface::before,
html body[data-dpd-accent="carbon"].dpd-member-surface::after {
  content: none !important;
  display: none !important;
}

html body .dpd-v2-section-label,
html body .dashboard-section-label,
html body .mock-panel__eyebrow,
html body .dpd-v2-section-kicker,
html body .section-label,
html body .dpd-v2-program-chip,
html body .dpd-v2-program-status,
html body .dpd-v2-program-card__label,
html body .dpd-v2-program-card__status,
html body .dpd-v2-service-label,
html body .dpd-v2-info-dot {
  background: var(--dpd-selected-glow-accent) !important;
  border-color: rgba(var(--dpd-selected-glow-rgb), 0.74) !important;
  color: var(--dpd-selected-glow-ink) !important;
  text-shadow: none !important;
  -webkit-text-fill-color: var(--dpd-selected-glow-ink) !important;
}

html body .dpd-v2-dashboard-card,
html body .dpd-v2-program-card,
html body .dpd-v2-program-card--wide,
html body .dpd-v2-program-visual-card,
html body .dpd-v2-program-visual,
html body .dpd-v2-service-card,
html body .dashboard-head,
html body .mock-panel.is-dark {
  border-color: rgba(var(--dpd-selected-glow-rgb), 0.5) !important;
  box-shadow:
    0 22px 48px rgba(0, 0, 0, 0.13),
    0 0 38px rgba(var(--dpd-selected-glow-rgb), 0.12) !important;
}

html body .dashboard-head-left {
  box-shadow: none !important;
}

html body .dpd-public-header-link.is-active,
html body .dpd-public-header-link:hover,
html body .dpd-public-header-account-toggle.is-active,
html body .dpd-v2-header-shell .dpd-v2-header-link.is-active {
  background: var(--dpd-selected-glow-accent) !important;
  border-color: rgba(var(--dpd-selected-glow-rgb), 0.74) !important;
  color: var(--dpd-selected-glow-ink) !important;
  -webkit-text-fill-color: var(--dpd-selected-glow-ink) !important;
}

html body .dpd-public-header-search,
html body .dpd-public-header-link--utility-bubble,
html body .dpd-v2-header-shell .dpd-v2-header-icon-button,
html body .dpd-v2-header-shell .dpd-public-header-search {
  background: rgba(8, 15, 19, 0.9) !important;
  border-color: rgba(var(--dpd-selected-glow-rgb), 0.58) !important;
  color: var(--dpd-selected-glow-accent) !important;
  -webkit-text-fill-color: var(--dpd-selected-glow-accent) !important;
}

html body .dpd-public-header-link--utility-bubble.is-active,
html body .dpd-public-header-link--utility-bubble:hover,
html body .dpd-v2-header-shell .dpd-v2-header-icon-button:hover,
html body .dpd-v2-header-shell .dpd-v2-header-icon-button.is-active {
  background: var(--dpd-selected-glow-accent) !important;
  color: var(--dpd-selected-glow-ink) !important;
  -webkit-text-fill-color: var(--dpd-selected-glow-ink) !important;
}

html body .dpd-public-header-search svg,
html body .dpd-public-header-link--utility-bubble svg,
html body .dpd-v2-header-shell .dpd-v2-header-icon-button svg,
html body .dpd-public-header-search i,
html body .dpd-public-header-link--utility-bubble i {
  color: currentColor !important;
  stroke: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

html body #dpd-account-dropdown .acc-avatar-grid--selector {
  align-items: start !important;
  display: grid !important;
  gap: 7px !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

html body #dpd-account-dropdown .acc-avatar-option {
  align-items: center !important;
  border-radius: 8px !important;
  justify-content: flex-start !important;
  min-height: 62px !important;
  overflow: hidden !important;
  padding: 6px 4px !important;
}

html body #dpd-account-dropdown .acc-avatar-icon,
html body #dpd-account-dropdown .acc-avatar-initials,
html body #dpd-account-dropdown .acc-avatar-icon--image {
  background: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent))) !important;
  border-radius: 999px !important;
  color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink))) !important;
  height: 30px !important;
  min-height: 30px !important;
  min-width: 30px !important;
  width: 30px !important;
  -webkit-text-fill-color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink))) !important;
}

html body #dpd-account-dropdown .acc-avatar-icon--image {
  isolation: isolate !important;
  position: relative !important;
}

html body #dpd-account-dropdown .acc-avatar-icon--image::before {
  background: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink))) !important;
  content: "" !important;
  display: block !important;
  height: 18px !important;
  left: 50% !important;
  -webkit-mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
  mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
  position: absolute !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 18px !important;
}

html body #dpd-account-dropdown .acc-avatar-option[data-dpd-avatar-choice="checkered"] .acc-avatar-icon--image::before {
  height: 20px !important;
  width: 20px !important;
}

html body #dpd-account-dropdown .acc-avatar-option[data-dpd-avatar-choice="helmet"] .acc-avatar-icon--image::before {
  height: 18px !important;
  width: 24px !important;
}

html body #dpd-account-dropdown .acc-avatar-option[data-dpd-avatar-choice="tread"] .acc-avatar-icon--image::before {
  height: 22px !important;
  width: 14px !important;
}

html body #dpd-account-dropdown .acc-avatar-icon__img,
html body #header-login .dpd-user-badge__mark-img,
html body .dpd-v2-header-shell [data-dpd-user-badge] .dpd-user-badge__mark-img,
html body .dpd-public-header [data-dpd-user-badge] .dpd-user-badge__mark-img {
  display: none !important;
  opacity: 0 !important;
}

html body #header-login .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark--image,
html body .dpd-v2-header-shell [data-dpd-user-badge].has-mark-avatar .dpd-user-badge__mark--image,
html body .dpd-public-header [data-dpd-user-badge].has-mark-avatar .dpd-user-badge__mark--image,
html body [data-dpd-user-badge].has-mark-avatar .dpd-user-badge__mark--image {
  background: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink))) !important;
  display: block !important;
  height: 22px !important;
  -webkit-mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
  mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
  min-height: 22px !important;
  min-width: 22px !important;
  width: 22px !important;
}

html body #dpd-account-dropdown .acc-drop-pic .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark--image {
  height: 34px !important;
  width: 34px !important;
}

html body #dpd-account-dropdown .acc-avatar-caption {
  color: #fff !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  line-height: 1 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  -webkit-text-fill-color: #fff !important;
}

html body #dpd-account-dropdown .dpd-account-menu__action {
  font-weight: 500 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

html body #dpd-account-dropdown .dpd-account-menu__action.is-primary,
html body #dpd-account-dropdown .dpd-account-menu__action.is-signout {
  background: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent))) !important;
  border-color: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent))) !important;
  color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink))) !important;
  -webkit-text-fill-color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink))) !important;
}

html body .dpd-v2-info-summary,
html body .dpd-v2-service-overview__summary-panel,
html body .dpd-v2-section-info-summary,
html body .dpd-v2-info-popover,
html body .dpd-v2-info-popover * {
  line-height: 1.25 !important;
  max-width: min(280px, calc(100vw - 40px)) !important;
  text-align: left !important;
  white-space: normal !important;
}

html[data-dpd-accent="dark"] body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-label,
html[data-dpd-accent="black"] body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-label,
html[data-dpd-accent="carbon"] body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-label,
html body[data-dpd-accent="dark"].dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-label,
html body[data-dpd-accent="black"].dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-label,
html body[data-dpd-accent="carbon"].dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-label {
  color: #fff200 !important;
  -webkit-text-fill-color: #fff200 !important;
}

html[data-dpd-accent="dark"] body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-icon,
html[data-dpd-accent="black"] body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-icon,
html[data-dpd-accent="carbon"] body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-icon,
html body[data-dpd-accent="dark"].dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-icon,
html body[data-dpd-accent="black"].dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-icon,
html body[data-dpd-accent="carbon"].dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-icon {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

@media (min-width: 1101px) {
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed.dpd-v2-admin-tools-open,
  html body.dpd-member-surface.dpd-sidebar-collapsed.dpd-v2-admin-tools-open {
    --dpd-v2-app-sidebar: var(--dpd-floating-sidebar-collapsed-width, var(--dpd-v2-sidebar-collapsed-width, 88px)) !important;
  }

  html body.dpd-member-surface.dpd-v2-sidebar-collapsed.dpd-v2-admin-tools-open #dpd-v2-sidebar,
  html body.dpd-member-surface.dpd-sidebar-collapsed.dpd-v2-admin-tools-open #dpd-v2-sidebar,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #dpd-v2-sidebar.has-open-nav-accordion,
  html body.dpd-member-surface.dpd-sidebar-collapsed #dpd-v2-sidebar.has-open-nav-accordion {
    max-width: var(--dpd-floating-sidebar-collapsed-width, var(--dpd-v2-sidebar-collapsed-width, 88px)) !important;
    min-width: var(--dpd-floating-sidebar-collapsed-width, var(--dpd-v2-sidebar-collapsed-width, 88px)) !important;
    overflow: visible !important;
    width: var(--dpd-floating-sidebar-collapsed-width, var(--dpd-v2-sidebar-collapsed-width, 88px)) !important;
  }

  html body.dpd-member-surface.dpd-v2-admin-tools-open #dpd-v2-sidebar,
  html body.dpd-member-surface #dpd-v2-sidebar.has-open-nav-accordion {
    overflow: visible !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar.has-open-nav-accordion .main-content-area-left-nav,
  html body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell.has-open-nav-accordion .main-content-area-left-nav {
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    padding-bottom: 0 !important;
    scrollbar-gutter: auto !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu {
    background:
      radial-gradient(circle at 12% 10%, rgba(var(--dpd-selected-glow-rgb), 0.2), transparent 38%),
      rgba(5, 8, 10, 0.98) !important;
    border: 1px solid rgba(var(--dpd-selected-glow-rgb), 0.38) !important;
    border-radius: 10px !important;
    box-shadow:
      0 22px 48px rgba(0, 0, 0, 0.38),
      0 0 34px rgba(var(--dpd-selected-glow-rgb), 0.16) !important;
    display: grid !important;
    gap: 8px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    left: var(--dpd-admin-tools-popup-left, calc(var(--dpd-stable-sidebar, 224px) + 40px)) !important;
    margin: 0 !important;
    max-height: none !important;
    max-width: min(680px, calc(100vw - 48px)) !important;
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    padding: 12px !important;
    position: fixed !important;
    top: var(--dpd-admin-tools-popup-top, 180px) !important;
    width: var(--dpd-admin-tools-popup-width, min(680px, calc(100vw - 48px))) !important;
    z-index: 2147483000 !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu .menu-item,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu .menu-item {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu .menu-item > a,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu .menu-item > a {
    align-items: center !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-left: 3px solid var(--dpd-selected-glow-accent) !important;
    border-radius: 6px !important;
    color: #f7fafc !important;
    display: flex !important;
    gap: 12px !important;
    justify-content: flex-start !important;
    min-height: 42px !important;
    padding: 10px 12px !important;
    text-align: left !important;
    text-decoration: none !important;
    width: 100% !important;
    -webkit-text-fill-color: #f7fafc !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu .dpd-v2-nav-icon,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu .dpd-v2-nav-icon {
    color: var(--dpd-selected-glow-accent) !important;
    flex: 0 0 24px !important;
    font-size: 17px !important;
    width: 24px !important;
    -webkit-text-fill-color: var(--dpd-selected-glow-accent) !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu .dpd-v2-nav-label,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu .dpd-v2-nav-label {
    color: #f7fafc !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 0.02em !important;
    line-height: 1.1 !important;
    -webkit-text-fill-color: #f7fafc !important;
  }
}

/* Final pass: keep account badges identical across public and member chrome. */
html body #header-login [data-dpd-user-badge],
html body #header-login .dpd-user-badge,
html body .dpd-public-header [data-dpd-user-badge],
html body .dpd-public-header .dpd-user-badge,
html body .dpd-v2-header-shell [data-dpd-user-badge],
html body .dpd-v2-header-shell .dpd-user-badge,
html body #dpd-account-dropdown .acc-drop-pic [data-dpd-user-badge],
html body #dpd-account-dropdown .acc-drop-pic .dpd-user-badge {
  align-items: center !important;
  aspect-ratio: 1 / 1 !important;
  background: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent))) !important;
  background-image: none !important;
  border: 2px solid rgba(255, 255, 255, 0.92) !important;
  border-radius: 999px !important;
  box-shadow:
    0 0 0 1px rgba(var(--dpd-selected-glow-rgb), 0.35),
    0 14px 28px rgba(var(--dpd-selected-glow-rgb), 0.16) !important;
  color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink))) !important;
  display: inline-grid !important;
  font-size: 0 !important;
  justify-items: center !important;
  line-height: 1 !important;
  min-height: 44px !important;
  min-width: 44px !important;
  overflow: hidden !important;
  padding: 0 !important;
  place-items: center !important;
  position: relative !important;
  text-align: center !important;
  -webkit-text-fill-color: currentColor !important;
}

html body #header-login [data-dpd-user-badge],
html body #header-login .dpd-user-badge,
html body .dpd-public-header [data-dpd-user-badge],
html body .dpd-public-header .dpd-user-badge,
html body .dpd-v2-header-shell [data-dpd-user-badge],
html body .dpd-v2-header-shell .dpd-user-badge {
  height: 44px !important;
  width: 44px !important;
}

html body #dpd-account-dropdown .acc-drop-pic [data-dpd-user-badge],
html body #dpd-account-dropdown .acc-drop-pic .dpd-user-badge {
  height: 52px !important;
  width: 52px !important;
}

html body [data-dpd-user-badge].has-mark-avatar .dpd-user-badge__mark,
html body .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark,
html body [data-dpd-user-badge].has-mark-avatar .dpd-user-badge__mark--image,
html body .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark--image {
  background: currentColor !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: currentColor !important;
  display: block !important;
  flex: 0 0 auto !important;
  height: 58% !important;
  line-height: 1 !important;
  margin: 0 !important;
  max-height: 34px !important;
  max-width: 34px !important;
  min-height: 20px !important;
  min-width: 20px !important;
  padding: 0 !important;
  -webkit-mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
  mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
  opacity: 1 !important;
  width: 58% !important;
  -webkit-text-fill-color: currentColor !important;
}

html body [data-dpd-avatar-choice="helmet"] [data-dpd-user-badge].has-mark-avatar .dpd-user-badge__mark,
html body [data-dpd-avatar-choice="helmet"] .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark,
html body [data-dpd-user-badge][data-dpd-avatar-choice="helmet"].has-mark-avatar .dpd-user-badge__mark,
html body .dpd-user-badge[data-dpd-avatar-choice="helmet"].has-mark-avatar .dpd-user-badge__mark {
  height: 50% !important;
  width: 70% !important;
}

html body [data-dpd-avatar-choice="checkered"] [data-dpd-user-badge].has-mark-avatar .dpd-user-badge__mark,
html body [data-dpd-avatar-choice="checkered"] .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark,
html body [data-dpd-user-badge][data-dpd-avatar-choice="checkered"].has-mark-avatar .dpd-user-badge__mark,
html body .dpd-user-badge[data-dpd-avatar-choice="checkered"].has-mark-avatar .dpd-user-badge__mark {
  height: 62% !important;
  width: 62% !important;
}

html body [data-dpd-avatar-choice="tread"] [data-dpd-user-badge].has-mark-avatar .dpd-user-badge__mark,
html body [data-dpd-avatar-choice="tread"] .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark,
html body [data-dpd-user-badge][data-dpd-avatar-choice="tread"].has-mark-avatar .dpd-user-badge__mark,
html body .dpd-user-badge[data-dpd-avatar-choice="tread"].has-mark-avatar .dpd-user-badge__mark {
  height: 66% !important;
  width: 44% !important;
}

html body [data-dpd-user-badge].has-mark-avatar img,
html body .dpd-user-badge.has-mark-avatar img,
html body #dpd-account-dropdown .acc-avatar-icon--image img,
html body #dpd-account-dropdown .acc-avatar-icon__img {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

html body #dpd-account-dropdown .acc-avatar-option {
  gap: 5px !important;
  width: auto !important;
}

html body #dpd-account-dropdown .acc-avatar-icon,
html body #dpd-account-dropdown .acc-avatar-initials,
html body #dpd-account-dropdown .acc-avatar-icon--image {
  align-items: center !important;
  aspect-ratio: 1 / 1 !important;
  box-shadow:
    inset 0 0 0 2px rgba(0, 0, 0, 0.18),
    0 8px 18px rgba(var(--dpd-selected-glow-rgb), 0.18) !important;
  display: inline-grid !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  justify-items: center !important;
  line-height: 1 !important;
  place-items: center !important;
  text-align: center !important;
}

html body #dpd-account-dropdown .acc-avatar-icon--image::before {
  background: currentColor !important;
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

html body #dpd-account-dropdown .acc-avatar-option.is-active .acc-avatar-icon,
html body #dpd-account-dropdown .acc-avatar-option.is-active .acc-avatar-initials,
html body #dpd-account-dropdown .acc-avatar-option.is-active .acc-avatar-icon--image {
  box-shadow:
    inset 0 0 0 2px rgba(0, 0, 0, 0.18),
    0 0 0 1px rgba(var(--dpd-selected-glow-rgb), 0.9),
    0 12px 24px rgba(var(--dpd-selected-glow-rgb), 0.22) !important;
}

html body .dpd-public-header-search svg,
html body .dpd-public-header-search svg *,
html body .dpd-public-header-link--utility-bubble svg,
html body .dpd-public-header-link--utility-bubble svg *,
html body .dpd-v2-header-shell .dpd-v2-header-icon-button svg,
html body .dpd-v2-header-shell .dpd-v2-header-icon-button svg * {
  color: currentColor !important;
  stroke: currentColor !important;
}

html body .dpd-public-header-search .fa,
html body .dpd-public-header-search i,
html body .dpd-public-header-link--utility-bubble .fa,
html body .dpd-public-header-link--utility-bubble i,
html body .dpd-v2-header-shell .dpd-v2-header-icon-button .fa,
html body .dpd-v2-header-shell .dpd-v2-header-icon-button i {
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-dpd-accent="dark"] body .dpd-public-header-link:not(.dpd-public-header-link--utility-bubble):not(.dpd-public-header-account-toggle):not(.dpd-v2-header-jump-link),
html[data-dpd-accent="black"] body .dpd-public-header-link:not(.dpd-public-header-link--utility-bubble):not(.dpd-public-header-account-toggle):not(.dpd-v2-header-jump-link),
html[data-dpd-accent="carbon"] body .dpd-public-header-link:not(.dpd-public-header-link--utility-bubble):not(.dpd-public-header-account-toggle):not(.dpd-v2-header-jump-link),
html body[data-dpd-accent="dark"] .dpd-public-header-link:not(.dpd-public-header-link--utility-bubble):not(.dpd-public-header-account-toggle):not(.dpd-v2-header-jump-link),
html body[data-dpd-accent="black"] .dpd-public-header-link:not(.dpd-public-header-link--utility-bubble):not(.dpd-public-header-account-toggle):not(.dpd-v2-header-jump-link),
html body[data-dpd-accent="carbon"] .dpd-public-header-link:not(.dpd-public-header-link--utility-bubble):not(.dpd-public-header-account-toggle):not(.dpd-v2-header-jump-link) {
  background: #fff200 !important;
  border-color: rgba(255, 242, 0, 0.82) !important;
  color: #071018 !important;
  -webkit-text-fill-color: #071018 !important;
}

html[data-dpd-accent="dark"] body .dpd-public-header-link--utility-bubble,
html[data-dpd-accent="black"] body .dpd-public-header-link--utility-bubble,
html[data-dpd-accent="carbon"] body .dpd-public-header-link--utility-bubble,
html body[data-dpd-accent="dark"] .dpd-public-header-link--utility-bubble,
html body[data-dpd-accent="black"] .dpd-public-header-link--utility-bubble,
html body[data-dpd-accent="carbon"] .dpd-public-header-link--utility-bubble {
  background: rgba(8, 15, 19, 0.94) !important;
  border-color: rgba(255, 242, 0, 0.72) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

/* Dashboard layout builder prototype package. */
html body .dpd-dashboard-builder {
  background: #fff !important;
  border: 1px solid rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.24) !important;
  border-radius: 18px !important;
  box-shadow: 0 22px 42px rgba(8, 15, 19, 0.08) !important;
  color: #111820 !important;
  margin-top: 28px !important;
  padding: 24px !important;
}

html body .dpd-dashboard-builder,
html body .dpd-dashboard-builder * {
  letter-spacing: 0 !important;
}

html body .dpd-dashboard-builder button {
  cursor: pointer !important;
  font-weight: 600 !important;
  text-transform: none !important;
}

html body .dpd-dashboard-builder button:disabled {
  cursor: default !important;
  opacity: 0.54 !important;
}

html body .dpd-dashboard-builder__header {
  align-items: flex-start !important;
  display: flex !important;
  gap: 20px !important;
  justify-content: space-between !important;
}

html body .dpd-dashboard-builder__header h2 {
  color: #111820 !important;
  font-size: clamp(26px, 3vw, 40px) !important;
  line-height: 1.02 !important;
  margin: 8px 0 8px !important;
}

html body .dpd-dashboard-builder__header p,
html body .dpd-dashboard-builder__note,
html body .dpd-dashboard-builder__preview-head p {
  color: #4a5866 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}

html body .dpd-dashboard-builder__actions {
  align-items: center !important;
  display: flex !important;
  flex: 0 0 auto !important;
  gap: 10px !important;
  justify-content: flex-end !important;
}

html body .dpd-dashboard-builder .mock-btn.small.dark {
  align-items: center !important;
  background: #101923 !important;
  border: 1px solid rgba(8, 15, 19, 0.12) !important;
  border-radius: 999px !important;
  color: #fff !important;
  display: inline-flex !important;
  font-size: 12px !important;
  min-height: 38px !important;
  padding: 0 16px !important;
  -webkit-text-fill-color: #fff !important;
}

html body .dpd-dashboard-builder .mock-chip {
  align-items: center !important;
  background: rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.16) !important;
  border: 1px solid rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.38) !important;
  border-radius: 999px !important;
  color: #111820 !important;
  display: inline-flex !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  min-height: 34px !important;
  padding: 0 14px !important;
  white-space: nowrap !important;
}

html body .dpd-dashboard-builder__rolebar {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin: 22px 0 18px !important;
}

html body .dpd-dashboard-builder__role {
  background: #f6f8fa !important;
  border: 1px solid rgba(8, 15, 19, 0.12) !important;
  border-radius: 999px !important;
  color: #111820 !important;
  font-size: 13px !important;
  min-height: 38px !important;
  padding: 0 16px !important;
  transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease, color 160ms ease !important;
}

html body .dpd-dashboard-builder__role.is-active {
  background: var(--dpd-selected-glow, #fff200) !important;
  border-color: rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.82) !important;
  box-shadow: 0 10px 24px rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.22) !important;
  color: var(--dpd-selected-glow-ink, #071018) !important;
  -webkit-text-fill-color: var(--dpd-selected-glow-ink, #071018) !important;
}

html[data-dpd-accent="black"] body .dpd-dashboard-builder__role.is-active,
html[data-dpd-accent="dark"] body .dpd-dashboard-builder__role.is-active,
html[data-dpd-accent="carbon"] body .dpd-dashboard-builder__role.is-active,
html body[data-dpd-accent="black"] .dpd-dashboard-builder__role.is-active,
html body[data-dpd-accent="dark"] .dpd-dashboard-builder__role.is-active,
html body[data-dpd-accent="carbon"] .dpd-dashboard-builder__role.is-active {
  background: #fff200 !important;
  border-color: rgba(255, 242, 0, 0.86) !important;
  color: #071018 !important;
  -webkit-text-fill-color: #071018 !important;
}

html body .dpd-dashboard-builder__body {
  display: grid !important;
  gap: 16px !important;
  grid-template-columns: minmax(260px, 0.82fr) minmax(360px, 1.18fr) !important;
}

html body .dpd-dashboard-builder__library,
html body .dpd-dashboard-builder__preview {
  background: #f7fafc !important;
  border: 1px solid rgba(8, 15, 19, 0.08) !important;
  border-radius: 14px !important;
  min-width: 0 !important;
  padding: 14px !important;
}

html body .dpd-dashboard-builder__eyebrow {
  color: #0c1720 !important;
  display: block !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  margin: 0 0 10px !important;
  text-transform: uppercase !important;
}

html body .dpd-dashboard-builder__library-list,
html body .dpd-dashboard-builder__dropzone {
  display: grid !important;
  gap: 10px !important;
}

html body .dpd-dashboard-builder__library-card,
html body .dpd-dashboard-builder__preview-card {
  background: #fff !important;
  border: 1px solid rgba(8, 15, 19, 0.09) !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 22px rgba(8, 15, 19, 0.04) !important;
  min-width: 0 !important;
}

html body .dpd-dashboard-builder__library-card {
  display: grid !important;
  gap: 7px !important;
  grid-template-columns: 1fr auto !important;
  padding: 14px !important;
}

html body .dpd-dashboard-builder__library-card.is-added {
  border-color: rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.34) !important;
}

html body .dpd-dashboard-builder__library-card strong,
html body .dpd-dashboard-builder__preview-card strong {
  color: #111820 !important;
  font-size: 15px !important;
  line-height: 1.18 !important;
}

html body .dpd-dashboard-builder__library-card p,
html body .dpd-dashboard-builder__preview-card p {
  color: #526170 !important;
  font-size: 13px !important;
  grid-column: 1 / -1 !important;
  line-height: 1.42 !important;
  margin: 0 !important;
}

html body .dpd-dashboard-builder__meta {
  color: rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.98) !important;
  display: block !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}

html body .dpd-dashboard-builder__add,
html body .dpd-dashboard-builder__remove,
html body .dpd-dashboard-builder__move {
  align-self: start !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  min-height: 32px !important;
  padding: 0 12px !important;
}

html body .dpd-dashboard-builder__add,
html body .dpd-dashboard-builder__move {
  background: var(--dpd-selected-glow, #fff200) !important;
  border: 1px solid rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.72) !important;
  color: var(--dpd-selected-glow-ink, #071018) !important;
  -webkit-text-fill-color: var(--dpd-selected-glow-ink, #071018) !important;
}

html body .dpd-dashboard-builder__remove {
  background: #fff !important;
  border: 1px solid rgba(8, 15, 19, 0.16) !important;
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
}

html[data-dpd-accent="black"] body .dpd-dashboard-builder__add,
html[data-dpd-accent="dark"] body .dpd-dashboard-builder__add,
html[data-dpd-accent="carbon"] body .dpd-dashboard-builder__add,
html[data-dpd-accent="black"] body .dpd-dashboard-builder__move,
html[data-dpd-accent="dark"] body .dpd-dashboard-builder__move,
html[data-dpd-accent="carbon"] body .dpd-dashboard-builder__move,
html body[data-dpd-accent="black"] .dpd-dashboard-builder__add,
html body[data-dpd-accent="dark"] .dpd-dashboard-builder__add,
html body[data-dpd-accent="carbon"] .dpd-dashboard-builder__add,
html body[data-dpd-accent="black"] .dpd-dashboard-builder__move,
html body[data-dpd-accent="dark"] .dpd-dashboard-builder__move,
html body[data-dpd-accent="carbon"] .dpd-dashboard-builder__move {
  background: #fff200 !important;
  border-color: rgba(255, 242, 0, 0.86) !important;
  color: #071018 !important;
  -webkit-text-fill-color: #071018 !important;
}

html body .dpd-dashboard-builder__preview-head {
  align-items: baseline !important;
  display: flex !important;
  gap: 12px !important;
  justify-content: space-between !important;
  margin-bottom: 10px !important;
}

html body .dpd-dashboard-builder__dropzone {
  min-height: 156px !important;
}

html body .dpd-dashboard-builder__preview-card {
  align-items: center !important;
  cursor: grab !important;
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: auto auto minmax(0, 1fr) auto !important;
  padding: 12px !important;
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease !important;
}

html body .dpd-dashboard-builder__preview-card:active {
  cursor: grabbing !important;
}

html body .dpd-dashboard-builder__preview-card.is-dragging {
  border-color: rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.72) !important;
  box-shadow: 0 16px 30px rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.18) !important;
  opacity: 0.78 !important;
  transform: scale(0.99) !important;
}

html body .dpd-dashboard-builder__handle {
  align-items: center !important;
  background: #101923 !important;
  border-radius: 999px !important;
  color: #fff !important;
  display: inline-flex !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  justify-content: center !important;
  min-height: 28px !important;
  padding: 0 10px !important;
}

html body .dpd-dashboard-builder__order {
  align-items: center !important;
  background: rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.14) !important;
  border: 1px solid rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.34) !important;
  border-radius: 10px !important;
  color: #111820 !important;
  display: inline-flex !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  height: 36px !important;
  justify-content: center !important;
  width: 42px !important;
}

html body .dpd-dashboard-builder__preview-content {
  min-width: 0 !important;
}

html body .dpd-dashboard-builder__preview-content .dpd-dashboard-builder__meta {
  margin-bottom: 3px !important;
}

html body .dpd-dashboard-builder__preview-actions {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  justify-content: flex-end !important;
}

html body .dpd-dashboard-builder__empty {
  align-items: center !important;
  background: rgba(8, 15, 19, 0.04) !important;
  border: 1px dashed rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.42) !important;
  border-radius: 14px !important;
  color: #526170 !important;
  display: flex !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  min-height: 126px !important;
  padding: 18px !important;
}

html body .dpd-dashboard-builder__note {
  background: rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.08) !important;
  border: 1px solid rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.18) !important;
  border-radius: 12px !important;
  margin-top: 14px !important;
  padding: 10px 12px !important;
}

@media (max-width: 980px) {
  html body .dpd-dashboard-builder {
    padding: 18px !important;
  }

  html body .dpd-dashboard-builder__header,
  html body .dpd-dashboard-builder__preview-head {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  html body .dpd-dashboard-builder__body {
    grid-template-columns: 1fr !important;
  }

  html body .dpd-dashboard-builder__actions {
    justify-content: flex-start !important;
  }
}

@media (max-width: 640px) {
  html body .dpd-dashboard-builder__preview-card {
    align-items: start !important;
    grid-template-columns: auto 1fr !important;
  }

  html body .dpd-dashboard-builder__preview-card .dpd-dashboard-builder__order,
  html body .dpd-dashboard-builder__preview-card .dpd-dashboard-builder__preview-actions {
    justify-self: start !important;
  }

  html body .dpd-dashboard-builder__preview-content,
  html body .dpd-dashboard-builder__preview-card .dpd-dashboard-builder__preview-actions {
    grid-column: 1 / -1 !important;
  }
}

/* DPD 2.0 QA package: shared info dots, avatars, mobile nav, admin tools grid, and hero imagery. */
html {
  --dpd-accent-orange: #FF6600;
}

html[data-dpd-accent="orange"],
body[data-dpd-accent="orange"] {
  --dpd-selected-glow: #FF6600 !important;
  --dpd-selected-glow-rgb: 255, 102, 0 !important;
  --dpd-selected-glow-ink: #101820 !important;
  --dpd-portal-accent: #FF6600 !important;
  --dpd-portal-accent-rgb: 255, 102, 0 !important;
  --dpd-user-accent: #FF6600 !important;
  --dpd-user-accent-rgb: 255, 102, 0 !important;
}

html body .rewards-portal-main-con {
  background-image:
    linear-gradient(90deg, rgba(7, 16, 18, 0.98) 0%, rgba(7, 16, 18, 0.88) 42%, rgba(7, 16, 18, 0.48) 100%),
    url("images/dashboard-header-bg.webp") !important;
  background-position: center right !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

html body .video-header-content.mock-static-bg[style*="dashboard-video-poster"],
html body .video-header-content[style*="dashboard-video-poster"],
html body .dashboard-head[style*="dashboard-video-poster"],
html body .dpd-v2-hero-motion[style*="dashboard-video-poster"],
html body .dpd-v2-global-hero[style*="dashboard-video-poster"] {
  background-image:
    radial-gradient(circle at 78% 24%, rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.18), transparent 34%),
    linear-gradient(110deg, rgba(7, 16, 18, 0.98), rgba(7, 16, 18, 0.9) 50%, rgba(7, 16, 18, 0.72)),
    url("images/dashboard-header-bg.webp") !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

html body .dpd-v2-info-managed {
  contain: none !important;
  overflow: visible !important;
  position: relative !important;
}

html body .dpd-v2-info-managed.is-info-open,
html body .dpd-v2-info-managed.is-info-hover,
html body .dpd-v2-info-managed:focus-within {
  z-index: 9994 !important;
}

html body .dpd-v2-info-summary,
html body .dpd-v2-info-summary--tooltip,
html body .dpd-v2-info-summary--fallback,
html body .dpd-v2-section-info-summary {
  background: #101820 !important;
  border: 1px solid rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.5) !important;
  border-radius: 8px !important;
  box-shadow: 0 18px 38px rgba(5, 12, 18, 0.28), 0 0 20px rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.18) !important;
  box-sizing: border-box !important;
  color: #ffffff !important;
  display: block !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  left: auto !important;
  letter-spacing: 0 !important;
  line-height: 1.35 !important;
  margin: 0 !important;
  max-height: min(260px, calc(100vh - 72px)) !important;
  max-width: min(340px, calc(100vw - 40px)) !important;
  min-width: min(260px, calc(100vw - 40px)) !important;
  opacity: 0 !important;
  overflow: auto !important;
  padding: 10px 12px !important;
  pointer-events: none !important;
  position: absolute !important;
  right: 0 !important;
  text-align: left !important;
  text-transform: none !important;
  top: calc(100% + 10px) !important;
  transform: translateY(-4px) !important;
  transition: opacity .16s ease, transform .16s ease, visibility .16s ease !important;
  visibility: hidden !important;
  white-space: normal !important;
  width: max-content !important;
  z-index: 9995 !important;
}

html body .dpd-v2-info-summary::before,
html body .dpd-v2-info-summary::after {
  content: none !important;
  display: none !important;
}

html body .dpd-v2-info-managed.is-info-open > .dpd-v2-info-summary,
html body .dpd-v2-info-managed.is-info-hover > .dpd-v2-info-summary,
html body .dpd-v2-info-managed:hover > .dpd-v2-info-summary,
html body .dpd-v2-info-managed:focus-within > .dpd-v2-info-summary {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
  visibility: visible !important;
}

html body .dpd-v2-info-summary p,
html body .dpd-v2-info-summary span,
html body .dpd-v2-info-summary strong {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body #header-login .dpd-public-header-account-toggle,
html body #header-login .dpd-public-header-account-chip,
html body .dpd-public-header .dpd-public-header-account-toggle,
html body .dpd-v2-header-shell .dpd-public-header-account-toggle {
  align-items: center !important;
  gap: 10px !important;
  min-height: 50px !important;
}

html body #header-login [data-dpd-user-badge],
html body #header-login .dpd-user-badge,
html body .dpd-public-header [data-dpd-user-badge],
html body .dpd-public-header .dpd-user-badge,
html body .dpd-v2-header-shell [data-dpd-user-badge],
html body .dpd-v2-header-shell .dpd-user-badge {
  align-items: center !important;
  background: var(--dpd-user-accent, var(--dpd-selected-glow, #fff200)) !important;
  border: 2px solid rgba(255, 255, 255, 0.86) !important;
  border-radius: 999px !important;
  display: inline-grid !important;
  flex: 0 0 44px !important;
  height: 44px !important;
  justify-items: center !important;
  margin: 0 !important;
  min-height: 44px !important;
  min-width: 44px !important;
  overflow: hidden !important;
  place-items: center !important;
  width: 44px !important;
}

html body .dpd-user-badge__mark,
html body .acc-avatar-icon,
html body .acc-avatar-initials {
  align-items: center !important;
  display: inline-grid !important;
  justify-items: center !important;
  place-items: center !important;
}

html body .dpd-user-badge__mark-img,
html body .acc-avatar-icon__img,
html body .acc-avatar-icon img,
html body .acc-avatar-icon svg,
html body .dpd-user-badge svg {
  display: block !important;
  height: 72% !important;
  max-height: 72% !important;
  max-width: 72% !important;
  object-fit: contain !important;
  overflow: visible !important;
  width: 72% !important;
}

html body #dpd-account-dropdown .acc-dropdown-tab {
  align-items: center !important;
  display: grid !important;
  gap: 14px !important;
  grid-template-columns: 58px minmax(0, 1fr) !important;
}

html body #dpd-account-dropdown .acc-drop-pic,
html body #dpd-account-dropdown .acc-drop-pic [data-dpd-user-badge],
html body #dpd-account-dropdown .acc-drop-pic .dpd-user-badge {
  flex: 0 0 58px !important;
  height: 58px !important;
  min-height: 58px !important;
  min-width: 58px !important;
  width: 58px !important;
}

html body #dpd-account-dropdown .acc-avatar-grid--selector {
  align-items: start !important;
  display: grid !important;
  gap: 7px !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

html body #dpd-account-dropdown .acc-avatar-option {
  align-content: center !important;
  display: grid !important;
  justify-items: center !important;
  min-height: 62px !important;
  padding: 6px 4px !important;
}

html body #dpd-account-dropdown .acc-avatar-option .acc-avatar-icon,
html body #dpd-account-dropdown .acc-avatar-option .acc-avatar-initials,
html body #dpd-account-dropdown .acc-avatar-option .acc-avatar-icon--image {
  height: 30px !important;
  min-height: 30px !important;
  min-width: 30px !important;
  width: 30px !important;
}

html body #dpd-account-dropdown .acc-avatar-option .acc-avatar-caption {
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
  line-height: 1 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body #dpd-account-dropdown .dpd-account-menu__action,
html body #dpd-account-dropdown .dpd-account-menu__action span {
  font-weight: 600 !important;
  letter-spacing: .08em !important;
}

html body .dpd-v2-header-shell .dpd-public-header-utility,
html body .dpd-v2-header-shell .dpd-public-header-search,
html body .dpd-v2-header-shell .dpd-public-header-icon-button {
  align-items: center !important;
  display: inline-grid !important;
  justify-items: center !important;
  place-items: center !important;
}

html body .dpd-v2-header-shell .dpd-public-header-utility i,
html body .dpd-v2-header-shell .dpd-public-header-search i,
html body .dpd-v2-header-shell .dpd-public-header-icon-button i,
html body .dpd-v2-header-shell .dpd-public-header-utility svg,
html body .dpd-v2-header-shell .dpd-public-header-search svg,
html body .dpd-v2-header-shell .dpd-public-header-icon-button svg {
  color: currentColor !important;
  fill: none !important;
  stroke: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

html body .dpd-v2-section-label,
html body .dpd-v2-program-chip,
html body .mock-panel__eyebrow,
html body .dpd-v2-info-dot,
html body .dpd-v2-service-info-dot {
  color: var(--dpd-selected-glow-ink, #101820) !important;
  -webkit-text-fill-color: var(--dpd-selected-glow-ink, #101820) !important;
}

html body .dpd-v2-section-label,
html body .dpd-v2-program-chip,
html body .mock-panel__eyebrow {
  background: var(--dpd-selected-glow, #fff200) !important;
  border-color: rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.55) !important;
}

html body.dpd-member-surface.dpd-v2-admin-tools-open #dpd-v2-sidebar,
html body.dpd-member-surface.dpd-sidebar-collapsed.dpd-v2-admin-tools-open #dpd-v2-sidebar,
html body.dpd-member-surface.dpd-v2-sidebar-collapsed.dpd-v2-admin-tools-open #dpd-v2-sidebar,
html body.dpd-member-surface.dpd-v2-admin-tools-open #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell,
html body.dpd-member-surface.dpd-sidebar-collapsed.dpd-v2-admin-tools-open #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell,
html body.dpd-member-surface.dpd-v2-sidebar-collapsed.dpd-v2-admin-tools-open #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell {
  max-height: calc(100dvh - var(--dpd-stable-adminbar, 0px) - var(--dpd-stable-header-top, 12px) - var(--dpd-stable-header-height, 82px) - 34px) !important;
  overflow: hidden !important;
}

html body.dpd-member-surface.dpd-v2-admin-tools-open #dpd-v2-sidebar .main-content-area-left-nav,
html body.dpd-member-surface.dpd-v2-admin-tools-open #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell .main-content-area-left-nav {
  height: 100% !important;
  max-height: inherit !important;
  overflow: hidden !important;
  padding-bottom: 0 !important;
}

html body.dpd-member-surface.dpd-v2-admin-tools-open #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open > .menu,
html body.dpd-member-surface.dpd-v2-admin-tools-open #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open > .menu {
  align-items: stretch !important;
  background: #101820 !important;
  border: 1px solid rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.4) !important;
  border-radius: 14px !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.34), 0 0 34px rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.14) !important;
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: repeat(2, minmax(180px, 1fr)) !important;
  left: var(--dpd-admin-tools-popup-left, calc(var(--dpd-stable-sidebar, 224px) + 40px)) !important;
  margin: 0 !important;
  max-height: none !important;
  max-width: min(680px, calc(100vw - 48px)) !important;
  min-width: 0 !important;
  overflow: visible !important;
  padding: 14px !important;
  position: fixed !important;
  right: auto !important;
  top: var(--dpd-admin-tools-popup-top, 180px) !important;
  transform: none !important;
  width: var(--dpd-admin-tools-popup-width, min(680px, calc(100vw - 48px))) !important;
  z-index: 2147483000 !important;
}

html body.dpd-member-surface.dpd-v2-admin-tools-open #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open > .menu .menu-item > a,
html body.dpd-member-surface.dpd-v2-admin-tools-open #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open > .menu .menu-item > a {
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 10px !important;
  color: #ffffff !important;
  display: flex !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  gap: 10px !important;
  justify-content: flex-start !important;
  letter-spacing: .04em !important;
  min-height: 42px !important;
  padding: 10px 12px !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  width: 100% !important;
}

html body.dpd-member-surface.dpd-v2-admin-tools-open #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open > .menu .menu-item > a:hover,
html body.dpd-member-surface.dpd-v2-admin-tools-open #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open > .menu .menu-item > a:hover {
  background: rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.14) !important;
  border-color: rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.42) !important;
}

html body.dpd-member-surface.dpd-v2-sidebar-collapsed #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open > .menu,
html body.dpd-member-surface.dpd-sidebar-collapsed #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open > .menu,
html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open > .menu,
html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open > .menu {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  max-height: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  pointer-events: none !important;
  position: static !important;
  visibility: hidden !important;
}

html[data-dpd-accent="black"] body .dpd-v2-header-shell .dpd-public-header-link:not(.dpd-v2-header-jump-link),
html[data-dpd-accent="dark"] body .dpd-v2-header-shell .dpd-public-header-link:not(.dpd-v2-header-jump-link),
html[data-dpd-accent="carbon"] body .dpd-v2-header-shell .dpd-public-header-link:not(.dpd-v2-header-jump-link),
body[data-dpd-accent="black"] .dpd-v2-header-shell .dpd-public-header-link:not(.dpd-v2-header-jump-link),
body[data-dpd-accent="dark"] .dpd-v2-header-shell .dpd-public-header-link:not(.dpd-v2-header-jump-link),
body[data-dpd-accent="carbon"] .dpd-v2-header-shell .dpd-public-header-link:not(.dpd-v2-header-jump-link) {
  background: #fff200 !important;
  border-color: rgba(255, 242, 0, 0.86) !important;
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
}

html[data-dpd-accent="black"] body .dpd-v2-nav-icon,
html[data-dpd-accent="black"] body .dpd-v2-header-shell .fa,
body[data-dpd-accent="black"] .dpd-v2-nav-icon,
body[data-dpd-accent="black"] .dpd-v2-header-shell .fa {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

@media (max-width: 1100px) {
  html body #header-login-mobile.dpd-v2-mobile-header-shell {
    align-items: center !important;
    background: linear-gradient(135deg, #101820 0%, #071018 100%) !important;
    border: 1px solid rgba(255, 242, 0, .28) !important;
    border-radius: 22px !important;
    box-shadow: 0 18px 34px rgba(7, 16, 24, .2) !important;
    display: grid !important;
    gap: 10px !important;
    grid-template-columns: 54px minmax(0, 1fr) 50px !important;
    min-height: var(--dpd-v2-app-header-height, 76px) !important;
    padding: 8px 10px !important;
    position: relative !important;
    width: 100% !important;
    z-index: 1200 !important;
  }

  html body #header-login-mobile .dpd-v2-mobile-header-shell__brand {
    align-items: center !important;
    background: #fff200 !important;
    border-radius: 16px !important;
    display: grid !important;
    height: 52px !important;
    margin: 0 !important;
    place-items: center !important;
    width: 52px !important;
  }

  html body #header-login-mobile .dpd-v2-mobile-header-shell__brand a {
    align-items: center !important;
    display: grid !important;
    height: 52px !important;
    place-items: center !important;
    width: 52px !important;
  }

  html body #header-login-mobile .dpd-v2-mobile-header-shell__brand img {
    height: auto !important;
    max-height: 38px !important;
    max-width: 38px !important;
    object-fit: contain !important;
    width: auto !important;
  }

  html body #header-login-mobile .dpd-v2-mobile-header-shell__title {
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    line-height: 1.15 !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-align: left !important;
    text-overflow: ellipsis !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
  }

  html body #header-login-mobile .dpd-v2-mobile-nav {
    align-items: center !important;
    display: flex !important;
    justify-content: flex-end !important;
    margin-left: auto !important;
    min-width: 50px !important;
  }

  html body #header-login-mobile .dpd-v2-nav-toggle--mobile {
    align-items: center !important;
    background: #fff200 !important;
    border: 1px solid rgba(255, 242, 0, .9) !important;
    border-radius: 16px !important;
    display: grid !important;
    height: 48px !important;
    justify-content: center !important;
    place-items: center !important;
    width: 48px !important;
  }

  html body #header-login-mobile .dpd-v2-nav-toggle-bars span {
    background: #101820 !important;
  }
}

@media (max-width: 700px) {
  html body #dpd-account-dropdown .acc-avatar-grid--selector {
    grid-template-columns: repeat(3, minmax(58px, 1fr)) !important;
  }

  html body #dpd-account-dropdown .acc-dropdown-tab {
    grid-template-columns: 54px minmax(0, 1fr) !important;
  }
}

/* DPD role-aware dashboard edit mode prototype - 2026-06-25 */
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-edit-bar {
  align-items: center !important;
  display: flex !important;
  gap: 18px !important;
  justify-content: space-between !important;
  padding: 18px 22px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-edit-bar__copy {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-edit-bar__copy strong {
  color: #101820 !important;
  display: block !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.1 !important;
  text-transform: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-edit-bar__copy p {
  color: #56616b !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  margin: 0 !important;
  max-width: 720px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-edit-bar__actions {
  align-items: center !important;
  display: flex !important;
  flex: 0 0 auto !important;
  gap: 10px !important;
  justify-content: flex-end !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-edit-bar.is-editing {
  border-color: rgba(255, 242, 0, .72) !important;
  box-shadow: 0 16px 38px rgba(255, 242, 0, .16) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-builder--editor-panel {
  margin-bottom: 16px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-builder--editor-panel[hidden] {
  display: none !important;
}

html body.dpd-member-surface.dpd-dashboard-edit-mode #sub-page-main-content-wrapper .dpd-dashboard-editable-widget {
  outline: 2px dashed rgba(255, 242, 0, .72) !important;
  outline-offset: 5px !important;
  position: relative !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-inline-tool {
  align-items: center !important;
  background: #101820 !important;
  border: 1px solid rgba(255, 242, 0, .35) !important;
  border-radius: 8px !important;
  box-shadow: 0 12px 30px rgba(8, 14, 21, .2) !important;
  display: none !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  max-width: calc(100% - 24px) !important;
  margin: 14px 0 0 auto !important;
  padding: 6px !important;
  position: relative !important;
  z-index: 25 !important;
}

html body.dpd-member-surface.dpd-dashboard-edit-mode #sub-page-main-content-wrapper .dpd-dashboard-inline-tool {
  display: inline-flex !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-card .dpd-dashboard-inline-tool {
  background: rgba(8, 14, 21, .86) !important;
  margin-top: 18px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-inline-tool__label {
  color: #fff200 !important;
  display: inline-block !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  max-width: 180px !important;
  overflow: hidden !important;
  padding: 0 8px !important;
  text-overflow: ellipsis !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-inline-tool__button:disabled {
  cursor: not-allowed !important;
  opacity: .46 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-inline-tool__button {
  align-items: center !important;
  background: #fff !important;
  border: 1px solid rgba(16, 24, 32, .14) !important;
  border-radius: 999px !important;
  color: #101820 !important;
  display: inline-flex !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  justify-content: center !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  min-height: 26px !important;
  padding: 0 10px !important;
  text-transform: none !important;
  white-space: nowrap !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-inline-tool__button:hover,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-inline-tool__button:focus-visible {
  background: #fff200 !important;
  border-color: #fff200 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .is-dpd-dashboard-featured {
  border-color: rgba(255, 242, 0, .78) !important;
  box-shadow: 0 18px 42px rgba(255, 242, 0, .16), 0 10px 28px rgba(8, 14, 21, .08) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper [data-dpd-dashboard-read-mode="compact"] .dpd-v2-section-deck,
html body.dpd-member-surface #sub-page-main-content-wrapper [data-dpd-dashboard-read-mode="compact"] .dpd-dashboard-builder__note,
html body.dpd-member-surface #sub-page-main-content-wrapper [data-dpd-dashboard-read-mode="compact"] .mock-list {
  display: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper [data-dpd-dashboard-read-mode="detail"] {
  outline-color: rgba(36, 211, 185, .72) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-widget-stage {
  display: contents !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-addback-panel {
  align-items: center !important;
  background: #f7fafb !important;
  border: 1px dashed rgba(255, 242, 0, .72) !important;
  border-radius: 8px !important;
  display: none !important;
  gap: 12px !important;
  justify-content: space-between !important;
  margin-top: 12px !important;
  padding: 14px 16px !important;
}

html body.dpd-member-surface.dpd-dashboard-edit-mode #sub-page-main-content-wrapper .dpd-dashboard-addback-panel {
  display: flex !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-addback-panel__label {
  color: #101820 !important;
  flex: 0 0 auto !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-addback-panel__actions {
  align-items: center !important;
  display: flex !important;
  flex: 1 1 auto !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  justify-content: flex-end !important;
  min-width: 0 !important;
}

@media (max-width: 900px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-edit-bar {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-edit-bar__actions {
    justify-content: flex-start !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-inline-tool {
    align-items: flex-start !important;
    border-radius: 12px !important;
    flex-wrap: wrap !important;
    margin-left: 0 !important;
    max-width: calc(100% - 20px) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-addback-panel {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-addback-panel__actions {
    justify-content: flex-start !important;
  }
}

/* Dashboard editor completion: visible active state plus nested element controls. */
html body.dpd-member-surface.dpd-dashboard-edit-mode #sub-page-main-content-wrapper {
  --dpd-dashboard-edit-accent: #ff6b2d;
  --dpd-dashboard-edit-accent-rgb: 255, 107, 45;
  --dpd-dashboard-edit-ink: #101820;
  --dpd-dashboard-edit-soft: rgba(255, 107, 45, .12);
  --dpd-dashboard-edit-border: rgba(255, 107, 45, .62);
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-edit-bar.is-editing {
  background:
    linear-gradient(90deg, rgba(var(--dpd-dashboard-edit-accent-rgb, 255, 107, 45), .16), rgba(255, 255, 255, .96) 58%) !important;
  border-color: var(--dpd-dashboard-edit-accent, #ff6b2d) !important;
  box-shadow:
    0 0 0 2px rgba(var(--dpd-dashboard-edit-accent-rgb, 255, 107, 45), .14),
    0 18px 44px rgba(var(--dpd-dashboard-edit-accent-rgb, 255, 107, 45), .18) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-edit-bar.is-editing .dpd-v2-card-kicker,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-edit-bar.is-editing [data-dpd-dashboard-edit-scope-label] {
  background: var(--dpd-dashboard-edit-accent, #ff6b2d) !important;
  border-color: var(--dpd-dashboard-edit-accent, #ff6b2d) !important;
  color: #ffffff !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-edit-bar.is-editing [data-dpd-dashboard-save] {
  background: var(--dpd-dashboard-edit-accent, #ff6b2d) !important;
  border-color: var(--dpd-dashboard-edit-accent, #ff6b2d) !important;
  color: #ffffff !important;
}

html body.dpd-member-surface.dpd-dashboard-edit-mode #sub-page-main-content-wrapper .dpd-dashboard-editable-widget {
  background:
    linear-gradient(180deg, rgba(var(--dpd-dashboard-edit-accent-rgb, 255, 107, 45), .06), rgba(255, 255, 255, .96) 170px) !important;
  border-color: var(--dpd-dashboard-edit-border, rgba(255, 107, 45, .62)) !important;
  box-shadow:
    inset 0 4px 0 rgba(var(--dpd-dashboard-edit-accent-rgb, 255, 107, 45), .68),
    0 16px 36px rgba(8, 14, 21, .08) !important;
  outline: 2px solid rgba(var(--dpd-dashboard-edit-accent-rgb, 255, 107, 45), .58) !important;
  outline-offset: 6px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-inline-tool {
  background:
    linear-gradient(135deg, var(--dpd-dashboard-edit-accent, #ff6b2d), #101820 72%) !important;
  border-color: rgba(var(--dpd-dashboard-edit-accent-rgb, 255, 107, 45), .78) !important;
  box-shadow:
    0 14px 30px rgba(8, 14, 21, .24),
    0 0 0 2px rgba(var(--dpd-dashboard-edit-accent-rgb, 255, 107, 45), .16) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-inline-tool__label {
  color: #ffffff !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-inline-tool__button:hover,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-inline-tool__button:focus-visible {
  background: var(--dpd-dashboard-edit-accent, #ff6b2d) !important;
  border-color: var(--dpd-dashboard-edit-accent, #ff6b2d) !important;
  color: #ffffff !important;
  outline: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-editable-block {
  position: relative !important;
}

html body.dpd-member-surface.dpd-dashboard-edit-mode #sub-page-main-content-wrapper .dpd-dashboard-editable-block:not([hidden]) {
  outline: 1px solid rgba(var(--dpd-dashboard-edit-accent-rgb, 255, 107, 45), .36) !important;
  outline-offset: 3px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-block-tool {
  align-items: center !important;
  background: #fff7ed !important;
  border: 1px solid rgba(255, 107, 45, .48) !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 22px rgba(8, 14, 21, .12) !important;
  display: none !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin: 12px 0 0 !important;
  max-width: 100% !important;
  padding: 7px !important;
  position: relative !important;
  z-index: 20 !important;
}

html body.dpd-member-surface.dpd-dashboard-edit-mode #sub-page-main-content-wrapper .dpd-dashboard-block-tool {
  display: flex !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-block-tool__label {
  color: #101820 !important;
  display: inline-block !important;
  flex: 1 1 150px !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
  max-width: 220px !important;
  min-width: 120px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-block-tool .dpd-dashboard-inline-tool__button {
  background: #ffffff !important;
  border-color: rgba(255, 107, 45, .42) !important;
  color: #101820 !important;
  min-height: 24px !important;
  padding: 0 9px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-block-tool .dpd-dashboard-inline-tool__button[data-dpd-dashboard-inline-action="block-feature"],
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-block-tool .dpd-dashboard-inline-tool__button[data-dpd-dashboard-inline-action="block-read-mode"] {
  min-width: 64px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .is-dpd-dashboard-featured-block:not([hidden]) {
  border-color: rgba(255, 107, 45, .82) !important;
  box-shadow:
    0 0 0 2px rgba(255, 107, 45, .18),
    0 18px 38px rgba(255, 107, 45, .16),
    0 10px 28px rgba(8, 14, 21, .08) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper [data-dpd-dashboard-block-read-mode="compact"] p:not(.dpd-v2-card-kicker),
html body.dpd-member-surface #sub-page-main-content-wrapper [data-dpd-dashboard-block-read-mode="compact"] .mock-list,
html body.dpd-member-surface #sub-page-main-content-wrapper [data-dpd-dashboard-block-read-mode="compact"] .dpd-v2-program-empty,
html body.dpd-member-surface #sub-page-main-content-wrapper [data-dpd-dashboard-block-read-mode="compact"] .dpd-v2-info-summary,
html body.dpd-member-surface #sub-page-main-content-wrapper [data-dpd-dashboard-block-read-mode="compact"] .dpd-v2-pending-rebates {
  display: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper [data-dpd-dashboard-block-read-mode="detail"]:not([hidden]) {
  outline-color: rgba(36, 211, 185, .72) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-block-addback-panel {
  align-items: center !important;
  background: #fff7ed !important;
  border: 1px dashed rgba(255, 107, 45, .62) !important;
  border-radius: 8px !important;
  display: none !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  justify-content: space-between !important;
  margin-top: 14px !important;
  padding: 12px 14px !important;
  width: 100% !important;
}

html body.dpd-member-surface.dpd-dashboard-edit-mode #sub-page-main-content-wrapper .dpd-dashboard-block-addback-panel {
  display: flex !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-block-addback-panel__label {
  color: #101820 !important;
  flex: 0 0 auto !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-block-addback-panel__actions {
  align-items: center !important;
  display: flex !important;
  flex: 1 1 auto !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  justify-content: flex-end !important;
  min-width: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-addback-panel {
  background: #fff7ed !important;
  border-color: rgba(255, 107, 45, .62) !important;
}

@media (min-width: 901px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-card.is-dpd-dashboard-featured-block,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-instrument-card.is-dpd-dashboard-featured-block,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-element.is-dpd-dashboard-featured-block,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-status-card.is-dpd-dashboard-featured-block,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-utility-card.is-dpd-dashboard-featured-block,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-admin-health-card.is-dpd-dashboard-featured-block,
  html body.dpd-member-surface #sub-page-main-content-wrapper .mock-panel.is-dpd-dashboard-featured-block {
    grid-column: span 2 !important;
  }
}

@media (max-width: 900px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-block-tool,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-block-addback-panel {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-block-tool__label,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-block-addback-panel__actions {
    justify-content: flex-start !important;
    max-width: none !important;
    width: 100% !important;
  }
}

/* Final account avatar render lock - 2026-06-25.
   The dropdown is moved to <body>, so keep the trigger, panel, and picker
   scoped independently from earlier header-nested overrides. */
html body #header-login .dpd-public-header-account-toggle [data-dpd-user-badge],
html body #header-login .dpd-public-header-account-toggle .dpd-user-badge,
html body .dpd-public-header .dpd-public-header-account-toggle [data-dpd-user-badge],
html body .dpd-public-header .dpd-public-header-account-toggle .dpd-user-badge,
html body .dpd-v2-header-shell .dpd-public-header-account-toggle [data-dpd-user-badge],
html body .dpd-v2-header-shell .dpd-public-header-account-toggle .dpd-user-badge {
  --dpd-account-badge-size: 50px;
  --dpd-account-mark-size: 31px;
  align-items: center !important;
  background: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent, #fff200))) !important;
  border: 2px solid rgba(255, 255, 255, .9) !important;
  border-radius: 999px !important;
  box-shadow:
    0 0 0 1px rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), .38),
    0 12px 26px rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), .18) !important;
  color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink, #101820))) !important;
  display: inline-grid !important;
  flex: 0 0 var(--dpd-account-badge-size) !important;
  height: var(--dpd-account-badge-size) !important;
  justify-items: center !important;
  line-height: 1 !important;
  min-height: var(--dpd-account-badge-size) !important;
  min-width: var(--dpd-account-badge-size) !important;
  overflow: hidden !important;
  padding: 0 !important;
  place-items: center !important;
  position: relative !important;
  width: var(--dpd-account-badge-size) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body #dpd-account-dropdown .acc-drop-pic [data-dpd-user-badge],
html body #dpd-account-dropdown .acc-drop-pic .dpd-user-badge {
  --dpd-account-badge-size: 58px;
  --dpd-account-mark-size: 38px;
  align-items: center !important;
  background: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent, #fff200))) !important;
  border: 2px solid rgba(255, 255, 255, .9) !important;
  border-radius: 999px !important;
  color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink, #101820))) !important;
  display: inline-grid !important;
  flex: 0 0 var(--dpd-account-badge-size) !important;
  height: var(--dpd-account-badge-size) !important;
  justify-items: center !important;
  min-height: var(--dpd-account-badge-size) !important;
  min-width: var(--dpd-account-badge-size) !important;
  overflow: hidden !important;
  padding: 0 !important;
  place-items: center !important;
  width: var(--dpd-account-badge-size) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body .dpd-public-header-account-toggle [data-dpd-user-badge].has-mark-avatar .dpd-user-badge__mark,
html body .dpd-public-header-account-toggle .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark,
html body #dpd-account-dropdown .acc-drop-pic [data-dpd-user-badge].has-mark-avatar .dpd-user-badge__mark,
html body #dpd-account-dropdown .acc-drop-pic .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark,
html body .dpd-public-header-account-toggle [data-dpd-user-badge].has-mark-avatar .dpd-user-badge__mark--image,
html body .dpd-public-header-account-toggle .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark--image,
html body #dpd-account-dropdown .acc-drop-pic [data-dpd-user-badge].has-mark-avatar .dpd-user-badge__mark--image,
html body #dpd-account-dropdown .acc-drop-pic .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark--image {
  background: currentColor !important;
  background-color: currentColor !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: currentColor !important;
  display: block !important;
  flex: 0 0 var(--dpd-account-mark-size) !important;
  height: var(--dpd-account-mark-size) !important;
  line-height: 1 !important;
  margin: auto !important;
  max-height: var(--dpd-account-mark-size) !important;
  max-width: var(--dpd-account-mark-size) !important;
  min-height: 0 !important;
  min-width: 0 !important;
  opacity: 1 !important;
  padding: 0 !important;
  width: var(--dpd-account-mark-size) !important;
  -webkit-mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
  mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
  -webkit-text-fill-color: currentColor !important;
}

html body .dpd-user-badge[data-dpd-avatar-choice="helmet"].has-mark-avatar {
  --dpd-account-mark-size: 34px;
}

html body #dpd-account-dropdown .acc-drop-pic .dpd-user-badge[data-dpd-avatar-choice="helmet"].has-mark-avatar {
  --dpd-account-mark-size: 42px;
}

html body .dpd-public-header-account-toggle [data-dpd-user-badge].has-mark-avatar img,
html body .dpd-public-header-account-toggle .dpd-user-badge.has-mark-avatar img,
html body #dpd-account-dropdown .acc-drop-pic [data-dpd-user-badge].has-mark-avatar img,
html body #dpd-account-dropdown .acc-drop-pic .dpd-user-badge.has-mark-avatar img {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

html body #dpd-account-dropdown .acc-avatar-option .acc-avatar-icon,
html body #dpd-account-dropdown .acc-avatar-option .acc-avatar-initials,
html body #dpd-account-dropdown .acc-avatar-option .acc-avatar-icon--image {
  background: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent, #fff200))) !important;
  color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink, #101820))) !important;
  height: 36px !important;
  min-height: 36px !important;
  min-width: 36px !important;
  width: 36px !important;
  -webkit-text-fill-color: currentColor !important;
}

html body #dpd-account-dropdown .acc-avatar-option .acc-avatar-icon--image::before {
  background: currentColor !important;
  color: currentColor !important;
  content: "" !important;
  display: block !important;
  height: 24px !important;
  max-height: 24px !important;
  max-width: 24px !important;
  width: 24px !important;
  -webkit-mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
  mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
  -webkit-text-fill-color: currentColor !important;
}

html body #dpd-account-dropdown .acc-avatar-option[data-dpd-avatar-choice="helmet"] .acc-avatar-icon--image::before {
  height: 23px !important;
  max-height: 23px !important;
  max-width: 29px !important;
  width: 29px !important;
}

html body #dpd-account-dropdown .acc-avatar-option[data-dpd-avatar-choice="tread"] .acc-avatar-icon--image::before {
  height: 27px !important;
  max-height: 27px !important;
  max-width: 20px !important;
  width: 20px !important;
}

html body #dpd-account-dropdown .acc-avatar-option .acc-avatar-icon__img,
html body #dpd-account-dropdown .acc-avatar-option .acc-avatar-icon img {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Account dropdown and dashboard editor scope lock - 2026-06-25.
   Keep avatar, accent, and header pill states consistent across user colors. */
html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-jump-link,
html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-jump-link .dpd-public-header-link__content {
  color: rgba(255, 255, 255, .92) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-jump-link {
  background: rgba(255, 255, 255, .08) !important;
  border-color: rgba(255, 255, 255, .16) !important;
}

html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-jump-link:hover,
html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-jump-link:focus-visible,
html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-jump-link.is-active,
html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-jump-link[aria-current="true"],
html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-jump-link[aria-current="page"] {
  background: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent, #fff200))) !important;
  border-color: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent, #fff200))) !important;
  color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink, #101820))) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-jump-link:hover .dpd-public-header-link__content,
html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-jump-link:focus-visible .dpd-public-header-link__content,
html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-jump-link.is-active .dpd-public-header-link__content,
html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-jump-link[aria-current="true"] .dpd-public-header-link__content,
html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-jump-link[aria-current="page"] .dpd-public-header-link__content {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-link--utility-bubble,
html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-link--updates-bubble,
html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-link--cart-bubble {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

html body #dpd-account-dropdown.dpd-account-dropdown,
html body .dpd-account-dropdown[data-dpd-account-floating="true"] {
  background: #ffffff !important;
  border: 1px solid rgba(255, 242, 0, .62) !important;
  border-radius: 18px !important;
  box-shadow:
    0 24px 54px rgba(8, 14, 21, .22),
    0 0 0 1px rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), .12) !important;
  box-sizing: border-box !important;
  max-height: none !important;
  overflow: visible !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  padding: 16px 18px !important;
  width: min(520px, calc(100vw - 32px)) !important;
  z-index: 2147483600 !important;
}

html body #dpd-account-dropdown .acc-dropdown-tab {
  align-items: center !important;
  border-bottom: 1px solid rgba(16, 24, 32, .1) !important;
  display: grid !important;
  gap: 14px !important;
  grid-template-columns: 64px minmax(0, 1fr) !important;
  margin: 0 0 12px !important;
  padding: 0 0 12px !important;
}

html body #dpd-account-dropdown .acc-drop-cont h4,
html body #dpd-account-dropdown .acc-drop-cont p {
  margin: 0 !important;
  max-width: 100% !important;
}

html body #dpd-account-dropdown .acc-drop-cont h4 {
  color: #101820 !important;
  font-size: 20px !important;
  line-height: 1.05 !important;
}

html body #dpd-account-dropdown .acc-drop-cont p,
html body #dpd-account-dropdown .dpd-header-account-recordline,
html body #dpd-account-dropdown .acc-drop-help,
html body #dpd-account-dropdown .acc-appearance-copy p {
  display: none !important;
}

html body #dpd-account-dropdown .acc-drop-meta {
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  margin-top: 10px !important;
}

html body #dpd-account-dropdown .acc-drop-meta__item {
  align-content: center !important;
  border: 1px solid rgba(16, 24, 32, .1) !important;
  border-radius: 8px !important;
  display: grid !important;
  gap: 3px !important;
  min-height: 48px !important;
  min-width: 0 !important;
  padding: 10px !important;
}

html body #dpd-account-dropdown .acc-drop-meta__item span,
html body #dpd-account-dropdown .acc-drop-meta__item strong {
  display: block !important;
  line-height: 1.05 !important;
  margin: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body #dpd-account-dropdown .acc-drop-meta__item span {
  font-size: 8px !important;
  letter-spacing: 0.08em !important;
}

html body #dpd-account-dropdown .acc-drop-meta__item strong {
  font-size: 12px !important;
}

html body #dpd-account-dropdown .acc-appearance {
  margin: 0 !important;
}

html body #dpd-account-dropdown .acc-appearance-header {
  display: none !important;
}

html body #dpd-account-dropdown .acc-appearance-panel--approved {
  border: 1px solid rgba(255, 242, 0, .78) !important;
  border-radius: 12px !important;
  display: grid !important;
  gap: 14px !important;
  margin: 0 0 12px !important;
  padding: 12px !important;
}

html body #dpd-account-dropdown .acc-appearance-block {
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body #dpd-account-dropdown .acc-appearance-label {
  color: #101820 !important;
  display: block !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  margin: 0 0 10px !important;
  text-transform: uppercase !important;
}

html body #dpd-account-dropdown .acc-avatar-grid--selector {
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  max-height: none !important;
  overflow: visible !important;
  padding: 0 !important;
}

html body #dpd-account-dropdown .acc-avatar-option {
  align-items: center !important;
  background: #05090d !important;
  border: 2px solid transparent !important;
  border-radius: 8px !important;
  box-shadow: 0 8px 18px rgba(8, 14, 21, .12) !important;
  color: #ffffff !important;
  display: grid !important;
  gap: 6px !important;
  justify-items: center !important;
  min-height: 78px !important;
  min-width: 0 !important;
  padding: 8px 5px !important;
  -webkit-text-fill-color: currentColor !important;
  justify-content: center !important;
}

html body #dpd-account-dropdown .acc-avatar-option.is-active,
html body #dpd-account-dropdown .acc-avatar-option[aria-pressed="true"] {
  border-color: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent, #fff200))) !important;
  box-shadow:
    0 0 0 1px rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), .3),
    0 12px 24px rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), .18) !important;
}

html body #dpd-account-dropdown .acc-avatar-option .acc-avatar-caption {
  color: #ffffff !important;
  display: block !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.05 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-align: center !important;
  text-overflow: ellipsis !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

html body #dpd-account-dropdown .acc-avatar-option .acc-avatar-icon,
html body #dpd-account-dropdown .acc-avatar-option .acc-avatar-initials,
html body #dpd-account-dropdown .acc-avatar-option .acc-avatar-icon--image {
  border: 1px solid rgba(255, 255, 255, .2) !important;
  border-radius: 999px !important;
  display: grid !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  height: 38px !important;
  min-height: 38px !important;
  min-width: 38px !important;
  place-items: center !important;
  width: 38px !important;
}

html body #dpd-account-dropdown .acc-palette-swatches--compact {
  align-items: center !important;
  background: #05090d !important;
  border-radius: 999px !important;
  display: flex !important;
  gap: 8px !important;
  min-height: 48px !important;
  overflow: visible !important;
  padding: 8px !important;
}

html body #dpd-account-dropdown .acc-palette-swatch {
  align-items: center !important;
  background: #ffffff !important;
  border: 0 !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  flex: 0 0 32px !important;
  height: 32px !important;
  justify-content: center !important;
  min-height: 32px !important;
  min-width: 32px !important;
  padding: 0 !important;
  width: 32px !important;
}

html body #dpd-account-dropdown .acc-palette-swatch .acc-palette-swatch__dot,
html body #dpd-account-dropdown .acc-palette-swatch > span[aria-hidden="true"]:not([class]) {
  border-radius: 999px !important;
  display: block !important;
  height: 20px !important;
  width: 20px !important;
}

html body #dpd-account-dropdown .acc-palette-swatch.is-active,
html body #dpd-account-dropdown .acc-palette-swatch[aria-pressed="true"] {
  box-shadow:
    0 0 0 2px #ffffff,
    0 0 0 4px var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent, #fff200))) !important;
}

html body #dpd-account-dropdown .dpd-account-menu__actions {
  display: grid !important;
  gap: 8px !important;
  margin: 0 !important;
}

html body #dpd-account-dropdown .dpd-account-menu__action {
  align-items: center !important;
  border: 1px solid rgba(16, 24, 32, .14) !important;
  border-radius: 999px !important;
  color: #101820 !important;
  display: inline-flex !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  justify-content: center !important;
  letter-spacing: 0 !important;
  min-height: 42px !important;
  padding: 0 16px !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  width: 100% !important;
  -webkit-text-fill-color: currentColor !important;
}

html body #dpd-account-dropdown .dpd-account-menu__action.is-primary {
  background: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent, #fff200))) !important;
  border-color: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent, #fff200))) !important;
  color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink, #101820))) !important;
}

html body #dpd-account-dropdown .dpd-account-menu__action:hover,
html body #dpd-account-dropdown .dpd-account-menu__action:focus-visible {
  border-color: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent, #fff200))) !important;
  box-shadow: 0 12px 24px rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), .16) !important;
  outline: 0 !important;
}

html body #dpd-account-dropdown .acc-drop-pic .dpd-user-badge,
html body #dpd-account-dropdown .acc-drop-pic [data-dpd-user-badge] {
  --dpd-account-badge-size: 58px !important;
}

@media (max-width: 700px) {
  html body #dpd-account-dropdown.dpd-account-dropdown,
  html body .dpd-account-dropdown[data-dpd-account-floating="true"] {
    max-height: var(--dpd-account-dropdown-max-height, calc(100dvh - 88px)) !important;
    overflow-y: auto !important;
    padding: 16px !important;
    width: calc(100vw - 24px) !important;
  }

  html body #dpd-account-dropdown .acc-avatar-grid--selector {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* DPD header avatar/home polish - 2026-06-26 */
html body #header-login .dpd-public-header-bar,
html body header.log-out.dpd-public-header .dpd-public-header-bar {
  overflow: visible !important;
}

html body.dpd-member-surface #header-login .left-sec.dpd-v2-header-shell__brand,
html body.dpd-member-surface #header-login .logo.dpd-public-logo,
html body.dpd-member-surface #header-login .dpd-v2-header-shell__brand {
  min-width: 92px !important;
  width: auto !important;
}

html body.dpd-member-surface #header-login .dpd-public-logo-link {
  gap: 12px !important;
  justify-content: center !important;
  min-height: 58px !important;
  min-width: 78px !important;
  padding: 8px 18px !important;
  width: auto !important;
}

html body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated-home .left-sec,
html body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated-home .logo,
html body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated-home .dpd-public-logo {
  min-width: clamp(190px, 19vw, 240px) !important;
  width: auto !important;
}

html body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated-home .dpd-public-logo-link {
  gap: 14px !important;
  min-height: 64px !important;
  min-width: clamp(176px, 17vw, 220px) !important;
  padding: 10px 22px 10px 14px !important;
  width: auto !important;
}

html body #header-login .dpd-public-logo-mark,
html body header.log-out.dpd-public-header .dpd-public-logo-mark {
  align-items: center !important;
  display: inline-grid !important;
  flex: 0 0 54px !important;
  height: 54px !important;
  justify-items: center !important;
  min-height: 54px !important;
  min-width: 54px !important;
  place-items: center !important;
  width: 54px !important;
}

html body #header-login .dpd-public-logo-mark img,
html body header.log-out.dpd-public-header .dpd-public-logo-mark img {
  display: block !important;
  height: 54px !important;
  max-height: 54px !important;
  max-width: 54px !important;
  object-fit: contain !important;
  width: 54px !important;
}

html body #header-login .dpd-public-header-utility,
html body header.log-out.dpd-public-header .dpd-public-header-utility {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  gap: 8px !important;
  outline: 0 !important;
  padding: 0 !important;
}

html body #header-login .dpd-public-header-utility::before,
html body #header-login .dpd-public-header-utility::after,
html body header.log-out.dpd-public-header .dpd-public-header-utility::before,
html body header.log-out.dpd-public-header .dpd-public-header-utility::after {
  content: none !important;
  display: none !important;
}

html body #header-login .dpd-public-header-utility > .dpd-public-header-link,
html body #header-login .dpd-public-header-utility > .dpd-public-header-account,
html body header.log-out.dpd-public-header .dpd-public-header-utility > .dpd-public-header-link,
html body header.log-out.dpd-public-header .dpd-public-header-utility > .dpd-public-header-account {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  padding: 0 !important;
}

html body #header-login .dpd-public-header-link--utility-bubble,
html body #header-login .dpd-public-header-link--updates-bubble,
html body #header-login .dpd-public-header-link--cart-bubble,
html body header.log-out.dpd-public-header .dpd-public-header-link--utility-bubble,
html body header.log-out.dpd-public-header .dpd-public-header-link--updates-bubble,
html body header.log-out.dpd-public-header .dpd-public-header-link--cart-bubble {
  align-items: center !important;
  background: rgba(255, 255, 255, .08) !important;
  border: 1px solid rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), .55) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  color: rgba(255, 255, 255, .92) !important;
  display: inline-grid !important;
  flex: 0 0 48px !important;
  height: 48px !important;
  justify-items: center !important;
  min-height: 48px !important;
  min-width: 48px !important;
  padding: 0 !important;
  place-items: center !important;
  width: 48px !important;
  -webkit-text-fill-color: currentColor !important;
}

html body #header-login .dpd-public-header-link--utility-bubble:hover,
html body #header-login .dpd-public-header-link--utility-bubble:focus-visible,
html body header.log-out.dpd-public-header .dpd-public-header-link--utility-bubble:hover,
html body header.log-out.dpd-public-header .dpd-public-header-link--utility-bubble:focus-visible {
  background: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent, #fff200))) !important;
  border-color: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent, #fff200))) !important;
  color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink, #101820))) !important;
}

html body.dpd-member-surface #header-login .dpd-v2-header-jump-link:not([aria-current="true"]):not([aria-current="page"]) {
  background: rgba(255, 255, 255, .08) !important;
  border-color: rgba(255, 255, 255, .16) !important;
  color: rgba(255, 255, 255, .92) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.dpd-member-surface #header-login .dpd-v2-header-jump-link:not([aria-current="true"]):not([aria-current="page"]) .dpd-public-header-link__content {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.dpd-member-surface #header-login .dpd-v2-header-jump-link[aria-current="true"],
html body.dpd-member-surface #header-login .dpd-v2-header-jump-link[aria-current="page"],
html body.dpd-member-surface #header-login .dpd-v2-header-jump-link:hover,
html body.dpd-member-surface #header-login .dpd-v2-header-jump-link:focus-visible {
  background: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent, #fff200))) !important;
  border-color: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent, #fff200))) !important;
  color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink, #101820))) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body #header-login .dpd-public-header-account-toggle [data-dpd-user-badge],
html body #header-login .dpd-public-header-account-toggle .dpd-user-badge,
html body header.log-out.dpd-public-header .dpd-public-header-account-toggle [data-dpd-user-badge],
html body header.log-out.dpd-public-header .dpd-public-header-account-toggle .dpd-user-badge,
html body header.log-out.dpd-public-header .dpd-public-header-account-chip [data-dpd-user-badge],
html body header.log-out.dpd-public-header .dpd-public-header-account-chip .dpd-user-badge {
  --dpd-account-badge-size: 44px !important;
  --dpd-account-mark-size: 27px !important;
  align-items: center !important;
  background: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent, #fff200))) !important;
  border: 1px solid rgba(255, 255, 255, .9) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink, #101820))) !important;
  display: inline-grid !important;
  flex: 0 0 var(--dpd-account-badge-size) !important;
  height: var(--dpd-account-badge-size) !important;
  justify-items: center !important;
  line-height: 1 !important;
  min-height: var(--dpd-account-badge-size) !important;
  min-width: var(--dpd-account-badge-size) !important;
  outline: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  place-items: center !important;
  position: relative !important;
  width: var(--dpd-account-badge-size) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body #dpd-account-dropdown .acc-drop-pic [data-dpd-user-badge],
html body #dpd-account-dropdown .acc-drop-pic .dpd-user-badge {
  --dpd-account-badge-size: 56px !important;
  --dpd-account-mark-size: 34px !important;
  box-shadow: none !important;
}

html body [data-dpd-user-badge].has-mark-avatar .dpd-user-badge__mark,
html body .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark,
html body [data-dpd-user-badge].has-mark-avatar .dpd-user-badge__mark--image,
html body .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark--image {
  background: currentColor !important;
  background-color: currentColor !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: block !important;
  flex: 0 0 var(--dpd-account-mark-size, 27px) !important;
  height: var(--dpd-account-mark-size, 27px) !important;
  margin: auto !important;
  max-height: var(--dpd-account-mark-size, 27px) !important;
  max-width: var(--dpd-account-mark-size, 27px) !important;
  min-height: 0 !important;
  min-width: 0 !important;
  opacity: 1 !important;
  padding: 0 !important;
  width: var(--dpd-account-mark-size, 27px) !important;
  -webkit-mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
  mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
}

html body [data-dpd-user-badge][data-dpd-avatar-choice="helmet"].has-mark-avatar,
html body .dpd-user-badge[data-dpd-avatar-choice="helmet"].has-mark-avatar {
  --dpd-account-mark-size: 29px !important;
}

html body #dpd-account-dropdown .acc-drop-pic [data-dpd-user-badge][data-dpd-avatar-choice="helmet"].has-mark-avatar,
html body #dpd-account-dropdown .acc-drop-pic .dpd-user-badge[data-dpd-avatar-choice="helmet"].has-mark-avatar {
  --dpd-account-mark-size: 36px !important;
}

html body [data-dpd-user-badge].has-mark-avatar img,
html body .dpd-user-badge.has-mark-avatar img,
html body .dpd-user-badge__mark-img,
html body #dpd-account-dropdown .acc-avatar-option .acc-avatar-icon__img,
html body #dpd-account-dropdown .acc-avatar-option .acc-avatar-icon img {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

html body #dpd-account-dropdown .acc-avatar-grid--selector {
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  max-height: none !important;
  overflow: visible !important;
}

html body #dpd-account-dropdown .acc-avatar-option {
  border-radius: 8px !important;
  min-height: 84px !important;
}

html body #dpd-account-dropdown .acc-avatar-option .acc-avatar-caption {
  letter-spacing: 0 !important;
}

@media (max-width: 1180px) {
  html body.dpd-member-surface #header-login .left-sec.dpd-v2-header-shell__brand,
  html body.dpd-member-surface #header-login .logo.dpd-public-logo,
  html body.dpd-member-surface #header-login .dpd-v2-header-shell__brand {
    min-width: 84px !important;
  }

  html body.dpd-member-surface #header-login .dpd-public-logo-link {
    min-width: 72px !important;
    padding-inline: 14px !important;
  }
}

/* DPD 2.0 launch QA: header states, internal heroes, info dots, and footer/sidebar clear - 2026-06-29. */
html body.dpd-member-surface {
  --dpd-launch-sidebar-clear: calc(var(--dpd-stable-gutter, 24px) + var(--dpd-stable-sidebar, 224px) + 36px);
}

html body.dpd-member-surface.dpd-v2-sidebar-collapsed,
html body.dpd-member-surface.dpd-sidebar-collapsed {
  --dpd-launch-sidebar-clear: calc(var(--dpd-stable-gutter, 24px) + var(--dpd-floating-sidebar-collapsed-width, 88px) + 36px);
}

html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-primary-actions--jumpbar .dpd-v2-header-jump-link:not(.is-active):not(.active):not([aria-current="true"]):not([aria-current="page"]),
html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-primary-actions--jumpbar .dpd-v2-header-jump-link:not(.is-active):not(.active):not([aria-current="true"]):not([aria-current="page"]) .dpd-public-header-link__content {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html[data-dpd-accent="dark"] body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-primary-actions--jumpbar .dpd-v2-header-jump-link:not(.is-active):not(.active):not([aria-current="true"]):not([aria-current="page"]),
body.dpd-member-surface[data-dpd-accent="dark"] .dpd-v2-header-shell #header-login .dpd-v2-header-primary-actions--jumpbar .dpd-v2-header-jump-link:not(.is-active):not(.active):not([aria-current="true"]):not([aria-current="page"]) {
  background: rgba(8, 16, 24, .78) !important;
  border-color: rgba(255, 255, 255, .2) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1) !important;
  color: #fff200 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-dpd-accent="dark"] body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-primary-actions--jumpbar .dpd-v2-header-jump-link:not(.is-active):not(.active):not([aria-current="true"]):not([aria-current="page"]) .dpd-public-header-link__content,
body.dpd-member-surface[data-dpd-accent="dark"] .dpd-v2-header-shell #header-login .dpd-v2-header-primary-actions--jumpbar .dpd-v2-header-jump-link:not(.is-active):not(.active):not([aria-current="true"]):not([aria-current="page"]) .dpd-public-header-link__content {
  color: #fff200 !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-primary-actions--jumpbar .dpd-v2-header-jump-link:is(.is-active, .active, [aria-current="true"], [aria-current="page"]),
html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-primary-actions--jumpbar li.active > .dpd-v2-header-jump-link {
  background: var(--dpd-selected-hover-accent, var(--dpd-user-badge-fill, var(--dpd-personal-accent, #fff200))) !important;
  border-color: var(--dpd-selected-hover-accent, var(--dpd-user-badge-fill, var(--dpd-personal-accent, #fff200))) !important;
  color: var(--dpd-selected-hover-ink, var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, #071018))) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-dpd-accent="dark"] body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-primary-actions--jumpbar .dpd-v2-header-jump-link:is(.is-active, .active, [aria-current="true"], [aria-current="page"]),
html[data-dpd-accent="dark"] body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-primary-actions--jumpbar li.active > .dpd-v2-header-jump-link,
body.dpd-member-surface[data-dpd-accent="dark"] .dpd-v2-header-shell #header-login .dpd-v2-header-primary-actions--jumpbar .dpd-v2-header-jump-link:is(.is-active, .active, [aria-current="true"], [aria-current="page"]),
body.dpd-member-surface[data-dpd-accent="dark"] .dpd-v2-header-shell #header-login .dpd-v2-header-primary-actions--jumpbar li.active > .dpd-v2-header-jump-link {
  background: rgba(255, 255, 255, .1) !important;
  border-color: rgba(255, 255, 255, .18) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08) !important;
  color: rgba(255, 255, 255, .92) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-primary-actions--jumpbar .dpd-v2-header-jump-link:is(.is-active, .active, [aria-current="true"], [aria-current="page"]) .dpd-public-header-link__content,
html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-primary-actions--jumpbar li.active > .dpd-v2-header-jump-link .dpd-public-header-link__content {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-primary-actions--jumpbar .dpd-v2-header-jump-link:hover:not(.is-active):not(.active):not([aria-current="true"]):not([aria-current="page"]),
html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-primary-actions--jumpbar .dpd-v2-header-jump-link:focus-visible:not(.is-active):not(.active):not([aria-current="true"]):not([aria-current="page"]) {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: var(--dpd-selected-hover-accent, var(--dpd-user-badge-fill, var(--dpd-personal-accent, #fff200))) !important;
  color: #ffffff !important;
  outline: 0 !important;
  -webkit-text-fill-color: #ffffff !important;
}

html[data-dpd-accent="dark"] body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-primary-actions--jumpbar .dpd-v2-header-jump-link:hover:not(.is-active):not(.active):not([aria-current="true"]):not([aria-current="page"]),
html[data-dpd-accent="dark"] body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-primary-actions--jumpbar .dpd-v2-header-jump-link:focus-visible:not(.is-active):not(.active):not([aria-current="true"]):not([aria-current="page"]),
body.dpd-member-surface[data-dpd-accent="dark"] .dpd-v2-header-shell #header-login .dpd-v2-header-primary-actions--jumpbar .dpd-v2-header-jump-link:hover:not(.is-active):not(.active):not([aria-current="true"]):not([aria-current="page"]),
body.dpd-member-surface[data-dpd-accent="dark"] .dpd-v2-header-shell #header-login .dpd-v2-header-primary-actions--jumpbar .dpd-v2-header-jump-link:focus-visible:not(.is-active):not(.active):not([aria-current="true"]):not([aria-current="page"]) {
  background: rgba(255, 255, 255, .1) !important;
  border-color: rgba(255, 255, 255, .18) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08) !important;
  color: rgba(255, 255, 255, .92) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-primary-actions--jumpbar .dpd-v2-header-jump-link:hover:not(.is-active):not(.active):not([aria-current="true"]):not([aria-current="page"]) .dpd-public-header-link__content,
html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-primary-actions--jumpbar .dpd-v2-header-jump-link:focus-visible:not(.is-active):not(.active):not([aria-current="true"]):not([aria-current="page"]) .dpd-public-header-link__content {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .video-header-content,
html body.dpd-member-surface #sub-page-main-content-wrapper .video-header-content.mock-static-bg,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero {
  border-color: transparent !important;
  outline: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .video-header .dashboard-head-left h1,
html body.dpd-member-surface #sub-page-main-content-wrapper .video-header .dashboard-head-left h2,
html body.dpd-member-surface #sub-page-main-content-wrapper .video-header .dashboard-head-left h3,
html body.dpd-member-surface #sub-page-main-content-wrapper .video-header .dashboard-head-left h4,
html body.dpd-member-surface #sub-page-main-content-wrapper .video-header .dashboard-head-left p,
html body.dpd-member-surface #sub-page-main-content-wrapper .video-header .dashboard-head-left > span,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero h1,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero h2,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero h3,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero h4,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero p,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero li,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero__eyebrow,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero__kicker {
  color: rgba(255, 255, 255, 0.94) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .video-header .dashboard-head-left > span,
html body.dpd-member-surface #sub-page-main-content-wrapper .video-header .dashboard-head-left > p.dpd-v2-hero-kicker,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero__eyebrow,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero__kicker {
  color: var(--dpd-selected-hover-accent, var(--dpd-user-badge-fill, var(--dpd-personal-accent, #fff200))) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .video-header .dashboard-head-left h1,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero h1 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-right-in.dpd-v2-service-overview--ops h1,
html body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-right-in.dpd-v2-service-overview--ops h2,
html body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-right-in.dpd-v2-service-overview--ops h3,
html body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-right-in.dpd-v2-service-overview--ops strong,
html body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-right-in.dpd-v2-service-overview--ops span:first-child {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-right-in.dpd-v2-service-overview--ops p,
html body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-right-in.dpd-v2-service-overview--ops li,
html body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-right-in.dpd-v2-service-overview--ops .dpd-v2-service-overview__body,
html body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-right-in.dpd-v2-service-overview--ops .dpd-v2-global-hero__summary-body {
  color: rgba(235, 241, 245, 0.78) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-info-heading.dpd-v2-info-managed > .dpd-v2-section-info-dot {
  pointer-events: auto !important;
  touch-action: manipulation !important;
  user-select: none !important;
  z-index: 10030 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section > .dpd-v2-info-heading.dpd-v2-info-managed:is(.is-info-open, .is-info-hover, :focus-within) > .dpd-v2-section-info-summary,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section > .dpd-v2-info-heading.dpd-v2-info-managed:has(> .dpd-v2-section-info-dot:hover) > .dpd-v2-section-info-summary,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section > .dpd-v2-info-heading.dpd-v2-info-managed:has(> .dpd-v2-section-info-dot:focus-visible) > .dpd-v2-section-info-summary {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateY(0) scale(1) !important;
  visibility: visible !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section > .dpd-v2-info-heading.dpd-v2-info-managed:not(.is-info-open):not(.is-info-hover):not(:focus-within):not(:has(> .dpd-v2-section-info-dot:hover)):not(:has(> .dpd-v2-section-info-dot:focus-visible)) > .dpd-v2-section-info-summary {
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(-4px) !important;
  visibility: hidden !important;
}

@media (min-width: 1101px) {
  html body.dpd-member-surface footer#kill,
  html body.dpd-member-surface .dpd-v2-portal-footer {
    padding-left: max(var(--dpd-shell-pad-x, 48px), var(--dpd-launch-sidebar-clear)) !important;
  }
}

@media (max-width: 1100px) {
  html body.dpd-member-surface footer#kill,
  html body.dpd-member-surface .dpd-v2-portal-footer {
    padding-left: var(--dpd-shell-pad-x, 24px) !important;
  }
}