/* Scoped commerce/account contrast; no changes to indicator data or layout. */
.dn-home-header .dn-home-account {
  background: #102c42 !important;
  color: #f1f7ff !important;
  border: 1px solid #3b607b !important;
}
.dn-home-header .dn-home-account:hover { background: #193f59 !important; }
body.tradingai-dark .dn-home-header .dn-home-account .dn-home-account__name { color: #f1f7ff !important; }
body.tradingai-dark .dn-home-header .dn-home-account-menu { background: #0c2538 !important; color: #eef6ff !important; border-color: #355873 !important; }
body.tradingai-dark .dn-home-header .dn-home-account-menu .dn-home-account-menu__plan,
body.tradingai-dark .dn-home-header .dn-home-account-menu .dn-home-account-menu__profile { background: #123149 !important; color: #eef6ff !important; }
body.tradingai-dark .dn-home-header .dn-home-account-menu .dn-home-account-menu__plan-label,
body.tradingai-dark .dn-home-header .dn-home-account-menu .dn-home-account-menu__section { color: #a9cde7 !important; }
body.tradingai-dark .dn-home-header .dn-home-account-menu .dn-home-account-menu__items a,
body.tradingai-dark .dn-home-header .dn-home-account-menu .dn-home-account-menu__logout,
body.tradingai-dark .dn-home-header .dn-home-account-menu .dn-home-account-menu__close { color: #eef6ff !important; background: transparent !important; }
body.tradingai-dark .dn-home-header .dn-home-account-menu .dn-home-account-menu__items a span,
body.tradingai-dark .dn-home-header .dn-home-account-menu .dn-home-account-menu__logout span { color: #eef6ff !important; }
.dn-home-header .dn-home-account-menu__items a:hover,
.dn-home-header .dn-home-account-menu__logout:hover { background: #1d435e !important; }
.dn-home-header .dn-home-account__avatar { background: #204c6b; color: #fff; }
.dn-account-plan-label { display: block; color: #72dcff; font-size: 11px; line-height: 1.4; }
.dn-home-account-menu .dn-account-plan-detail { color: #bfd5eb; font-size: 13px; line-height: 1.6; margin: 10px 0 0; }
.dn-payment-page .button, .dn-subscription-summary .button, .auth-portal .button,
body.dnai-route-tai-khoan .button { background: #155ad6 !important; color: #fff !important; border: 1px solid #4386ed !important; }
.dn-payment-page .button--ghost, .auth-portal .button--ghost { background: #173a54 !important; color: #eef6ff !important; }
.dn-payment-page [data-copy-target] { background: #153a55 !important; color: #fff !important; border-color: #4c7594 !important; }
.dn-payment-page button:disabled { opacity: .7; cursor: wait; }
.dn-payment-page button:focus-visible, .dn-home-account:focus-visible, .dn-subscription-summary a:focus-visible { outline: 3px solid #67e8f9; outline-offset: 3px; }
.dn-subscription-summary { background: #0c2538; color: #edf5ff; border: 1px solid #254a65; border-radius: 16px; padding: 24px; margin: 0 0 24px; }
.dn-subscription-summary h2 { color: #edf5ff; font-size: 24px; margin: 0 0 18px; }
.dn-subscription-summary dl { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; margin: 0 0 18px; }
.dn-subscription-summary dt { color: #a9c2da; font-size: 13px; }
.dn-subscription-summary dd { margin: 7px 0 0; color: #fff; font-weight: 700; line-height: 1.6; }
.dn-payment-page .dn-payment-order__header { flex-wrap: wrap; gap: 16px; }
.dn-payment-page .dn-payment-order__header h2 { font-size: 26px; }
.dn-payment-page .dn-payment-order__promo { flex: 1 1 220px; }
.dn-payment-page .dn-payment-error { background: #421c28 !important; color: #ffccd5 !important; border-color: #8d4556; }
.dn-payment-page .dn-payment-current-plan { margin-bottom: 24px; }
.dn-payment-page .dn-payment-stage { padding-top: 24px !important; }
.dn-payment-page .dn-payment-shell:has([data-payment-order-panel][hidden]) { grid-template-columns: minmax(0,1fr); }
.dn-payment-page [hidden] { display: none !important; }
.dn-payment-page .dn-payment-qr-card,
.dn-payment-page .dn-payment-success,
.dn-payment-page .dn-payment-message { background: #0c2538 !important; color: #eef6ff !important; border-color: #355873 !important; }
.dn-payment-page .dn-payment-details dd,
.dn-payment-page .dn-payment-details code,
.dn-payment-page .dn-payment-details strong,
.dn-payment-page .dn-payment-message h2,
.dn-payment-page .dn-payment-success h2 { color: #eef6ff !important; }
.dn-payment-page .dn-payment-details dt { color: #acc8df !important; }
.dn-payment-page .dn-payment-renewal-note,
.dn-payment-page .dn-payment-instruction { background: #16394d !important; color: #deedfa !important; }
.dn-payment-page .page-hero,
.dnai-route-tai-khoan .page-hero { padding-block: 32px; }
.dn-payment-page .page-hero h1,
.dnai-route-tai-khoan .page-hero h1 { font-size: clamp(28px,4vw,42px); line-height: 1.2; }
@media (max-width: 640px) {
  .dn-subscription-summary dl { grid-template-columns: 1fr; }
  .dn-subscription-summary { padding: 20px; }
  .dn-payment-page .dn-payment-order__promo { justify-content: flex-start; }
  .dn-payment-page .dn-payment-order__promo strong { text-align: left; }
}