/* Account Settings desktop reference: one continuous card with inline fields. */
@layer desktop-screen-fit {
  @media (min-width: 1101px) {
    html:not([data-appearance="light"]) body #settings-section #account-settings-card .settings-account-layout {
      background: linear-gradient(125deg,#0c3b47 0%,#092534 40%,#081d2c 100%) !important;
      border: 1px solid rgba(142,191,207,.18) !important;
      border-radius: 12px !important;
      overflow: hidden !important;
      padding: 0 !important;
    }
    html:not([data-appearance="light"]) body #settings-section #account-settings-card .settings-form-section {
      display: grid !important;
      grid-template-columns: minmax(180px, 20%) minmax(0, 1fr) !important;
      align-items: center !important;
      gap: 36px !important;
      margin: 0 28px !important;
      padding: 30px 6px !important;
      min-height: 0 !important;
      border: 0 !important;
      border-bottom: 1px solid rgba(142,191,207,.18) !important;
      border-radius: 0 !important;
      background: transparent !important;
    }
    html:not([data-appearance="light"]) body #settings-section #account-settings-card .settings-section-intro {
      padding: 0 24px 0 0 !important;
      border-right: 1px solid rgba(142,191,207,.3) !important;
      min-height: 0 !important;
      text-align: left !important;
    }
    html:not([data-appearance="light"]) body #settings-section #account-settings-card .settings-section-intro h2 {
      margin: 0 0 12px !important;
      font-size: 21px !important;
    }
    html:not([data-appearance="light"]) body #settings-section #account-settings-card .settings-section-intro p {
      margin: 0 !important;
      color: #a8bfce !important;
      line-height: 1.5 !important;
    }
    html:not([data-appearance="light"]) body #settings-section #account-settings-card .settings-section-fields--two {
      display: grid !important;
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 18px 32px !important;
    }
    html:not([data-appearance="light"]) body #settings-section #account-settings-card .account-row {
      display: grid !important;
      grid-template-columns: max-content minmax(0, 1fr) !important;
      align-items: center !important;
      gap: 18px !important;
      margin: 0 !important;
    }
    html:not([data-appearance="light"]) body #settings-section #account-settings-card .account-row label {
      margin: 0 !important;
      text-align: left !important;
      font-size: 14px !important;
      white-space: nowrap !important;
    }
    html:not([data-appearance="light"]) body #settings-section #account-settings-card :is(.account-row > input, .account-input-wrap) {
      width: 100% !important;
      min-width: 0 !important;
      box-sizing: border-box !important;
      height: 44px !important;
      min-height: 44px !important;
      background: #081e2b !important;
      border: 1px solid #365362 !important;
      border-radius: 6px !important;
    }
    html:not([data-appearance="light"]) body #settings-section #account-settings-card .account-password-hint {
      grid-column: 1 / -1 !important;
      margin: 0 !important;
      text-align: left !important;
      color: #a8bfce !important;
    }
    html:not([data-appearance="light"]) body #settings-section #account-settings-card .settings-form-section--delete {
      border-bottom: 0 !important;
    }
    html:not([data-appearance="light"]) body #settings-section #account-settings-card .settings-delete-fields {
      justify-items: start !important;
    }
    html:not([data-appearance="light"]) body #settings-section #account-settings-card .account-actions--editor {
      display: flex !important;
      justify-content: flex-end !important;
      gap: 12px !important;
      margin: 0 !important;
      padding: 14px 22px !important;
      border-top: 1px solid rgba(142,191,207,.18) !important;
      background: rgba(4,18,29,.16) !important;
    }
    html:not([data-appearance="light"]) body #settings-section #account-settings-card #account-cancel-btn { order: 0 !important; }
    html:not([data-appearance="light"]) body #settings-section #account-settings-card :is(#account-save-btn, #account-edit-btn) { order: 1 !important; }
  }
}

/* Assets: keep the sticky column header legible while rows scroll beneath it. */
/* Important declarations in a named layer outrank unlayered overrides. */
@layer mobile-dark-surfaces {
@media (min-width: 761px) {
  html:not([data-appearance="light"]) body #stocks-section#stocks-section#stocks-section#stocks-section#stocks-section#stocks-section#stocks-section#stocks-section#stocks-section#stocks-section .stocks-table-scroll > .stocks-table > thead {
    position: sticky !important;
    top: 0 !important;
    z-index: 900 !important;
    background: #071c27 !important;
    opacity: 1 !important;
    -webkit-backdrop-filter: blur(22.4px) saturate(135%) !important;
    backdrop-filter: blur(22.4px) saturate(135%) !important;
    isolation: isolate !important;
  }

  html:not([data-appearance="light"]) body #stocks-section#stocks-section#stocks-section#stocks-section#stocks-section#stocks-section#stocks-section#stocks-section#stocks-section#stocks-section .stocks-table-scroll > .stocks-table > thead > tr {
    position: sticky !important;
    top: 0 !important;
    z-index: 901 !important;
    background: #071c27 !important;
    opacity: 1 !important;
    -webkit-backdrop-filter: blur(22.4px) saturate(135%) !important;
    backdrop-filter: blur(22.4px) saturate(135%) !important;
    box-shadow: 0 1px 0 rgba(142, 191, 207, 0.2), 0 9px 20px rgba(1, 11, 18, 0.38) !important;
  }

  html:not([data-appearance="light"]) body #stocks-section#stocks-section#stocks-section#stocks-section#stocks-section#stocks-section#stocks-section#stocks-section#stocks-section#stocks-section .stocks-table-scroll > .stocks-table > thead > tr > th {
    position: sticky !important;
    top: 0 !important;
    z-index: 902 !important;
    background: #071c27 !important;
    opacity: 1 !important;
    background-color: #071c27 !important;
    background-image: linear-gradient(180deg, #0c2f3d, #071c27) !important;
    -webkit-backdrop-filter: blur(22.4px) saturate(135%) !important;
    backdrop-filter: blur(22.4px) saturate(135%) !important;
    border-bottom: 1px solid rgba(142, 191, 207, 0.2) !important;
  }
}
}
@layer desktop-screen-fit {
  @media (min-width: 1101px) {
    /* Paint hover across the entire grid row, including space beside Actions. */
    html:not([data-appearance="light"]) body #stocks-section #stocks-tbody
      tr:hover:not(:is(.selected, .is-selected, .editing, .is-editing, .edit-row, .stock-row-editing, [aria-selected="true"])) {
      background: rgba(35,222,230,.06) !important;
    }
    html:not([data-appearance="light"]) body #stocks-section #stocks-tbody
      tr:hover:not(:is(.selected, .is-selected, .editing, .is-editing, .edit-row, .stock-row-editing, [aria-selected="true"])) > td {
      background: transparent !important;
    }
  }
  @media (min-width: 1101px) {
    html:not([data-appearance="light"]) body #settings-section :is(
      #billing-settings-card, #download-data-card, #contact-us-card
    ) :is(.settings-content, .billing-panel, .download-data-page) {
      background: transparent !important;
      box-shadow: none !important;
    }
    html:not([data-appearance="light"]) body #settings-section :is(
      #billing-settings-card, #download-data-card, #contact-us-card
    ) :is(
      .billing-hero, .billing-detail-card, .billing-expired-features,
      .billing-expired-security, .download-data-hero,
      .download-export-options, .download-data-security, .contact-form
    ) {
      background: linear-gradient(125deg,#0c3b47 0%,#092534 40%,#081d2c 100%) !important;
      border-color: rgba(142,191,207,.18) !important;
      border-radius: 12px !important;
      box-shadow: none !important;
    }
    html:not([data-appearance="light"]) body #settings-section :is(
      #billing-settings-card, #download-data-card, #contact-us-card
    ) :is(.billing-price-block, .download-date-fields, .contact-input-wrap) {
      background: #092330 !important;
      border-color: rgba(142,191,207,.22) !important;
      box-shadow: none !important;
    }
    html:not([data-appearance="light"]) body #settings-section #contact-us-card
      .contact-input-wrap :is(input, select, textarea) {
      background: transparent !important;
    }
    html:not([data-appearance="light"]) body #settings-section #contact-us-card select option {
      background: #092330 !important;
    }
  }
 @media(min-width:1101px) {
  /* Expanded assumptions must participate in layout, never overlap the KPIs. */
  html:not([data-appearance="light"]) body #profile-section#profile-section#profile-section .rr-assumptions[open] > .rr-assumptions-content {
    position:static !important;
    max-height:none !important;
    height:auto !important;
    overflow:visible !important;
    background:linear-gradient(125deg,#0c3b47 0%,#092534 40%,#081d2c 100%) !important;
    border-radius:0 0 12px 12px !important;
  }
  html:not([data-appearance="light"]) body #profile-section#profile-section#profile-section .rr-assumptions[open] {
    height:auto !important; max-height:none !important;
  }
  html:not([data-appearance="light"]) body #leaderboard-section#leaderboard-section#leaderboard-section :is(table,thead,tbody,tfoot,tr,th,td,.leaderboard-table-wrapper,.leaderboard-table-wrap,.leaderboard-pagination-wrapper) {
    background:transparent !important;
    border-color:rgba(142,191,207,.14) !important;
    box-shadow:none !important;
  }
  html:not([data-appearance="light"]) body #leaderboard-section#leaderboard-section#leaderboard-section tbody tr:hover > td {
    background:rgba(35,222,230,.06) !important;
  }
 }
}
@media (min-width: 1101px) {
  html:not([data-appearance="light"]) .desktop-dark-filter-menu {
    position: fixed;
    z-index: 100000;
    overflow-y: auto;
    padding: 5px;
    box-sizing: border-box;
    border: 1px solid #244654;
    border-radius: 10px;
    background: #0a2331;
    box-shadow: 0 14px 36px rgba(0, 0, 0, .38);
    color: #a6b7c7;
    font-size: 13px;
    font-weight: 400;
  }
  html:not([data-appearance="light"]) .desktop-dark-filter-option {
    display: block;
    width: 100%;
    padding: 9px 12px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: inherit;
    font: inherit;
    font-size: 13px;
    font-weight: 400;
    text-align: left;
    cursor: pointer;
  }
  html:not([data-appearance="light"]) .desktop-dark-filter-option:is(:hover,:focus-visible),
  html:not([data-appearance="light"]) .desktop-dark-filter-option[aria-selected="true"] {
    background: #123f4c;
    color: #a6b7c7;
    outline: none;
  }
  html:not([data-appearance="light"]) .desktop-dark-filter-option[aria-selected="true"]::before {
    content: '✓';
    margin-right: 8px;
    color: #24d8e2;
  }
}
@media (min-width: 761px) {
  html:not([data-appearance="light"]) body #stocks-section#stocks-section#stocks-section#stocks-section #add-row-btn#add-row-btn {
    background: #23dee6 !important;
    background-color: #23dee6 !important;
    background-image: none !important;
    border-color: #23dee6 !important;
    color: #082b33 !important;
    -webkit-text-fill-color: #082b33 !important;
    opacity: 1 !important;
  }
}
/* Match the actual Stocks filter fill (#0a2331) across desktop dark pages. */
@layer desktop-screen-fit {
  @media (min-width: 1101px) {
    html:not([data-appearance="light"]) body .container > .section select {
      color-scheme: dark !important;
    }
    html:not([data-appearance="light"]) body .container > .section :is(
      select[id*="filter"], select[id*="sort"], select[id*="broker"],
      select[id*="currency"], select[id*="year"], select[data-stock-gain-filter],
      .deposits-desktop-filters select, .wd-desktop-toolbar select,
      .dv-desktop-filters select, .dividends-chart-controls select,
      .realized-pl-desktop-filters select, .leaderboard-filters select
    ) {
      font-size: 13px !important;
      font-weight: 400 !important;
      color: #a6b7c7 !important;
    }
    html:not([data-appearance="light"]) body .container > .section select :is(option,optgroup) {
      background-color: #0a2331 !important;
      color: #a6b7c7 !important;
      font-size: 13px !important;
      font-weight: 400 !important;
    }
    html:not([data-appearance="light"]) body .container > .section :is(.column-filter-menu,.chart-history-filter-menu) {
      background: #0a2331 !important;
      border-color: #244654 !important;
      color: #e6eff7 !important;
    }
    html:not([data-appearance="light"]) body .container > .section .column-filter-menu .column-filter-option {
      background: transparent !important;
      color: #a6b7c7 !important;
      font-size: 13px !important;
      font-weight: 400 !important;
    }
    html:not([data-appearance="light"]) body .container > .section .column-filter-menu .column-filter-option:is(:hover,.active) {
      background: #123f4c !important;
      color: #a6b7c7 !important;
    }
    html:not([data-appearance="light"]) body .container > .section .chart-history-filter-menu :is(button,span) {
      color: #a6b7c7 !important;
      font-size: 13px !important;
      font-weight: 400 !important;
    }
    html:not([data-appearance="light"]) body .container > .section :is(
      select[id*="filter"], select[id*="sort"], select[id*="broker"],
      select[id*="currency"], select[id*="year"],
      .deposits-desktop-filters select, .withdrawals-mobile-toolbar select,
      .wd-desktop-toolbar select, .dv-desktop-filters select,
      .dividends-chart-controls select, .realized-pl-desktop-filters select,
      .leaderboard-filters select, .leaderboard-filters input[type="search"],
      .stocks-search-control, .leaderboard-search, .leaderboard-filter
    ) {
      background-color: #0a2331 !important;
      border-color: #244654 !important;
    }
  }
}
/* P&L, Taxes and all My Plan tabs: one surface per card, not per nested row. */
@layer desktop-screen-fit {
 @media(min-width:1101px) {
 html:not([data-appearance="light"]) body :is(#stocks-gains-section#stocks-gains-section#stocks-gains-section,#taxes-section#taxes-section#taxes-section,#profile-section#profile-section#profile-section) :is(.realized-pl-table-scroll,.taxes-card,.my-plan-kpis,.my-plan-projection-tabs,.rr-kpi-strip,.rr-assumptions) {
  background:linear-gradient(125deg,#0c3b47 0%,#092534 40%,#081d2c 100%) !important;
  border:0 !important; border-radius:12px !important; box-shadow:none !important;
 }
 html:not([data-appearance="light"]) body :is(#stocks-gains-section#stocks-gains-section#stocks-gains-section,#taxes-section#taxes-section#taxes-section,#profile-section#profile-section#profile-section) :is(table,thead,tbody,tfoot,tr,th,td,.taxes-table-wrap,.taxes-card > summary,.taxes-card .settings-content,.capital-gains-calculation,.profile-table,.profile-table-row,.my-plan-projection-requirements-body,.rr-assumptions > summary,.rr-assumptions-content,.rr-inner-box,.rr-timeline,.rr-timing,.rr-value-list,.rr-target-box) {
  background:transparent !important;
  border-color:rgba(142,191,207,.14) !important; box-shadow:none !important;
 }
 html:not([data-appearance="light"]) body #profile-section#profile-section#profile-section :is(.my-plan-kpi-card,.my-plan-lifestyle-item,.my-plan-indicator-item,.rr-kpi,.my-plan-projection-assumption) {
  background:transparent !important; box-shadow:none !important; border-radius:0 !important;
 }
 html:not([data-appearance="light"]) body #profile-section#profile-section#profile-section .my-plan-projection-tab:not(.is-active) { background:transparent !important; }
 html:not([data-appearance="light"]) body #profile-section#profile-section#profile-section .my-plan-projection-tab.is-active { background:rgba(35,222,230,.13) !important; border-radius:8px !important; color:#37e3ed !important; }
 html:not([data-appearance="light"]) body :is(#stocks-gains-section#stocks-gains-section#stocks-gains-section,#taxes-section#taxes-section#taxes-section,#profile-section#profile-section#profile-section) tbody tr:hover > td { background:rgba(35,222,230,.06) !important; }
 html:not([data-appearance="light"]) body :is(#stocks-gains-section#stocks-gains-section#stocks-gains-section,#taxes-section#taxes-section#taxes-section,#profile-section#profile-section#profile-section) tbody tr:is(.selected,.is-selected,[aria-selected="true"]) > td { background:rgba(35,222,230,.13) !important; }
 html:not([data-appearance="light"]) body #stocks-gains-section#stocks-gains-section#stocks-gains-section tbody tr:is(.editing,.is-editing,.edit-row) > td { background:#103541 !important; }
 }
}
/* Complete finance-page surfaces, including legacy table shells and footers. */
@layer desktop-screen-fit {
 @media (min-width:1101px) {
 html:not([data-appearance="light"]) body .container > :is(#deposits-section#deposits-section#deposits-section,#withdrawals-section#withdrawals-section#withdrawals-section,#dividends-section#dividends-section#dividends-section) :is(.deposits-history-card,.dividends-history-card,.withdrawals-table-scroll,.dividends-chart-card,.deposits-chart-card) {
   background:linear-gradient(125deg,#0c3b47 0%,#092534 40%,#081d2c 100%) !important;
   border:0 !important; border-radius:12px !important; box-shadow:none !important;
 }
 html:not([data-appearance="light"]) body .container > :is(#deposits-section#deposits-section#deposits-section,#withdrawals-section#withdrawals-section#withdrawals-section,#dividends-section#dividends-section#dividends-section) :is(table,thead,tbody,tfoot,tr,th,td,.deposits-table-scroll,.dividends-table-shell,.deposits-view-panel,.deposits-history-toolbar,.deposits-history-footer,.deposits-table-pagination,.dv-desktop-history-top,.dv-desktop-filters,.wd-total-row,.wd-desktop-footer) {
   background:transparent !important; background-image:none !important;
   border-color:rgba(142,191,207,.14) !important; box-shadow:none !important;
 }
 html:not([data-appearance="light"]) body .container > :is(#deposits-section#deposits-section#deposits-section,#withdrawals-section#withdrawals-section#withdrawals-section,#dividends-section#dividends-section#dividends-section) .wd-desktop-toolbar {
   background:linear-gradient(125deg,#0c3b47 0%,#092534 40%,#081d2c 100%) !important;
   border:0 !important; border-radius:12px !important; box-shadow:none !important;
 }
 html:not([data-appearance="light"]) body .container > :is(#deposits-section#deposits-section#deposits-section,#withdrawals-section#withdrawals-section#withdrawals-section,#dividends-section#dividends-section#dividends-section) :is(.wd-total-row,.wd-desktop-footer) {
   background:linear-gradient(125deg,#0c3b47 0%,#092534 40%,#081d2c 100%) !important;
 }
 html:not([data-appearance="light"]) body .container > :is(#deposits-section#deposits-section#deposits-section,#withdrawals-section#withdrawals-section#withdrawals-section,#dividends-section#dividends-section#dividends-section) tbody tr:hover > td { background:rgba(35,222,230,.06) !important; }
 html:not([data-appearance="light"]) body .container > :is(#deposits-section#deposits-section#deposits-section,#withdrawals-section#withdrawals-section#withdrawals-section,#dividends-section#dividends-section#dividends-section) tbody tr:is(.selected,.is-selected,[aria-selected="true"]) > td { background:rgba(35,222,230,.13) !important; }
 html:not([data-appearance="light"]) body .container > :is(#deposits-section#deposits-section#deposits-section,#withdrawals-section#withdrawals-section#withdrawals-section,#dividends-section#dividends-section#dividends-section) tbody tr:is(.editing,.is-editing,.edit-row) > td { background:#103541 !important; }
 }
}
/* Dashboard visual language shared by authenticated desktop pages.
   Surface-only rules: preserve routing, chart sizing and table interactions. */
@media (min-width: 1101px) {
  html:not([data-appearance="light"]) body .navbar.banymay-header #settings-menu {
    background: linear-gradient(135deg,#0c3b47 0%,#092534 50%,#081d2c 100%) !important;
    border: 1px solid #244654 !important;
    border-radius: 12px !important;
    box-shadow: 0 14px 36px rgba(0, 7, 15, .42) !important;
    color: #e6eff7 !important;
  }
  html:not([data-appearance="light"]) body .navbar.banymay-header #settings-menu :is(
    .settings-menu-item, .settings-menu-row, .settings-logout-btn
  ) {
    background: transparent !important;
    color: #e6eff7 !important;
  }
  html:not([data-appearance="light"]) body .navbar.banymay-header #settings-menu :is(
    .settings-menu-item, .settings-logout-btn
  ):is(:hover, :focus-visible) {
    background: #123f4c !important;
  }
  html:not([data-appearance="light"]) body .navbar.banymay-header #settings-menu :is(
    .settings-language-trigger, .settings-language-menu, .settings-chip-row,
    .appearance-switch
  ) {
    background: #0a2331 !important;
    border-color: #244654 !important;
    color: #e6eff7 !important;
  }
  html:not([data-appearance="light"]) body .navbar.banymay-header #settings-menu .settings-language-option {
    background: #0a2331 !important;
    color: #e6eff7 !important;
  }
  html:not([data-appearance="light"]) body .navbar.banymay-header #settings-menu .settings-language-option:is(:hover,[aria-selected="true"]) {
    background: #123f4c !important;
  }
  html:not([data-appearance="light"]) body .navbar.banymay-header #settings-menu .settings-chip:not(.active) {
    background: transparent !important;
    border-color: #244654 !important;
    color: #e6eff7 !important;
  }
  html:not([data-appearance="light"]) body .navbar.banymay-header #settings-menu .settings-chip.active {
    background: #14556a !important;
    border-color: #29c9db !important;
    color: #c4f8fc !important;
  }
}
@layer desktop-screen-fit {
  @media (min-width: 1101px) {
    /* Page-specific surfaces that are not named cards/panels. */
    html:not([data-appearance="light"]) body .container > #stocks-section#stocks-section .stocks-toolbar {
      background: linear-gradient(110deg,#0c3b47,#092534) !important;
      border: 0 !important;
      border-radius: 12px 0 0 12px !important;
    }
    html:not([data-appearance="light"]) body .container > #stocks-section#stocks-section .stocks-action-row {
      background: linear-gradient(110deg,#092534,#081d2c) !important;
      border: 0 !important;
      border-radius: 0 12px 12px 0 !important;
    }
    html:not([data-appearance="light"]) body .container > #stocks-section#stocks-section :is(.stocks-toolbar-select,.stocks-search-control,.stocks-action-btn:not(.stocks-action-btn--primary)) {
      background-color: #0a2331 !important;
      border-color: #244654 !important;
      border-radius: 8px !important;
    }
    /* Allocation tabs remain unboxed; the canvas between charts is transparent. */
    html:not([data-appearance="light"]) body .container > #sectors-section#sectors-section :is(
      .allocation-container,.allocation-switch-wrapper,.allocation-switch,
      .allocation-charts,.allocation-grid,.allocation-account-panels,.allocation-accounts-card
    ) {
      background: transparent !important;
      box-shadow: none !important;
      border-color: transparent !important;
    }
    html:not([data-appearance="light"]) body .container > #deposits-section#deposits-section .deposits-total-deposits {
      background: transparent !important;
      border-left: 0 !important;
      box-shadow: none !important;
    }
    html:not([data-appearance="light"]) body .container > #deposits-section#deposits-section :is(
      .deposits-history-toolbar,.deposits-history-footer,.deposits-table-pagination
    ) {
      background: transparent !important;
      border-color: rgba(142,191,207,.14) !important;
    }
    /* One continuous surface rather than restarting a gradient inside the table. */
    html:not([data-appearance="light"]) body .container > :is(#stocks-section#stocks-section,#sectors-section#sectors-section,#deposits-section#deposits-section) :is(table,thead,thead tr,th) {
      background: transparent !important;
      border-color: rgba(142,191,207,.14) !important;
    }
    html:not([data-appearance="light"]) body .container > :is(#stocks-section#stocks-section,#deposits-section#deposits-section) :is(.stocks-table-scroll,.deposits-history-card) {
      background: linear-gradient(125deg,#0c3b47 0%,#092534 40%,#081d2c 100%) !important;
      border: 0 !important;
      border-radius: 12px !important;
    }
    html:not([data-appearance="light"]) body .container > #settings-section {
      background: #061720 !important;
    }
    html:not([data-appearance="light"]) body .container > #settings-section :is(
      .settings-page, .settings-main-panel, .settings-card-stack, .settings-content,
      .settings-platform-layout
    ) {
      background: transparent !important;
      box-shadow: none !important;
    }
    html:not([data-appearance="light"]) body .container > #settings-section :is(
      .settings-side-panel, .settings-card, .settings-form-section
    ) {
      background: linear-gradient(125deg,#0c3b47 0%,#092534 40%,#081d2c 100%) !important;
      border-radius: 12px !important;
      border-color: transparent !important;
    }
    html:not([data-appearance="light"]) body:has(.container > .section) {
      --desktop-dark-canvas: #061720;
      --desktop-dark-surface: linear-gradient(125deg,#0c3b47 0%,#092534 40%,#081d2c 100%);
      --desktop-dark-divider: rgba(142,191,207,.14);
      background: var(--desktop-dark-canvas) !important;
    }
    html:not([data-appearance="light"]) body .navbar.banymay-header,
    html:not([data-appearance="light"]) body .navbar.banymay-header .banymay-header__inner {
      background: #061720 !important;
      border: 0 !important;
      box-shadow: none !important;
    }
    html:not([data-appearance="light"]) body .navbar.banymay-header::before,
    html:not([data-appearance="light"]) body .navbar.banymay-header::after {
      display: none !important;
    }
    html:not([data-appearance="light"]) body > .container,
    html:not([data-appearance="light"]) body .container > .section,
    html:not([data-appearance="light"]) body .app-footer {
      background: #061720 !important;
      background-image: none !important;
    }
    html:not([data-appearance="light"]) body .container > .section:not(#dashboard-section) :is(
      .panel, .card, [class$="-panel"], [class*="-panel "],
      [class$="-card"], [class*="-card "], .chart-container,
      .stocks-table-scroll, .deposits-invested-band, .portfolio-summary-strip,
      .rr-assumptions, .rr-kpi, .rr-summary, .allocation-item,
      .my-plan-lifestyle-item, .my-plan-indicator-item
    ):not(:is(
      .action-menu-panel, .deposits-action-menu-panel,
      .settings-main-panel, .settings-card-stack, .deposits-view-panel
    )) {
      background: var(--desktop-dark-surface) !important;
      border-radius: 12px !important;
      border-color: transparent !important;
      box-shadow: none !important;
    }
    /* Layout shells must not introduce a second rectangular canvas. */
    html:not([data-appearance="light"]) body .container > .section:not(#dashboard-section) :is(
      .settings-page, .settings-main-panel, .settings-card-stack, .settings-content,
      .profile-page, .stocks-page-shell, .deposits-page-shell, .deposits-view-panel
    ) {
      background: transparent !important;
      box-shadow: none !important;
    }
    /* Tables inherit the parent card. Sticky headers retain an opaque surface. */
    html:not([data-appearance="light"]) body .container > .section:not(#dashboard-section) :is(
      table, tbody, tfoot, tr, td, [role="row"], [role="cell"],
      .stocks-toolbar, .stocks-action-row, .deposits-history-toolbar,
      .deposits-table-pagination, .deposits-history-footer,
      .wd-desktop-toolbar, .wd-desktop-footer, .wd-total-row,
      .dv-desktop-filters, .dividends-page-action-row
    ) {
      background: transparent !important;
      border-color: var(--desktop-dark-divider) !important;
    }
    html:not([data-appearance="light"]) body .container > .section:not(#dashboard-section) table {
      background: var(--desktop-dark-surface) !important;
    }
    html:not([data-appearance="light"]) body .container > .section:not(#dashboard-section) :is(thead,th) {
      background: #0b2937 !important;
      border-color: var(--desktop-dark-divider) !important;
    }
    html:not([data-appearance="light"]) body .container > .section:not(#dashboard-section) tbody tr:hover > td {
      background: rgba(35,222,230,.06) !important;
    }
    html:not([data-appearance="light"]) body .container > .section:not(#dashboard-section) tbody tr:is(.selected,.is-selected,[aria-selected="true"]) > td {
      background: rgba(35,222,230,.13) !important;
    }
    html:not([data-appearance="light"]) body .container > .section:not(#dashboard-section) tbody tr:is(.editing,.is-editing,.edit-row) > td {
      background: #103541 !important;
    }
  }
}