/* Mobile Deposits page: compact reference-matched summary and transaction cards. */
.deposits-sort-trigger, .deposits-sort-menu { display: none; }
@media (max-width: 760px) {
  html body #deposits-section .deposits-mobile-sort-wrap #deposits-mobile-sort,
  html body #deposits-section .deposits-mobile-sort-wrap::after { display: none !important; }
  html body #deposits-section .deposits-sort-trigger {
    display: flex !important; align-items: center !important; justify-content: space-between !important;
    width: 100% !important; height: 38px !important; padding: 0 10px !important;
    border: 1px solid #234959 !important; border-radius: 8px !important; background: #0b1c25 !important;
    color: #b8cfda !important; font-size: 12px !important;
  }
  html body #deposits-section .deposits-sort-menu:not([hidden]) {
    display: block !important; position: absolute !important; top: 0 !important; right: 0 !important;
    width: 116px !important; padding: 4px 8px !important; box-sizing: border-box !important;
    z-index: 1200 !important; border: 1px solid #29bfd0 !important; border-radius: 13px !important;
    background: linear-gradient(145deg, #07515a, #0a1b25 75%) !important;
    box-shadow: 0 8px 18px #0005 !important;
  }
  html body #deposits-section .deposits-sort-menu button {
    display: flex !important; align-items: center !important; gap: 9px !important;
    width: 100% !important; min-height: 39px !important; margin: 0 !important; padding: 0 !important;
    border: 0 !important; border-radius: 0 !important; background: transparent !important;
    color: #edf6f8 !important; font-size: 15px !important; text-align: left !important;
  }
  html body #deposits-section .deposits-sort-menu button + button { border-top: 1px solid #36525c !important; }
  .deposits-sort-check { width: 13px; flex: 0 0 13px; visibility: hidden; }
  [aria-checked="true"] > .deposits-sort-check { visibility: visible; }
  html body #deposits-section#deposits-section#deposits-section#deposits-section#deposits-section .deposits-page-header {
    display: none !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important;
  }
  html body #deposits-section#deposits-section#deposits-section .deposits-page-header h1 {
    margin: 0 !important; color: #edf4f8 !important; font-size: clamp(25px, 7vw, 32px) !important;
    font-weight: 800 !important; letter-spacing: -.035em !important; line-height: 1 !important;
  }
  html body #deposits-section#deposits-section#deposits-section #deposits-record-count {
    flex: 0 0 auto !important; color: #91aebd !important; font-size: 13px !important; white-space: nowrap !important;
  }
  html body #deposits-section#deposits-section#deposits-section .deposits-invested-band {
    grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr) !important; align-items: stretch !important;
    gap: 0 !important; min-height: 0 !important; padding: 10px 12px !important; border-radius: 15px !important;
    background: linear-gradient(135deg, #0c202a, #0a1d26) !important;
  }
  html body #deposits-section#deposits-section#deposits-section .deposits-total-deposits {
    justify-content: center !important; gap: 5px !important; padding: 0 9px 0 0 !important;
    border: 0 !important; border-right: 1px solid #23404d !important;
  }
  html body #deposits-section#deposits-section#deposits-section .deposits-total-deposits .deposits-summary-title { color: #a8bdc8 !important; font-size: 13px !important; }
  html body #deposits-section#deposits-section#deposits-section .deposits-total-deposits #total-deposits-embedded {
    font-size: clamp(26px, 7.6vw, 33px) !important; line-height: 1 !important; letter-spacing: -.04em !important; white-space: nowrap !important;
  }
  html body #deposits-section#deposits-section#deposits-section .deposits-breakdown { min-width: 0 !important; padding: 0 0 0 13px !important; }
  html body #deposits-section#deposits-section#deposits-section #deposits-money-invested-list { display: flex !important; flex-direction: column !important; gap: 0 !important; }
  html body #deposits-section#deposits-section#deposits-section #deposits-money-invested-list .breakdown-item {
    display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; align-items: center !important;
    column-gap: 6px !important; min-height: 22px !important; padding: 1px 0 !important;
    border: 0 !important; border-bottom: 1px solid #23404d !important; border-radius: 0 !important; background: transparent !important;
  }
  html body #deposits-section#deposits-section#deposits-section #deposits-money-invested-list .breakdown-item:last-child { border-bottom: 0 !important; }
  html body #deposits-section#deposits-section#deposits-section #deposits-money-invested-list .breakdown-label {
    display: flex !important; align-items: center !important; gap: 6px !important; color: #aebfca !important;
    font-size: 11px !important; line-height: 1.1 !important;
  }
  html body #deposits-section#deposits-section#deposits-section #deposits-money-invested-list .breakdown-label::before {
    content: '' !important; flex: 0 0 7px !important; width: 7px !important; height: 7px !important;
    border-radius: 50% !important; background: var(--mobile-deposit-broker-color, #53b6df) !important;
  }
  html body #deposits-section#deposits-section#deposits-section #deposits-money-invested-list .breakdown-value { color: #e0e9ee !important; font-size: 12px !important; font-weight: 750 !important; }
  html body #deposits-section#deposits-section#deposits-section .deposits-history-card { gap: 9px !important; }
  html body #deposits-section#deposits-section#deposits-section .deposits-history-actions {
    grid-template-columns: minmax(0, 1fr) 104px !important; gap: 8px !important;
  }
  html body #deposits-section#deposits-section#deposits-section .deposits-history-add-btn,
  html body #deposits-section#deposits-section#deposits-section .deposits-view-switch { height: 46px !important; min-height: 46px !important; border-radius: 10px !important; }
  html body #deposits-section#deposits-section#deposits-section .deposits-history-add-btn { background: #20c5d1 !important; color: #03202a !important; font-size: 15px !important; font-weight: 800 !important; }
  html body #deposits-section#deposits-section#deposits-section .deposits-view-switch { display: none !important; }
  html body #deposits-section#deposits-section#deposits-section .deposits-mobile-list-toolbar {
    display: flex !important; align-items: center !important; justify-content: flex-start !important;
    gap: 10px !important; width: 100% !important; min-height: 24px !important; margin: 7px 0 0 !important;
    color: #a9bec9 !important; font-size: 13px !important; white-space: nowrap !important;
  }
  html body #deposits-section#deposits-section#deposits-section .deposits-mobile-list-count { flex: 0 0 auto !important; }
  html body #deposits-section#deposits-section#deposits-section .deposits-mobile-sort-wrap {
    position: relative !important; display: block !important; width: 100% !important; min-width: 0 !important;
  }
  html body #deposits-section#deposits-section#deposits-section .deposits-mobile-sort-wrap::after {
    content: '⌄' !important; position: absolute !important; top: 1px !important; right: 10px !important;
    color: #adc5d0 !important; font-size: 16px !important; pointer-events: none !important;
  }
  html body #deposits-section#deposits-section#deposits-section .deposits-mobile-sort-wrap select {
    width: 100% !important; height: 38px !important; padding: 0 25px 0 10px !important; appearance: none !important;
    border: 1px solid #234959 !important; border-radius: 8px !important; background: #0b1c25 !important;
    color: #b8cfda !important; font: inherit !important; font-size: 12px !important;
  }
  html body #deposits-section#deposits-section#deposits-section #deposits-table-view { gap: 0 !important; }
  html body #deposits-section#deposits-section#deposits-section table.deposits-redesign-table,
  html body #deposits-section#deposits-section#deposits-section table.deposits-redesign-table tbody { width: 100% !important; }
  html body #deposits-section#deposits-section#deposits-section table.deposits-redesign-table thead,
  html body #deposits-section#deposits-section#deposits-section table.deposits-redesign-table colgroup { display: none !important; }
  html body #deposits-section#deposits-section#deposits-section table.deposits-redesign-table tbody { gap: 6px !important; }
  html body #deposits-section#deposits-section#deposits-section table.deposits-redesign-table #deposits-tbody tr {
    display: grid !important; grid-template-columns: 24px 36px minmax(0, 1fr) clamp(96px, 28vw, 112px) 24px !important;
    grid-template-rows: 20px 18px !important; align-items: center !important; align-content: center !important;
    column-gap: 5px !important; row-gap: 0 !important;
    min-height: 59px !important; padding: 6px 9px !important; border: 1px solid #204353 !important;
    border-radius: 14px !important; background: #0b1d26 !important;
  }
  html body #deposits-section#deposits-section#deposits-section table.deposits-redesign-table #deposits-tbody td {
    display: flex !important; align-items: center !important; min-width: 0 !important; height: auto !important;
    padding: 0 !important; overflow: hidden !important; border: 0 !important; background: transparent !important;
    font-size: 12px !important; line-height: 1.2 !important; white-space: nowrap !important;
  }
  html body #deposits-section#deposits-section#deposits-section table.deposits-redesign-table #deposits-tbody td[data-field="exclude"] { grid-column: 1 !important; grid-row: 1 / 3 !important; justify-content: center !important; }
  html body #deposits-section#deposits-section#deposits-section table.deposits-redesign-table #deposits-tbody td[data-field="exclude"] input { width: 18px !important; height: 18px !important; margin: 0 !important; }
  html body #deposits-section#deposits-section#deposits-section table.deposits-redesign-table #deposits-tbody td[data-field="count"] {
    grid-column: 2 !important; grid-row: 1 !important; align-self: end !important; color: #6390a2 !important; font-size: 11px !important; font-weight: 750 !important;
  }
  html body #deposits-section#deposits-section#deposits-section table.deposits-redesign-table #deposits-tbody td[data-field="count"]::before { content: '#' !important; }
  html body #deposits-section#deposits-section#deposits-section table.deposits-redesign-table #deposits-tbody td[data-field="date"] {
    grid-column: 3 !important; grid-row: 1 !important; align-self: end !important; color: #d5e0e6 !important; font-size: 13px !important; font-weight: 650 !important;
  }
  html body #deposits-section#deposits-section#deposits-section table.deposits-redesign-table #deposits-tbody td[data-field="date"]:not(:has(input)) { font-size: 0 !important; }
  html body #deposits-section#deposits-section#deposits-section table.deposits-redesign-table #deposits-tbody td[data-field="date"]:not(:has(input))::before {
    content: attr(data-mobile-date-label) !important; display: block !important; flex: 0 0 auto !important;
    overflow: visible !important; color: #d5e0e6 !important; font-size: 13px !important; font-weight: 650 !important;
  }
  html body #deposits-section#deposits-section#deposits-section table.deposits-redesign-table #deposits-tbody td[data-field="account"] {
    grid-column: 3 !important; grid-row: 2 !important; align-self: start !important; justify-content: flex-start !important;
    gap: 6px !important; color: #9db6c2 !important; font-size: 12px !important;
  }
  html body #deposits-section#deposits-section#deposits-section table.deposits-redesign-table #deposits-tbody td[data-field="account"]::before {
    content: '' !important; display: block !important; flex: 0 0 7px !important; width: 7px !important; height: 7px !important;
    border-radius: 50% !important; background: var(--mobile-deposit-broker-color, #53b6df) !important;
  }
  html body #deposits-section#deposits-section#deposits-section table.deposits-redesign-table #deposits-tbody td[data-field="amount"] {
    grid-column: 4 !important; grid-row: 1 !important; justify-self: stretch !important; width: 100% !important;
    justify-content: flex-start !important; align-self: end !important; overflow: visible !important; text-align: left !important;
    color: #dce7ec !important; font-size: 15px !important; font-weight: 750 !important; font-variant-numeric: tabular-nums !important;
  }
  html body #deposits-section#deposits-section#deposits-section table.deposits-redesign-table #deposits-tbody td[data-field="amount"]:not(:has(input)) { font-size: 0 !important; }
  html body #deposits-section#deposits-section#deposits-section table.deposits-redesign-table #deposits-tbody td[data-field="amount"]:not(:has(input))::before {
    content: attr(data-mobile-amount) !important; display: block !important; flex: 0 0 auto !important;
    overflow: visible !important; margin-left: 0 !important; color: #dce7ec !important; font-size: 15px !important; font-weight: 750 !important;
  }
  html body #deposits-section#deposits-section#deposits-section table.deposits-redesign-table #deposits-tbody td[data-field="currency"] {
    grid-column: 4 !important; grid-row: 2 !important; justify-self: stretch !important; width: 100% !important;
    justify-content: flex-start !important; align-self: start !important; overflow: visible !important;
    color: #91aab5 !important; font-size: 11px !important; text-align: left !important;
  }
  html body #deposits-section#deposits-section#deposits-section table.deposits-redesign-table #deposits-tbody td.action-buttons {
    grid-column: 5 !important; grid-row: 1 / 3 !important; justify-content: center !important; overflow: visible !important;
  }
  html body #deposits-section#deposits-section#deposits-section table.deposits-redesign-table #deposits-tbody .action-menu-toggle {
    width: 28px !important; height: 38px !important; min-width: 28px !important; padding: 0 !important;
    border: 0 !important; background: transparent !important; color: #9eb5c0 !important; box-shadow: none !important;
  }
  html body #deposits-section#deposits-section#deposits-section #deposits-pagination-wrapper {
    position: static !important; inset: auto !important; transform: none !important; display: grid !important;
    grid-template-columns: 1fr !important; gap: 8px !important; margin-top: 8px !important; padding: 10px !important;
  }
}