/* DANENG mobile light theme.
   Visual overrides only: no layout, content, interaction, or source-of-truth changes. */
@media (max-width: 700px) {
  :root {
    color-scheme: light;
    --bg: #f4f6f8 !important;
    --rail: #ffffff !important;
    --panel: #ffffff !important;
    --panel2: #f8fafc !important;
    --panel-2: #f8fafc !important;
    --surface: #ffffff !important;
    --surface-2: #f8fafc !important;
    --line: rgba(15, 23, 42, 0.08) !important;
    --line-strong: rgba(15, 23, 42, 0.14) !important;
    --text: #0b0d10 !important;
    --ink: #0b0d10 !important;
    --muted: #667085 !important;
    --muted2: #98a2b3 !important;
    --blue: #2f81f7 !important;
    --green: #12b76a !important;
    --amber: #f59e0b !important;
    --red: #e5484d !important;
    --shadow: 0 6px 20px rgba(15, 23, 42, 0.05) !important;
    --dn-light-page: #f4f6f8;
    --dn-light-card: #ffffff;
    --dn-light-subtle: #f8fafc;
    --dn-light-text: #0b0d10;
    --dn-light-muted: #667085;
    --dn-light-tertiary: #98a2b3;
    --dn-light-disabled: #b0b7c3;
    --dn-light-line: rgba(15, 23, 42, 0.08);
    --dn-light-line-strong: rgba(15, 23, 42, 0.14);
    --dn-light-blue: #2f81f7;
    --dn-light-selected: rgba(47, 129, 247, 0.08);
    --dn-light-selected-line: rgba(47, 129, 247, 0.45);
    --dn-light-card-shadow: 0 6px 20px rgba(15, 23, 42, 0.05);
    --dn-light-selected-shadow: 0 8px 28px rgba(47, 129, 247, 0.10), 0 0 18px rgba(47, 129, 247, 0.12);
  }

  html,
  body,
  body[data-product-ui],
  .app,
  .page,
  .main,
  .workspace,
  .content,
  .layout,
  .wrap {
    background-color: var(--dn-light-page) !important;
    color: var(--dn-light-text) !important;
  }
  body {
    background-image: none !important;
  }
  body::before,
  body::after,
  .app::before,
  .page::before {
    background-image: none !important;
    opacity: 0 !important;
  }

  body .product-header,
  .product-header-inner,
  .site-header,
  .center-topbar,
  .top,
  .header,
  .topbar,
  .app-top,
  .head {
    border-color: var(--dn-light-line) !important;
    background: rgba(255, 255, 255, 0.96) !important;
    color: var(--dn-light-text) !important;
    box-shadow: 0 4px 18px rgba(15, 23, 42, 0.04) !important;
    backdrop-filter: blur(16px) !important;
  }
  .product-header-inner .brand strong,
  .product-header-inner .brand span,
  .product-header-inner .product-brand,
  .product-header-inner .product-brand strong,
  .product-header-inner .product-brand span {
    color: var(--dn-light-text) !important;
  }
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .product-header {
    border-color: var(--dn-light-line) !important;
    background: rgba(255, 255, 255, 0.98) !important;
    color: var(--dn-light-text) !important;
    box-shadow: 0 4px 18px rgba(15, 23, 42, 0.04) !important;
  }
  .brand,
  .brand strong,
  .brand b,
  .brand-copy,
  .brand-line,
  .top-brand,
  .product-brand,
  .product-status,
  .crumb,
  h1,
  h2,
  h3,
  h4,
  strong,
  b,
  label {
    color: var(--dn-light-text) !important;
  }
  p,
  small,
  .muted,
  .meta,
  .hint,
  .note,
  .subtitle,
  .hero-eyebrow,
  .eyebrow,
  .section-head p,
  .panel-head p,
  .title p,
  .brand span,
  .brand-copy span,
  .product-brand span {
    color: var(--dn-light-muted) !important;
  }

  .side,
  .rail,
  .primary-nav,
  .main-nav,
  .nav,
  .side-nav,
  .center-tabs-shell,
  .tabs,
  .tab,
  .top-tabs,
  .product-nav {
    border-color: var(--dn-light-line) !important;
    background-color: var(--dn-light-card) !important;
    color: var(--dn-light-muted) !important;
    box-shadow: none !important;
  }
  .nav-item,
  .nav-btn,
  .side-item,
  .side-nav a,
  .product-nav-link,
  .top-tab,
  .tab,
  .tabs button,
  .rail-action,
  .side-product {
    border-color: transparent !important;
    background: transparent !important;
    color: var(--dn-light-muted) !important;
    box-shadow: none !important;
  }
  .nav-item.active,
  .nav-btn.active,
  .side-item.active,
  .side-nav a.active,
  .product-nav-link.active,
  .top-tab.active,
  .tab.active,
  .tabs button.active,
  .rail-action.active,
  .side-product.active,
  [aria-selected="true"],
  [aria-current="page"] {
    border-color: var(--dn-light-selected-line) !important;
    background: var(--dn-light-selected) !important;
    color: var(--dn-light-blue) !important;
    box-shadow: 0 0 18px rgba(47, 129, 247, 0.08) !important;
  }

  .panel,
  .surface,
  .card,
  .side-card,
  .stat-card,
  .team-card,
  .workspace,
  .hero,
  .section,
  .doc-card,
  .notice,
  .current-info,
  .current-item,
  .guide-block,
  .learning-path,
  .tutorial-guide,
  .overview-tool,
  .wallet-card,
  .wallet-summary-card,
  .package-card,
  .service-row,
  .order-box,
  .copy-box,
  .invite-code-box,
  .details,
  .product-row,
  .field,
  .security-note,
  .login-card,
  .auth-panel,
  .form-side {
    border-color: var(--dn-light-line) !important;
    background: var(--dn-light-card) !important;
    color: var(--dn-light-text) !important;
    box-shadow: var(--dn-light-card-shadow) !important;
  }
  .panel-2,
  .meta-row,
  .meta-item,
  .detail,
  .status-line,
  .quick,
  .tag,
  .badge,
  .pill,
  .mini,
  .meter,
  .method-choice,
  .amount-choice,
  .model-option,
  .port-package,
  .key-group,
  .overview-meta,
  .overview-side {
    border-color: var(--dn-light-line) !important;
    background: var(--dn-light-subtle) !important;
    color: var(--dn-light-muted) !important;
    box-shadow: none !important;
  }

  input,
  select,
  textarea,
  .input,
  .dn-support-input {
    border-color: var(--dn-light-line-strong) !important;
    background: var(--dn-light-card) !important;
    color: var(--dn-light-text) !important;
    box-shadow: none !important;
    color-scheme: light !important;
  }
  input::placeholder,
  textarea::placeholder {
    color: var(--dn-light-tertiary) !important;
  }
  input:focus,
  select:focus,
  textarea:focus,
  .input:focus {
    border-color: var(--dn-light-selected-line) !important;
    outline: 0 !important;
    box-shadow: 0 0 0 4px rgba(47, 129, 247, 0.10) !important;
  }
  input:disabled,
  select:disabled,
  textarea:disabled,
  button:disabled {
    color: var(--dn-light-disabled) !important;
  }

  .btn,
  button,
  .link-btn,
  .ghost,
  .contact-choice,
  .mobile-contact-btn {
    border-color: var(--dn-light-line-strong) !important;
    background: var(--dn-light-card) !important;
    color: var(--dn-light-text) !important;
    box-shadow: 0 3px 10px rgba(15, 23, 42, 0.04) !important;
  }
  .btn-primary,
  .primary,
  .btn.primary,
  .btn.btn-primary,
  .v21-review,
  .gpu-card-create,
  .dn-support-send,
  [data-primary-action] {
    border-color: var(--dn-light-blue) !important;
    background: var(--dn-light-blue) !important;
    color: #ffffff !important;
    box-shadow: 0 6px 18px rgba(47, 129, 247, 0.16) !important;
  }
  .btn-primary:active,
  .primary:active,
  .v21-review:active,
  .gpu-card-create:active {
    background: #256fd1 !important;
  }
  .danger,
  .message.err,
  .dn-support-error {
    color: #e5484d !important;
  }
  .ok,
  .status-ok,
  .status-dot,
  .message.ok {
    color: #12b76a !important;
  }
  .status-warn,
  .warning {
    color: #f59e0b !important;
  }

  /* Compute / Contribution */
  body[data-product-ui="compute"] .main,
  body[data-product-ui="compute"] .contribution-view,
  body[data-product-ui="compute"] .contribution-heading,
  body[data-product-ui="compute"] .view-head,
  body[data-product-ui="compute"] .v21-flow,
  body[data-product-ui="compute"] .v21-block {
    background: var(--dn-light-page) !important;
    color: var(--dn-light-text) !important;
  }
  body[data-product-ui="compute"] .contribution-heading h1,
  body[data-product-ui="compute"] .v21-block-head h2 {
    color: var(--dn-light-text) !important;
  }
  .compute-mobile-header-utilities {
    border-color: var(--dn-light-line-strong) !important;
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 0 5px 16px rgba(15, 23, 42, 0.05) !important;
  }
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .product-header {
    position: relative !important;
    min-height: 96px !important;
    height: 96px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: 54px 42px !important;
    padding: 0 16px !important;
    border-bottom: 1px solid rgba(15, 23, 42, 0.06) !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .product-header > .product-brand {
    position: relative !important;
    z-index: 5 !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: center !important;
    gap: 9px !important;
    color: #0b0d10 !important;
  }
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .product-header > .product-brand img {
    width: 32px !important;
    height: 32px !important;
  }
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .product-header > .product-brand b {
    color: #0b0d10 !important;
    font-weight: 700 !important;
  }
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .product-header > .product-brand span {
    display: none !important;
  }
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .compute-mobile-header-utilities {
    position: absolute !important;
    z-index: 4 !important;
    grid-column: 1 / -1 !important;
    grid-row: 1 / -1 !important;
    inset: 0 !important;
    display: grid !important;
    grid-template-columns: 40px 40px minmax(0, 1fr) 40px 40px !important;
    grid-template-rows: 54px 42px !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    width: auto !important;
    height: 96px !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    pointer-events: none !important;
  }
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .compute-mobile-header-utilities > * {
    pointer-events: auto !important;
  }
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .compute-mobile-header-utilities > .dn-mobile-product-nav__open {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .compute-mobile-header-utilities > [data-daneng-language-switcher] {
    grid-column: 2 !important;
    grid-row: 2 !important;
  }
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .compute-mobile-header-utilities > .mobile-contact-btn {
    grid-column: 4 !important;
    grid-row: 2 !important;
  }
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .compute-mobile-header-utilities > #dnSupportRoot {
    grid-column: 5 !important;
    grid-row: 2 !important;
  }
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .compute-mobile-header-utilities > .dn-notification-root {
    grid-column: 4 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    width: 40px !important;
    max-width: 40px !important;
  }
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .compute-mobile-header-utilities > .dn-mobile-utility-account {
    grid-column: 5 !important;
    grid-row: 1 !important;
  }
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .compute-mobile-header-utilities > .dn-mobile-product-nav__open,
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .compute-mobile-header-utilities > .mobile-contact-btn,
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .compute-mobile-header-utilities > #dnSupportRoot,
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .compute-mobile-header-utilities > [data-daneng-language-switcher],
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .compute-mobile-header-utilities > .dn-mobile-utility-account,
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .compute-mobile-header-utilities > .dn-notification-root {
    align-self: center !important;
    justify-self: center !important;
    width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #0b0d10 !important;
    box-shadow: none !important;
  }
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .compute-mobile-header-utilities > .mobile-contact-btn {
    font-size: 0 !important;
    color: #0b0d10 !important;
  }
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .compute-mobile-header-utilities > .dn-mobile-product-nav__open,
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .compute-mobile-header-utilities > [data-daneng-language-switcher],
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .compute-mobile-header-utilities > .mobile-contact-btn,
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .compute-mobile-header-utilities > #dnSupportRoot {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .compute-mobile-header-utilities > [data-daneng-language-switcher] > button > span:last-child {
    display: none !important;
  }
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .compute-mobile-header-utilities > * > button,
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .compute-mobile-header-utilities > .dn-mobile-utility-account {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #0b0d10 !important;
    box-shadow: none !important;
  }
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .compute-mobile-header-utilities svg {
    width: 23px !important;
    height: 23px !important;
    fill: none !important;
    color: #0b0d10 !important;
    stroke: #0b0d10 !important;
    stroke-width: 1.9 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
  }
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .compute-mobile-header-utilities svg path,
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .compute-mobile-header-utilities svg circle,
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .compute-mobile-header-utilities svg rect {
    stroke: #0b0d10 !important;
  }
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .compute-mobile-header-utilities > .mobile-contact-btn svg {
    width: 23px !important;
    height: 23px !important;
    flex-basis: 23px !important;
  }
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .compute-mobile-header-utilities .dn-count,
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .compute-mobile-header-utilities .dn-badge {
    border: 0 !important;
    box-shadow: none !important;
  }
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .product-header {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: 70px !important;
    min-height: 78px !important;
    height: 78px !important;
    padding: 4px 14px !important;
    align-items: stretch !important;
  }
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .compute-mobile-header-utilities {
    position: static !important;
    inset: auto !important;
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 72px !important;
    grid-template-rows: 70px !important;
    width: 100% !important;
    height: 70px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: stretch !important;
  }
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .dn-mobile-header-left {
    display: grid !important;
    grid-template-rows: repeat(2, 34px) !important;
    row-gap: 2px !important;
    height: 70px !important;
    min-width: 0 !important;
    align-self: center !important;
    align-items: center !important;
  }
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .dn-mobile-header-left > .product-brand {
    display: grid !important;
    grid-template-columns: 44px auto !important;
    column-gap: 7px !important;
    align-items: center !important;
    align-self: center !important;
    gap: 0 7px !important;
    min-width: 0 !important;
    color: #0b0d10 !important;
  }
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .dn-mobile-header-left > .product-brand img {
    width: 32px !important;
    height: 32px !important;
    justify-self: center !important;
  }
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .dn-mobile-header-left > .product-brand b {
    color: #0b0d10 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
  }
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .dn-mobile-header-left > .product-brand span {
    display: none !important;
  }
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .dn-mobile-header-left-actions {
    display: grid !important;
    grid-template-columns: 44px 36px !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    height: 34px !important;
  }
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .dn-mobile-header-right-actions {
    display: grid !important;
    grid-template-columns: repeat(2, 34px) !important;
    grid-template-rows: repeat(2, 34px) !important;
    column-gap: 4px !important;
    row-gap: 2px !important;
    width: 72px !important;
    height: 70px !important;
    align-self: center !important;
    align-items: center !important;
    justify-items: center !important;
  }
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .dn-mobile-header-left-actions > *,
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .dn-mobile-header-right-actions > * {
    position: static !important;
    inset: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    max-width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #0b0d10 !important;
    box-shadow: none !important;
  }
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .dn-mobile-header-left-actions > .dn-mobile-product-nav__open {
    width: 44px !important;
    max-width: 44px !important;
    min-width: 44px !important;
  }
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .dn-mobile-header-left-actions > [data-daneng-language-switcher] > button > span:last-child,
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .dn-mobile-header-right-actions > .mobile-contact-btn > span {
    display: none !important;
  }
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .dn-mobile-header-right-actions > .mobile-contact-btn {
    display: flex !important;
    width: 34px !important;
    max-width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    padding: 0 !important;
    gap: 0 !important;
    font-size: 0 !important;
    color: #0b0d10 !important;
  }
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .dn-mobile-header-left-actions > * > button,
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .dn-mobile-header-right-actions > * > button,
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .dn-mobile-header-right-actions > .dn-mobile-utility-account {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #0b0d10 !important;
    box-shadow: none !important;
  }
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .dn-mobile-header-left-actions svg,
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .dn-mobile-header-right-actions svg,
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .dn-mobile-header-left-actions svg path,
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .dn-mobile-header-left-actions svg circle,
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .dn-mobile-header-right-actions svg path,
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .dn-mobile-header-right-actions svg circle {
    width: 27px !important;
    height: 27px !important;
    color: #0b0d10 !important;
    fill: none !important;
    stroke: #0b0d10 !important;
    stroke-width: 1.9 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
  }
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .dn-mobile-header-right-actions > .mobile-contact-btn svg {
    width: 27px !important;
    height: 27px !important;
    flex: 0 0 27px !important;
  }
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .dn-mobile-header-left-actions > .dn-mobile-product-nav__open svg {
    width: 25px !important;
    height: 25px !important;
  }
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .dn-mobile-header-left-actions > [data-daneng-language-switcher] svg {
    width: 24px !important;
    height: 24px !important;
  }
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .dn-mobile-header-left-actions > [data-daneng-language-switcher] {
    position: relative !important;
    overflow: visible !important;
    z-index: 2147483000 !important;
  }
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .dn-mobile-header-left-actions > [data-daneng-language-switcher] > .dn-i18n-list {
    position: fixed !important;
    top: 78px !important;
    right: auto !important;
    bottom: auto !important;
    left: 58px !important;
    width: 72px !important;
    max-height: calc(100dvh - 154px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    z-index: 2147483001 !important;
  }
  html[dir="rtl"] body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .dn-mobile-header-left-actions > [data-daneng-language-switcher] > .dn-i18n-list {
    right: 58px !important;
    left: auto !important;
  }
  .v21-tier-selector,
  .v21-gpu-selector,
  .v21-gpu-rail,
  .v21-size-rail,
  .v21-tier-rail,
  .v21-confirmation-grid {
    background: transparent !important;
  }
  .v21-tier-selector,
  .v21-gpu-selector {
    gap: 8px !important;
    border: 0 !important;
    box-shadow: none !important;
  }
  .v21-tier-selector button,
  .v21-gpu-selector button,
  .v21-tier-card,
  .v21-gpu-card,
  .v21-size,
  .v21-summary-slot .estimate-config-core,
  .v21-order-panel,
  .estimate-config,
  .estimate-kpis > div,
  .estimate-config-grid > div,
  .gpu-contribution-card,
  .gpu-card-field,
  .gpu-card-agreement,
  .contribution-purpose,
  .calc-shell,
  .calc-target-card,
  .rule,
  .history-item,
  .node-split,
  .reward-plan {
    border-color: var(--dn-light-line) !important;
    background: var(--dn-light-card) !important;
    color: var(--dn-light-text) !important;
    box-shadow: var(--dn-light-card-shadow) !important;
  }
  .v21-tier-selector button,
  .v21-gpu-selector button {
    overflow: hidden !important;
    border: 1px solid var(--dn-light-line) !important;
    border-radius: 12px !important;
    background: var(--dn-light-card) !important;
    color: var(--dn-light-text) !important;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.05) !important;
  }
  .v21-tier-selector button.current,
  .v21-gpu-selector button.current,
  .v21-tier-card.current,
  .v21-gpu-card.current,
  .v21-size.current,
  .v21-size.active,
  .gpu-contribution-card.current,
  .gpu-select-option.active,
  .reward-tier.active,
  .mobile-scenario-tab.active {
    border-color: var(--dn-light-selected-line) !important;
    background: var(--dn-light-selected) !important;
    color: var(--dn-light-text) !important;
    box-shadow: var(--dn-light-selected-shadow) !important;
  }
  .v21-tier-selector button.current,
  .v21-gpu-selector button.current {
    border-color: #0b0d10 !important;
    background: #0b0d10 !important;
    color: #ffffff !important;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.18) !important;
  }
  .v21-tier-selector button.current span,
  .v21-tier-selector button.current small,
  .v21-gpu-selector button.current span,
  .v21-gpu-selector button.current small {
    color: #ffffff !important;
  }
  html body[data-product-ui="compute"] .v21-size.current,
  html body[data-product-ui="compute"] .v21-size.active {
    border-color: #0b0d10 !important;
    background: #0b0d10 !important;
    color: #ffffff !important;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.16) !important;
  }
  html body[data-product-ui="compute"] .v21-size.current *,
  html body[data-product-ui="compute"] .v21-size.active * {
    color: #ffffff !important;
  }
  html body[data-product-ui="compute"] .v21-tier-card.current,
  html body[data-product-ui="compute"] .v21-gpu-card.current {
    border-color: #0b0d10 !important;
    background: #0b0d10 !important;
    color: #ffffff !important;
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.20) !important;
  }
  html body[data-product-ui="compute"] .v21-tier-card.current h3,
  html body[data-product-ui="compute"] .v21-gpu-card.current h3,
  html body[data-product-ui="compute"] .v21-tier-card.current b,
  html body[data-product-ui="compute"] .v21-gpu-card.current b {
    color: #ffffff !important;
  }
  html body[data-product-ui="compute"] .v21-tier-card.current p,
  html body[data-product-ui="compute"] .v21-gpu-card.current p,
  html body[data-product-ui="compute"] .v21-tier-card.current .v21-facts span,
  html body[data-product-ui="compute"] .v21-gpu-card.current .v21-facts span,
  html body[data-product-ui="compute"] .v21-tier-card.current .v21-axis-legend,
  html body[data-product-ui="compute"] .v21-tier-card.current .v21-axis-scale {
    color: rgba(255, 255, 255, 0.68) !important;
  }
  html body[data-product-ui="compute"] .v21-tier-card.current .v21-selected,
  html body[data-product-ui="compute"] .v21-gpu-card.current .v21-selected {
    border-color: transparent !important;
    background: transparent !important;
    color: #2f81f7 !important;
  }
  html body[data-product-ui="compute"] .v21-tier-card.current .v21-cycle-axis {
    border-color: rgba(255, 255, 255, 0.12) !important;
  }
  .v21-selected,
  .v21-popularity,
  .gpu-card-badge,
  .mode-badge {
    border-color: rgba(47, 129, 247, 0.18) !important;
    background: rgba(47, 129, 247, 0.08) !important;
    color: var(--dn-light-blue) !important;
  }
  .v21-tier-card p,
  .v21-gpu-card p,
  .v21-facts span,
  .estimate-config-grid span,
  .estimate-kpis span,
  .gpu-card-fact span,
  .gpu-card-fee span,
  .v21-order-method > span,
  .v21-order-consent,
  .calc-rate,
  .progress-copy,
  .history-item p {
    color: var(--dn-light-muted) !important;
  }
  .v21-cycle-axis,
  .v21-order-method,
  .v21-order-consent,
  .estimate-config-grid > div,
  .estimate-kpis > div,
  .payment-order-review > div {
    border-color: var(--dn-light-line) !important;
  }
  .v21-cycle-track,
  .calc-timeline,
  .progress-head,
  .progress-title {
    background: #e4e7ec !important;
  }
  .v21-cycle-coverage,
  .calc-threshold {
    background: #3b82f6 !important;
  }
  .v21-cycle-net,
  .calc-time.active {
    background: #56cfc2 !important;
  }
  .v21-order-panel select {
    color-scheme: light !important;
  }
  html body[data-product-ui="compute"] .v21-order-method select,
  html body[data-product-ui="compute"] [data-v21-payment] {
    appearance: none !important;
    -webkit-appearance: none !important;
    border-color: #0b0d10 !important;
    background-color: #0b0d10 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 14px center !important;
    background-size: 18px 18px !important;
    color: #ffffff !important;
    padding-right: 44px !important;
    box-shadow: none !important;
    color-scheme: dark !important;
  }
  html[dir="rtl"] body[data-product-ui="compute"] .v21-order-method select,
  html[dir="rtl"] body[data-product-ui="compute"] [data-v21-payment] {
    background-position: left 14px center !important;
    padding-right: 12px !important;
    padding-left: 44px !important;
  }
  html body[data-product-ui="compute"] .v21-order-consent:has(input:checked),
  html body[data-product-ui="compute"] .v21-order-consent:has(input:checked) span {
    color: #0b0d10 !important;
  }
  .v21-mobile-sticky,
  .v21-mobile-sticky.is-docked {
    border-color: var(--dn-light-line-strong) !important;
    background: rgba(255, 255, 255, 0.97) !important;
    color: var(--dn-light-text) !important;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.11) !important;
    backdrop-filter: blur(16px) !important;
  }
  .v21-mobile-sticky-copy span {
    color: var(--dn-light-muted) !important;
  }
  .v21-mobile-sticky-copy strong {
    color: var(--dn-light-blue) !important;
  }

  /* Dialogs, order review, and payment */
  .modal-bg,
  .modal-backdrop,
  .legal-reader-backdrop,
  .guide-player-backdrop,
  .contact-backdrop {
    background: rgba(15, 23, 42, 0.34) !important;
    backdrop-filter: blur(7px) !important;
  }
  .modal,
  .modal-card,
  .payment-modal,
  .legal-reader,
  .guide-player,
  .data-modal,
  #v21ReviewModal .modal-card,
  #paymentModal .payment-modal,
  #contactModal .modal,
  #contactModal .payment-modal {
    border-color: var(--dn-light-line) !important;
    background: var(--dn-light-card) !important;
    color: var(--dn-light-text) !important;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.16) !important;
  }
  .modal-head,
  .payment-modal-head,
  .data-modal-head,
  .legal-reader-head,
  .guide-player-head,
  .payment-modal-actions,
  .gpu-card-actions,
  #v21ReviewModal .gpu-card-actions,
  .renew-order-actions {
    border-color: var(--dn-light-line) !important;
    background: var(--dn-light-card) !important;
  }
  .payment-box,
  .payment-address,
  .payment-address code,
  .payment-instruction,
  .payment-qr,
  .payment-order-review > div,
  .proof-row,
  .address-row,
  .payment-deadline {
    border-color: var(--dn-light-line) !important;
    background: var(--dn-light-subtle) !important;
    color: var(--dn-light-text) !important;
    box-shadow: none !important;
  }
  .payment-countdown,
  .amount,
  .wallet-amount,
  .package-price,
  .payment-order-review b {
    color: var(--dn-light-blue) !important;
  }
  .close,
  .modal-close,
  .payment-close,
  .legal-reader-close,
  .guide-player-close,
  [data-close-data] {
    border-color: var(--dn-light-line) !important;
    background: var(--dn-light-subtle) !important;
    color: #344054 !important;
  }

  /* Language, contact, bottom navigation, and injected utilities */
  [data-daneng-language-switcher] > button,
  .language-trigger,
  .center-language-shortcut,
  .mobile-contact-btn,
  #dnSupportButton,
  .dn-bell,
  .account-icon-link {
    border-color: var(--dn-light-line-strong) !important;
    background: var(--dn-light-card) !important;
    color: #344054 !important;
    box-shadow: 0 5px 16px rgba(15, 23, 42, 0.07) !important;
  }
  [data-daneng-language-switcher] svg,
  .mobile-contact-btn svg,
  #dnSupportButton svg,
  .dn-bell svg,
  .account-icon-link svg {
    stroke: currentColor !important;
  }
  .dn-i18n-list,
  .language-menu,
  .language-list {
    border-color: var(--dn-light-line) !important;
    background: var(--dn-light-card) !important;
    color: var(--dn-light-text) !important;
    box-shadow: 0 16px 38px rgba(15, 23, 42, 0.13) !important;
  }
  .dn-i18n-list button,
  .language-list button {
    border-color: transparent !important;
    background: transparent !important;
    color: var(--dn-light-muted) !important;
  }
  .dn-i18n-list button.active,
  .language-list button.active,
  .dn-i18n-list button[aria-current="true"] {
    background: var(--dn-light-selected) !important;
    color: var(--dn-light-blue) !important;
  }
  .dn-mobile-bottom-nav {
    border-top-color: var(--dn-light-line) !important;
    background: rgba(255, 255, 255, 0.98) !important;
    color: var(--dn-light-tertiary) !important;
    box-shadow: 0 -8px 24px rgba(15, 23, 42, 0.06) !important;
    backdrop-filter: blur(16px) !important;
  }
  .dn-mobile-bottom-nav a {
    color: var(--dn-light-tertiary) !important;
  }
  .dn-mobile-bottom-nav a[aria-current="page"] {
    margin: 6px 4px !important;
    border-radius: 12px !important;
    background: #0b0d10 !important;
    color: #ffffff !important;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.18) !important;
  }
  .dn-mobile-bottom-nav a[aria-current="page"]::before {
    display: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  .dn-mobile-bottom-nav a[aria-current="page"] svg,
  .dn-mobile-bottom-nav a[aria-current="page"] span {
    color: #ffffff !important;
    stroke: currentColor !important;
  }

  .dn-panel {
    border-color: var(--dn-light-line) !important;
    background: var(--dn-light-card) !important;
    color: var(--dn-light-text) !important;
    box-shadow: 0 22px 60px rgba(15, 23, 42, 0.14) !important;
  }
  .dn-head,
  .dn-prefs {
    border-color: var(--dn-light-line) !important;
    background: var(--dn-light-card) !important;
  }
  .dn-item {
    border-color: var(--dn-light-line) !important;
    color: var(--dn-light-text) !important;
  }
  .dn-item.unread {
    background: var(--dn-light-selected) !important;
  }
  .dn-item p,
  .dn-empty,
  .dn-meta {
    color: var(--dn-light-muted) !important;
  }
  .dn-action,
  .dn-prefs a {
    color: var(--dn-light-blue) !important;
  }

  #dnSupportPanel {
    border-color: var(--dn-light-line) !important;
    background: var(--dn-light-page) !important;
    color: var(--dn-light-text) !important;
    box-shadow: 0 22px 60px rgba(15, 23, 42, 0.14) !important;
  }
  .dn-support-head {
    border-bottom: 1px solid var(--dn-light-line) !important;
    background: var(--dn-light-card) !important;
    color: var(--dn-light-text) !important;
  }
  .dn-support-head small,
  .dn-support-status,
  .dn-support-message small {
    color: var(--dn-light-muted) !important;
  }
  .dn-support-messages {
    background: var(--dn-light-page) !important;
  }
  .dn-support-message,
  .dn-support-message.welcome {
    background: #eef1f5 !important;
    color: var(--dn-light-text) !important;
  }
  .dn-support-message.mine {
    background: #dceafe !important;
    color: #173b70 !important;
  }
  .dn-support-form {
    border-color: var(--dn-light-line) !important;
    background: var(--dn-light-card) !important;
  }
  .dn-support-attach {
    border-color: var(--dn-light-line-strong) !important;
    background: var(--dn-light-subtle) !important;
    color: #344054 !important;
  }
  html body .dn-support-input {
    border-color: var(--dn-light-line-strong) !important;
    background: var(--dn-light-card) !important;
    color: var(--dn-light-text) !important;
  }
  body .dn-support-send {
    border-color: var(--dn-light-blue) !important;
    background: var(--dn-light-blue) !important;
    color: #ffffff !important;
  }
  html body #paymentModal .payment-countdown {
    border-color: rgba(245, 158, 11, 0.20) !important;
    background: #fff8e8 !important;
    color: #9a6700 !important;
  }

  /* Authentication, account, documentation, and Center */
  .visual,
  .poster-card,
  .poster-track,
  .bg-video {
    box-shadow: none !important;
  }
  .auth-copy,
  .visual-copy,
  .poster-copy {
    color: #ffffff !important;
  }
  .auth-copy p,
  .visual-copy p,
  .poster-copy p {
    color: rgba(255, 255, 255, 0.78) !important;
  }
  .overview-main,
  .overview-side {
    border-color: var(--dn-light-line) !important;
    background: var(--dn-light-card) !important;
    color: var(--dn-light-text) !important;
  }
  .overview-main::after {
    border-color: rgba(47, 129, 247, 0.10) !important;
    box-shadow: 0 0 0 34px rgba(47, 129, 247, 0.025), 0 0 0 68px rgba(47, 129, 247, 0.015) !important;
  }
  .product-icon,
  .avatar {
    border-color: var(--dn-light-line) !important;
    background: var(--dn-light-subtle) !important;
    color: var(--dn-light-blue) !important;
    box-shadow: none !important;
  }
  .agree-box,
  .captcha,
  .step span,
  .help-link,
  .summary,
  .doc-reader,
  .doc-text,
  .empty,
  .learning-paths,
  .tutorial-text,
  .video-shell,
  .guide-summary,
  .current-grid {
    border-color: var(--dn-light-line) !important;
    background: var(--dn-light-subtle) !important;
    color: var(--dn-light-text) !important;
  }
  .step span {
    background: #e4e7ec !important;
  }
  .step span:first-child,
  .step span:nth-child(2) {
    background: var(--dn-light-blue) !important;
  }
  .product-row.active,
  .tutorial-guide.active,
  .learning-path.active,
  .doc-card.active,
  .method-choice.active,
  .amount-choice.active,
  .model-option.active,
  .port-package.active {
    border-color: var(--dn-light-selected-line) !important;
    background: var(--dn-light-selected) !important;
    box-shadow: var(--dn-light-selected-shadow) !important;
  }

  /* Compute mobile finishing pass. */
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .dn-mobile-header-left-actions > [data-daneng-language-switcher] > .dn-i18n-list {
    grid-auto-rows: 36px !important;
    gap: 4px !important;
    padding: 6px !important;
    border: 1px solid var(--dn-light-line) !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.14) !important;
  }
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .dn-mobile-header-left-actions > [data-daneng-language-switcher] > .dn-i18n-list a {
    display: grid !important;
    place-items: center !important;
    min-height: 36px !important;
    padding: 0 6px !important;
    border-radius: 9px !important;
    background: #ffffff !important;
    color: #0b0d10 !important;
    font-weight: 700 !important;
  }
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .dn-mobile-header-left-actions > [data-daneng-language-switcher] > .dn-i18n-list a > span {
    display: none !important;
  }
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .dn-mobile-header-left-actions > [data-daneng-language-switcher] > .dn-i18n-list a > small {
    color: #0b0d10 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
  }
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .dn-mobile-header-left-actions > [data-daneng-language-switcher] > .dn-i18n-list a[aria-current="true"] {
    background: #0b0d10 !important;
    color: #ffffff !important;
    box-shadow: 0 7px 18px rgba(15, 23, 42, 0.16) !important;
  }
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .dn-mobile-header-left-actions > [data-daneng-language-switcher] > .dn-i18n-list a[aria-current="true"] > small {
    color: #ffffff !important;
  }
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .dn-mobile-header-left-actions > [data-daneng-language-switcher] > .dn-i18n-list a[aria-current="true"]::after {
    display: none !important;
  }
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]):has(.dn-mobile-header-left-actions > [data-daneng-language-switcher].is-open) .v21-mobile-sticky {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
  html body[data-product-ui="compute"] .contribution-view:has(.v21-mobile-sticky.is-docked) {
    padding-bottom: calc(var(--v21-mobile-bottom-nav-height) + 12px + env(safe-area-inset-bottom, 0px)) !important;
  }
  html body[data-product-ui="compute"] .main:has(.v21-mobile-sticky.is-docked) {
    padding-bottom: 0 !important;
  }
  html body .dn-mobile-product-nav {
    border-color: var(--dn-light-line) !important;
    background: #ffffff !important;
    color: #0b0d10 !important;
    box-shadow: 18px 0 42px rgba(15, 23, 42, 0.18) !important;
  }
  html body .dn-mobile-product-nav__head,
  html body .dn-mobile-product-nav__body,
  html body .dn-mobile-product-nav__group,
  html body .dn-mobile-product-nav__panel,
  html body .dn-mobile-product-nav__children {
    border-color: var(--dn-light-line) !important;
    background: #ffffff !important;
    color: #0b0d10 !important;
  }
  html body .dn-mobile-product-nav__brand,
  html body .dn-mobile-product-nav__brand-copy strong,
  html body .dn-mobile-product-nav__brand-copy span,
  html body .dn-mobile-product-nav__trigger,
  html body .dn-mobile-product-nav__trigger[aria-expanded="true"],
  html body .dn-mobile-product-nav__child {
    color: #0b0d10 !important;
  }
  html body .dn-mobile-product-nav__trigger,
  html body .dn-mobile-product-nav__trigger[aria-expanded="true"],
  html body .dn-mobile-product-nav__child {
    border-color: var(--dn-light-line) !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }
  html body .dn-mobile-product-nav__close {
    border-color: var(--dn-light-line) !important;
    background: #ffffff !important;
    color: #0b0d10 !important;
    box-shadow: none !important;
  }
  html body .dn-mobile-product-nav__child.is-active {
    border-color: #0b0d10 !important;
    background: #0b0d10 !important;
    color: #ffffff !important;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.16) !important;
  }
  html body .dn-mobile-product-nav__child.is-active::before {
    background: #ffffff !important;
  }

  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .dn-mobile-header-right-actions .dn-bell {
    position: relative !important;
    overflow: visible !important;
  }
  html body:is([data-product-ui="compute"], [data-daneng-mobile-header]) .dn-mobile-header-right-actions .dn-bell .dn-count {
    position: absolute !important;
    top: -3px !important;
    right: -3px !important;
    bottom: auto !important;
    left: auto !important;
    background: #ff5969 !important;
    color: #ffffff !important;
    pointer-events: none !important;
  }
  html body .dn-mobile-product-nav__children {
    gap: 0 !important;
  }
  html body .dn-mobile-product-nav__child {
    border: 0 !important;
    border-bottom: 1px solid var(--dn-light-line) !important;
    border-radius: 0 !important;
  }

  html body[data-product-ui="compute"] .v21-mobile-sticky,
  html body[data-product-ui="compute"] .v21-mobile-sticky.is-docked {
    position: static !important;
    inset: auto !important;
    width: 100% !important;
    margin: 0 !important;
    z-index: auto !important;
    border-top: 1px solid var(--dn-light-line) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
  }
  html body[data-product-ui="compute"] .contribution-view:has(.v21-mobile-sticky) {
    padding-bottom: calc(var(--v21-mobile-bottom-nav-height) + 12px + env(safe-area-inset-bottom, 0px)) !important;
  }
  html body[data-product-ui="compute"] .main:has(.v21-mobile-sticky) {
    padding-bottom: 0 !important;
  }



  html body[data-product-ui="compute"] #paymentModal {
    padding: 0 !important;
    align-items: stretch !important;
  }
  html body[data-product-ui="compute"] #paymentModal .payment-modal {
    width: 100% !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    max-width: none !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow-y: auto !important;
    padding: 12px !important;
  }
  html body #paymentModal .payment-modal-head { gap: 8px !important; }
  html body #paymentModal h2 { margin: 0 !important; font-size: 17px !important; line-height: 1.25 !important; }
  html body #paymentModal .payment-meta { margin: 3px 0 !important; font-size: 10px !important; line-height: 1.3 !important; }
  html body #paymentModal .payment-countdown {
    margin: 6px 0 3px !important;
    padding: 6px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid var(--dn-light-line) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  html body #paymentModal .payment-countdown strong { font-size: 20px !important; }
  html body #paymentModal .payment-order-review {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 10px !important;
    margin: 4px 0 !important;
  }
  html body #paymentModal .payment-order-review > div {
    min-width: 0 !important;
    padding: 5px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid var(--dn-light-line) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  html body #paymentModal .payment-order-review > div:first-child { grid-column: 1 / -1 !important; }
  html body #paymentModal .payment-order-review span { font-size: 9px !important; line-height: 1.2 !important; }
  html body #paymentModal .payment-order-review b {
    margin-top: 2px !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
    overflow-wrap: anywhere !important;
  }
  html body #paymentModal .payment-qr {
    width: 128px !important;
    height: 128px !important;
    margin: 5px auto !important;
    padding: 4px !important;
    border: 0 !important;
    background: #ffffff !important;
  }
  html body #paymentModal .payment-qr img { width: 120px !important; height: 120px !important; }
  html body #paymentModal .payment-address {
    margin: 3px 0 !important;
    padding: 4px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid var(--dn-light-line) !important;
    border-radius: 0 !important;
    background: transparent !important;
  }
  html body #paymentModal .payment-address code { font-size: 10px !important; line-height: 1.3 !important; background: transparent !important; }
  html body #paymentModal .payment-instruction { margin: 3px 0 !important; font-size: 10px !important; line-height: 1.3 !important; background: transparent !important; }
  html body #paymentModal .payment-modal-actions { margin-top: 6px !important; gap: 8px !important; }
  html body #paymentModal .payment-modal-actions .btn { min-height: 36px !important; padding: 7px 10px !important; }
  html body[data-product-ui="compute"]:has(#paymentModal:not(.hidden)) .dn-mobile-bottom-nav { display: none !important; }

  html body[data-product-ui="compute"] .v21-summary-slot .estimate-config-grid,
  html body[data-product-ui="compute"] .v21-summary-slot .estimate-kpis {
    gap: 0 !important;
    margin: 0 !important;
    border: 0 !important;
  }
  html body[data-product-ui="compute"] .v21-summary-slot .estimate-config-grid > div,
  html body[data-product-ui="compute"] .v21-summary-slot .estimate-kpis > div {
    margin: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid var(--dn-light-line) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }
  html body[data-product-ui="compute"] .v21-summary-slot .estimate-config-grid > div:nth-child(odd),
  html body[data-product-ui="compute"] .v21-summary-slot .estimate-kpis > div:nth-child(odd) {
    border-inline-end: 1px solid var(--dn-light-line) !important;
  }

  ::selection {
    background: rgba(47, 129, 247, 0.20);
    color: var(--dn-light-text);
  }

  html body[data-product-ui="compute"] .v21-summary-slot .estimate-config-core {
    padding-top: 8px !important;
  }
  html body[data-product-ui="compute"] .v21-summary-slot .estimate-index {
    display: none !important;
  }
  html body[data-product-ui="compute"] .v21-summary-slot #calcModelLabel {
    margin: 0 !important;
    padding: 0 0 8px !important;
    border-bottom: 1px solid #d4d9e0 !important;
  }
  html body[data-daneng-mobile-header] [data-daneng-original-mobile-header] { display: none !important; }
  html body[data-daneng-mobile-header] .product-header > :not(.compute-mobile-header-utilities) { display: none !important; }
  html body[data-daneng-mobile-header] .product-header {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    box-sizing: border-box !important;
    background: #ffffff !important;
    z-index: 200 !important;
  }
  html body[data-daneng-mobile-header] .compute-mobile-header-utilities {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  html body[data-daneng-mobile-header] .dn-mobile-header-left > .product-brand {
    justify-content: start !important;
    margin: 0 !important;
    text-decoration: none !important;
  }
}
@media(min-width:701px){.dn-shared-mobile-header,.dn-shared-contact{display:none!important}}