/* Deposits mobile reference layout. Keeps the existing table and actions. */
@media(max-width:760px) {
html body #deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section {
  --deposit-ref-page:#0b171e !important; --deposit-ref-panel:#111f28 !important; --deposit-ref-text:#e8f1f7 !important; --deposit-ref-muted:#98afc3 !important; --deposit-ref-line:#263c4b !important; --deposit-ref-badge:#1d3443 !important; padding:13px 13px 0 !important; background:var(--deposit-ref-page) !important; color:var(--deposit-ref-text) !important;
}
html body #deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section .deposits-page-shell {
  display:flex !important; flex-direction:column !important; gap:12px !important; width:100% !important; min-width:0 !important; margin:0 !important; padding:0 !important;
}
html body #deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section :is(.portfolio-summary-strip,.deposits-page-header,#floating-add-deposit-btn,.deposits-breakdown h3,.deposits-view-switch) {
  display:none !important;
}
html body #deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section .deposits-invested-band {
  display:grid !important; grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr) !important; align-items:center !important; gap:12px !important; min-height:155px !important; margin:0 !important; padding:10px 13px !important; border:1px solid var(--deposit-ref-line) !important; border-radius:11px !important; background:var(--deposit-ref-panel) !important; box-shadow:0 6px 20px #23587808 !important;
}
html body #deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section .deposits-total-deposits {
  display:flex !important; flex-direction:column !important; align-items:flex-start !important; justify-content:center !important; gap:10px !important; min-width:0 !important; padding:0 !important; border:0 !important; background:transparent !important;
}
html body #deposits-section .deposits-total-deposits .deposits-total-icon {
  display:none !important;
}
html body #deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section .deposits-total-deposits .deposits-summary-title {
  color:var(--deposit-ref-muted) !important; font-size:11px !important; font-weight:500 !important; line-height:1.2 !important; text-transform:uppercase !important; white-space:nowrap !important;
}
html body #deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section #total-deposits-embedded {
  color:var(--deposit-ref-text) !important; -webkit-text-fill-color:var(--deposit-ref-text) !important; font-size:clamp(21.6px,7.76vw,32px) !important; font-weight:800 !important; letter-spacing:-.04em !important; line-height:1.12 !important; white-space:nowrap !important;
}
html body #deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section .deposits-breakdown {
  min-width:0 !important; margin:0 !important; padding:0 !important; border:0 !important; background:transparent !important;
}
html body #deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section #deposits-money-invested-list {
  display:flex !important; flex-direction:column !important; gap:0 !important; margin:0 !important; padding:0 !important;
}
html body #deposits-section#deposits-section#deposits-section#deposits-section#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; gap:5px !important; min-height:27px !important; margin:0 !important; padding:2px 0 !important; border:0 !important; border-bottom:1px solid var(--deposit-ref-line) !important; border-radius:0 !important; background:transparent !important;
}
html body #deposits-section#deposits-section#deposits-section#deposits-section#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-section#deposits-section#deposits-section#deposits-section #deposits-money-invested-list .breakdown-label {
  display:flex !important; align-items:center !important; gap:8px !important; min-width:0 !important; color:var(--deposit-ref-text) !important; font-size:12px !important; font-weight:400 !important; line-height:1.2 !important; white-space:nowrap !important;
}
html body #deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section #deposits-money-invested-list .breakdown-label::before {
  content:"" !important; width:8px !important; height:8px !important; flex:0 0 8px !important; border-radius:50% !important; background:var(--mobile-deposit-broker-color,#00cbd8) !important;
}
html body #deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section #deposits-money-invested-list .breakdown-value {
  color:var(--deposit-ref-text) !important; font-size:14px !important; font-weight:750 !important; white-space:nowrap !important; letter-spacing:-.025em !important;
}
html body #deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section .deposits-history-card {
  display:flex !important; flex-direction:column !important; gap:0 !important; margin:0 !important; padding:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important;
}
html body #deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section .deposits-history-topbar {
  display:block !important; width:100% !important; margin:0 0 17px !important; padding:0 !important; background:transparent !important;
}
html body #deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section .deposits-history-actions {
  display:grid !important; grid-template-columns:minmax(0,1.78fr) minmax(0,1fr) !important; align-items:stretch !important; gap:10px !important; width:100% !important; margin:0 !important; padding:0 !important;
}
html body #deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section .deposits-history-add-btn {
  display:flex !important; align-items:center !important; justify-content:center !important; width:100% !important; height:42px !important; min-height:42px !important; margin:0 !important; padding:0 12px !important; border:1px solid #00bfcf !important; border-radius:8px !important; background:#05bdcd !important; color:#fff !important; box-shadow:0 5px 14px #00aabb13 !important; font-size:15px !important; font-weight:700 !important;
}
html body #deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section .deposits-history-add-btn .deposits-primary-label {
  color:#fff !important; -webkit-text-fill-color:#fff !important; font-size:15px !important; font-weight:700 !important;
}
html body #deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section .deposits-mobile-sort-wrap {
  display:block !important; position:relative !important; width:100% !important; min-width:0 !important; margin:0 !important; padding:0 !important;
}
html body #deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section .deposits-mobile-sort-wrap::after {
  display:none !important;
}
html body #deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section .deposits-sort-trigger {
  display:flex !important; align-items:center !important; justify-content:space-between !important; width:100% !important; height:42px !important; min-height:42px !important; margin:0 !important; padding:0 13px !important; border:1px solid var(--deposit-ref-line) !important; border-radius:8px !important; background:var(--deposit-ref-panel) !important; color:var(--deposit-ref-text) !important; font-size:15px !important; font-weight:400 !important; box-shadow:0 4px 10px #173d6010 !important;
}
html body #deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section .deposits-sort-trigger span {
  color:var(--deposit-ref-muted) !important;
}
html body #deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section .deposits-sort-menu:not([hidden]) {
  top:calc(100% + 5px) !important; right:0 !important; width:128px !important; padding:4px 8px !important; border:1px solid var(--deposit-ref-line) !important; border-radius:9px !important; background:var(--deposit-ref-panel) !important;
}
html body #deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section .deposits-sort-menu button {
  min-height:38px !important; color:var(--deposit-ref-text) !important; font-size:14px !important;
}
html body #deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section .deposits-sort-menu button + button {
  border-top:1px solid var(--deposit-ref-line) !important;
}
html body #deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section .deposits-mobile-list-toolbar {
  display:flex !important; align-items:center !important; gap:8px !important; min-height:24px !important; margin:0 0 11px !important; padding:0 1px !important; color:var(--deposit-ref-text) !important;
}
html body #deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section .deposits-mobile-list-count {
  display:flex !important; align-items:center !important; gap:8px !important; color:var(--deposit-ref-text) !important; font-size:17px !important; font-weight:750 !important;
}
html body #deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section #deposits-mobile-record-count {
  display:inline-flex !important; align-items:center !important; justify-content:center !important; min-width:33px !important; height:23px !important; padding:0 9px !important; border-radius:15px !important; background:var(--deposit-ref-badge) !important; color:var(--deposit-ref-text) !important; font-size:13px !important; font-weight:400 !important;
}
html body #deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section #deposits-table-view {
  display:flex !important; flex-direction:column !important; gap:0 !important; width:calc(100% + 26px) !important; max-width:none !important; margin:0 -13px !important; padding:0 13px !important; box-sizing:border-box !important; border:0 !important; border-radius:0 !important; background:var(--deposit-ref-panel) !important;
}
html body #deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section .deposits-table-scroll {
  width:100% !important; min-width:0 !important; margin:0 !important; padding:0 !important; overflow:visible !important; border:0 !important; border-radius:0 !important; background:transparent !important;
}
html body #deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section table.deposits-redesign-table {
  display:block !important; width:100% !important; min-width:0 !important; margin:0 !important; border:0 !important; background:transparent !important;
}
html body #deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section table.deposits-redesign-table :is(thead,colgroup) {
  display:none !important;
}
html body #deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section #deposits-tbody {
  display:block !important; width:100% !important; gap:0 !important; background:transparent !important;
}
html body #deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section #deposits-tbody tr:not(.editing) {
  display:grid !important; grid-template-columns:minmax(0,1fr) auto auto 24px !important; grid-template-rows:22px 20px !important; align-content:center !important; align-items:center !important; column-gap:4px !important; row-gap:0 !important; width:100% !important; min-width:0 !important; min-height:57.8px !important; height:57.8px !important; margin:0 !important; padding:7px 2px !important; border:0 !important; border-bottom:1px solid var(--deposit-ref-line) !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important;
}
html body #deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section #deposits-tbody td {
  min-width:0 !important; margin:0 !important; padding:0 !important; border:0 !important; background:transparent !important;
}
html body #deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section #deposits-tbody td[data-field="count"] {
  display:none !important;
}
html body #deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section #deposits-tbody td[data-field="exclude"] {
  display:none !important;
}
html body #deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section #deposits-tbody td[data-field="exclude"] input {
  width:18px !important; height:18px !important; margin:0 !important; accent-color:#00b7c7 !important;
}
html body #deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section #deposits-tbody td[data-field="date"] {
  grid-column:1 !important; grid-row:1 !important; align-self:center !important; justify-content:flex-start !important; color:var(--deposit-ref-text) !important; -webkit-text-fill-color:var(--deposit-ref-text) !important; font-weight:750 !important;
}
html body #deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section #deposits-tbody td[data-field="date"]:not(:has(input)) {
  font-size:0 !important;
}
html body #deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section #deposits-tbody td[data-field="date"]:not(:has(input))::before {
  content:attr(data-mobile-date-label) !important; color:var(--deposit-ref-text) !important; -webkit-text-fill-color:var(--deposit-ref-text) !important; font-size:14px !important; font-weight:750 !important;
}
html body #deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section #deposits-tbody td[data-field="account"] {
  grid-column:1 !important; grid-row:2 !important; align-self:center !important; gap:8px !important; color:var(--deposit-ref-muted) !important; -webkit-text-fill-color:var(--deposit-ref-muted) !important; font-size:12px !important;
}
html body #deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section #deposits-tbody td[data-field="account"]::before {
  content:"" !important; flex:0 0 8px !important; width:8px !important; height:8px !important; background:var(--mobile-deposit-broker-color,#00cbd8) !important; border-radius:50% !important;
}
html body #deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section #deposits-tbody td[data-field="amount"] {
  grid-column:2 !important; grid-row:1 / 3 !important; width:auto !important; align-self:center !important; justify-content:flex-end !important; color:var(--deposit-ref-text) !important; -webkit-text-fill-color:var(--deposit-ref-text) !important;
}
html body #deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section #deposits-tbody td[data-field="amount"]:not(:has(input)) {
  font-size:0 !important;
}
html body #deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section #deposits-tbody td[data-field="amount"]:not(:has(input))::before {
  content:attr(data-mobile-amount) !important; color:var(--deposit-ref-text) !important; -webkit-text-fill-color:var(--deposit-ref-text) !important; font-size:17px !important; font-weight:750 !important; letter-spacing:-.025em !important;
}
html body #deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section #deposits-tbody td[data-field="currency"] {
  grid-column:3 !important; grid-row:1 / 3 !important; width:auto !important; align-self:center !important; justify-content:flex-start !important; margin-right:9px !important; color:var(--deposit-ref-muted) !important; -webkit-text-fill-color:var(--deposit-ref-muted) !important; font-size:12px !important;
}
html body #deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section #deposits-tbody td.action-buttons {
  grid-column:4 !important; grid-row:1 / 3 !important; align-self:center !important; justify-content:flex-end !important; overflow:visible !important;
}
html body #deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section #deposits-tbody .action-menu-toggle {
  width:22px !important; min-width:22px !important; height:36px !important; margin:0 !important; padding:0 !important; border:0 !important; background:transparent !important; color:var(--deposit-ref-muted) !important; box-shadow:none !important;
}
html body #deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section #deposits-tbody .action-menu-toggle svg {
  transform:rotate(90deg) !important; width:20px !important; height:20px !important;
}
html[data-appearance="light"] body #deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section#deposits-section { --deposit-ref-page:#f3f9fc !important; --deposit-ref-panel:#fff !important; --deposit-ref-text:#09274d !important; --deposit-ref-muted:#627f9d !important; --deposit-ref-line:#dceaf4 !important; --deposit-ref-badge:#e7f0f6 !important; }
}