.dividend-mobile-metadata { display: none; }

@media (max-width: 760px) {
  body.dividend-mobile-modal-open { overflow: hidden !important; }
  .dividend-mobile-form-overlay[hidden] { display: none !important; }
  .dividend-mobile-form-overlay {
    position: fixed; inset: 0; z-index: 100000; display: flex; align-items: flex-end; justify-content: center; padding: 16px 10px 10px; box-sizing: border-box; background: rgba(0,10,16,.78); backdrop-filter: blur(5px);
  }
  .dividend-mobile-form-dialog {
    width: min(100%,430px); max-height: calc(100dvh - 26px); overflow: auto; border: 1px solid #246078; border-radius: 14px; background: #061b25; color: #e3edf2; box-shadow: 0 -12px 45px rgba(0,0,0,.48);
  }
  .dividend-mobile-form-header { position: sticky; top: 0; z-index: 1; display: flex; align-items: center; justify-content: space-between; padding: 15px 16px 12px; border-bottom: 1px solid #1d4556; background: #061b25; }
  .dividend-mobile-form-header h2 { margin: 0; color: #f1f7f9; font-size: 18px; }
  .dividend-mobile-form-close { width: 32px; height: 32px; padding: 0; border: 0; background: transparent; color: #a9c0cb; font-size: 28px; line-height: 1; }
  .dividend-mobile-form { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px 10px; padding: 14px 16px calc(16px + env(safe-area-inset-bottom)); }
  .dividend-mobile-form > * { min-width: 0; }
  .dividend-mobile-field { display: flex; flex-direction: column; gap: 6px; min-width: 0; color: #9db4bf; font-size: 11px; font-weight: 650; }
  .dividend-mobile-field--wide { grid-column: 1 / -1; }
  .dividend-mobile-field--symbol { width: 85%; justify-self: end; }
  .dividend-mobile-field :is(input,select) { width: 100%; min-width: 0; max-width: 100%; height: 42px; box-sizing: border-box; padding: 0 10px; border: 1px solid #28576b; border-radius: 7px; outline: 0; background: #092631; color: #edf5f7; font-family: inherit; font-size: 16px; font-weight: inherit; }
  .dividend-mobile-field input[type="date"] { min-inline-size: 0; padding-inline: 7px; }
  .dividend-mobile-field :is(input,select):focus { border-color: #00d8e5; box-shadow: 0 0 0 2px rgba(0,216,229,.12); }
  .dividend-mobile-form-summary { display: flex; align-items: center; justify-content: space-between; min-height: 44px; padding: 0 11px; border: 1px solid #1d4d60; border-radius: 7px; background: #041821; color: #9db4bf; font-size: 12px; }
  .dividend-mobile-form-summary strong { color: #00dce8; font-size: 16px; }
  .dividend-mobile-form-withdraw { display: flex; align-items: center; gap: 9px; color: #dce7ed; font-size: 12px; }
  .dividend-mobile-form-withdraw input { width: 18px; height: 18px; margin: 0; accent-color: #00cbd8; }
  .dividend-mobile-form-error { grid-column: 1 / -1; margin: 0; color: #ff8d8d; font-size: 11px; }
  .dividend-mobile-form-actions { display: grid; grid-template-columns: 1fr 1.35fr; gap: 9px; margin-top: 2px; }
  .dividend-mobile-form-actions button { height: 42px; border-radius: 7px; font-size: 12px; font-weight: 750; }
  .dividend-mobile-form-cancel { border: 1px solid #315b6c; background: transparent; color: #c4d3da; }
  .dividend-mobile-form-save { border: 1px solid #00d8e5; background: #00d8e5; color: #05212a; }

  html body #dividends-section#dividends-section#dividends-section#dividends-section,
  html body #dividends-section#dividends-section#dividends-section#dividends-section :is(.dividends-page-actions,.dividends-page-header,.dividends-history-card,.dividends-table-shell,#dividends-monthly-table,#dividends-monthly-table-body) {
    width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; margin-inline: 0 !important;
  }
  html body #dividends-section#dividends-section#dividends-section#dividends-section.dividends-page.active {
    display: flex !important; flex-direction: column !important; gap: 12px !important; min-width: 0 !important; padding: 12px 11px !important; background: #03141d !important;
  }
  html body #dividends-section#dividends-section#dividends-section#dividends-section .dividends-summary-strip { display: none !important; }
  html body #dividends-section#dividends-section#dividends-section#dividends-section .dividends-chart-card {
    display: block !important; order: 1 !important; padding: 12px !important; border: 1px solid #18516a !important; border-radius: 9px !important; background: linear-gradient(145deg,#062332,#031923) !important;
  }
  html body #dividends-section#dividends-section#dividends-section#dividends-section .dividends-chart-card-header { display: grid !important; grid-template-columns: minmax(0,1fr) !important; gap: 0 !important; align-items: center !important; }
  html body #dividends-section#dividends-section#dividends-section#dividends-section .dividends-chart-card-header h2 { display: none !important; }
  html body #dividends-section#dividends-section#dividends-section#dividends-section .dividends-chart-controls { display: grid !important; grid-template-columns: minmax(0,1.7fr) minmax(0,1fr) !important; gap: 6px !important; }
  html body #dividends-section#dividends-section#dividends-section#dividends-section .dividends-chart-controls .dividends-chart-period-switch { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; min-height: 32px !important; }
  html body #dividends-section#dividends-section#dividends-section#dividends-section .dividends-chart-controls .chart-type-switch { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; min-height: 32px !important; }
  html body #dividends-section#dividends-section#dividends-section#dividends-section .dividends-chart-controls .allocation-switch { height: auto !important; min-width: 0 !important; padding: 0 !important; overflow: visible !important; }
  html body #dividends-section#dividends-section#dividends-section#dividends-section .dividends-chart-controls .allocation-option { width: 100% !important; min-width: 0 !important; min-height: 32px !important; padding: 0 3px !important; margin: 0 !important; box-sizing: border-box !important; font-size: 11px !important; }
  html body #dividends-section#dividends-section#dividends-section#dividends-section .dividends-chart-controls .allocation-option.active { border: 1px solid #00dce8 !important; border-radius: 6px !important; color: #00dce8 !important; }
  html body #dividends-section#dividends-section#dividends-section#dividends-section .dividends-chart-canvas-wrap { height: 185px !important; min-height: 185px !important; max-height: 185px !important; margin-top: 8px !important; }
  html body #dividends-section#dividends-section#dividends-section#dividends-section #dividendsChart { display: block !important; max-height: 185px !important; }
  html body #dividends-section#dividends-section#dividends-section#dividends-section .dividends-page-header--actions-only { order: 2 !important; margin: 0 !important; }
  html body #dividends-section#dividends-section#dividends-section#dividends-section .dividends-page-action-row {
    display: flex !important; flex-direction: column !important; gap: 10px !important; align-items: stretch !important;
  }
  html body #dividends-section#dividends-section#dividends-section#dividends-section .dividends-page-action-row > * { min-width: 0 !important; }
  html body #dividends-section#dividends-section#dividends-section#dividends-section .dividends-mobile-filter-card {
    display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; grid-template-rows: auto 42px !important; column-gap: 8px !important; row-gap: 7px !important; width: 100% !important; padding: 10px !important; box-sizing: border-box !important; border: 1px solid #1e5368 !important; border-radius: 7px !important; background: linear-gradient(145deg,#061f2b,#041720) !important;
  }
  html body #dividends-section#dividends-section#dividends-section#dividends-section #dividends-monthly-chart-filter { display: contents !important; }
  html body #dividends-section#dividends-section#dividends-section#dividends-section #dividends-monthly-chart-filter label {
    grid-column: 1 !important; grid-row: 1 !important; align-self: center !important; justify-self: start !important; width: auto !important; margin: 0 !important; padding: 0 !important; color: #d7e2e9 !important; font-size: 11px !important; line-height: 1 !important; text-align: left !important; white-space: nowrap !important;
  }
  html body #dividends-section#dividends-section#dividends-section#dividends-section :is(#dividends-show-above-select,#monthly-broker-filter) {
    width: 100% !important; height: 42px !important; min-height: 42px !important; box-sizing: border-box !important; border: 1px solid #285b70 !important; border-radius: 7px !important; background: #09232f !important; color: #edf4f7 !important; font-size: 12px !important; font-weight: 650 !important;
  }
  html body #dividends-section#dividends-section#dividends-section#dividends-section #dividends-show-above-select { grid-column: 1 !important; grid-row: 2 !important; margin: 0 !important; padding: 0 22px 0 9px !important; }
  html body #dividends-section#dividends-section#dividends-section#dividends-section #monthly-broker-filter-wrap { display: block !important; grid-column: 2 !important; grid-row: 2 !important; flex: none !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; }
  html body #dividends-section#dividends-section#dividends-section#dividends-section #monthly-broker-filter { display: block !important; width: 100% !important; min-width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 18px 0 6px !important; }
  html body #dividends-section#dividends-section#dividends-section#dividends-section :is(#add-dividend-import,#add-dividend-btn) {
    display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 4px !important; width: 100% !important; height: 38px !important; min-width: 0 !important; padding: 0 5px !important; border-radius: 6px !important; font-size: 11px !important; font-weight: 700 !important; white-space: nowrap !important;
  }
  html body #dividends-section#dividends-section#dividends-section#dividends-section #add-dividend-import { display: none !important; }
  html body #dividends-section#dividends-section#dividends-section#dividends-section #add-dividend-import svg { width: 13px !important; height: 13px !important; flex: 0 0 13px !important; }
  html body #dividends-section#dividends-section#dividends-section#dividends-section #add-dividend-btn { grid-column: 3 !important; grid-row: 2 !important; align-self: stretch !important; justify-self: stretch !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: 42px !important; margin: 0 !important; color: #06202a !important; background: #05d7e3 !important; font-size: 12px !important; }
  html body #dividends-section#dividends-section#dividends-section#dividends-section .dividends-switch {
    display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; width: 100% !important; height: 38px !important; min-height: 38px !important; padding: 0 !important; overflow: visible !important; border: 1px solid #1e4354 !important; border-radius: 7px !important; background: transparent !important;
  }
  html body #dividends-section#dividends-section#dividends-section#dividends-section .dividends-switch .allocation-option {
    width: 100% !important; min-width: 0 !important; min-height: 38px !important; padding: 0 4px !important; margin: -1px 0 !important; box-sizing: border-box !important; color: #d9e4e9 !important; font-size: 13px !important; font-weight: 750 !important;
  }
  html body #dividends-section#dividends-section#dividends-section#dividends-section .dividends-switch .allocation-option.active { border: 1px solid #00d8e5 !important; border-radius: 7px !important; color: #00d8e5 !important; background: rgba(0,216,229,.04) !important; }
  html body #dividends-section#dividends-section#dividends-section#dividends-section .switch-glow { display: none !important; }
  html body #dividends-section#dividends-section#dividends-section#dividends-section .dividends-history-card { order: 3 !important; overflow: visible !important; padding: 0 0 8px !important; border: 0 !important; background: transparent !important; }
  html body #dividends-section#dividends-section#dividends-section#dividends-section .dividends-table-shell { height: auto !important; max-height: none !important; overflow: visible !important; border: 0 !important; background: transparent !important; }
  html body #dividends-section#dividends-section#dividends-section#dividends-section #monthly-pagination-wrapper {
    position: relative !important; z-index: 2 !important; clear: both !important; flex: 0 0 auto !important; width: 100% !important; min-height: 48px !important; margin: 10px 0 0 !important; padding: 10px 6px !important; box-sizing: border-box !important; border: 1px solid #1e4b5e !important; border-radius: 7px !important; background: #061b25 !important; color: #c6d8e0 !important;
  }
  html body #dividends-section#dividends-section#dividends-section#dividends-section #monthly-pagination-wrapper .monthly-pagination-left { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 6px !important; font-size: 10px !important; }
  html body #dividends-section#dividends-section#dividends-section#dividends-section #monthly-pagination-wrapper .monthly-pagination-right { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 4px !important; }
  html body #dividends-section#dividends-section#dividends-section#dividends-section #monthly-pagination-wrapper .monthly-page-btn { width: 28px !important; height: 28px !important; }
  html body #dividends-section#dividends-section#dividends-section#dividends-section #dividends-monthly-table { display: block !important; width: 100% !important; min-width: 0 !important; background: transparent !important; }
  html body #dividends-section#dividends-section#dividends-section#dividends-section #dividends-monthly-table :is(colgroup,thead) { display: none !important; }
  html body #dividends-section#dividends-section#dividends-section#dividends-section #dividends-monthly-table tbody { display: flex !important; flex-direction: column !important; gap: 7px !important; width: 100% !important; background: transparent !important; }
  html body #dividends-section#dividends-section#dividends-section#dividends-section #dividends-monthly-table tbody tr {
    position: relative !important; display: grid !important; grid-template-columns: 22px 28px minmax(72px,.9fr) minmax(78px,1fr) auto 22px !important; grid-template-rows: 35px 37px !important; align-items: center !important; gap: 0 6px !important; width: 100% !important; min-width: 0 !important; min-height: 84px !important; padding: 5px 8px !important; box-sizing: border-box !important; overflow: visible !important; border: 1px solid #1e4b5e !important; border-radius: 6px !important; background: #061b25 !important;
  }
  html body #dividends-section#dividends-section#dividends-section#dividends-section #dividends-monthly-table tbody tr::after { content: ""; position: absolute; top: 40px; right: 0; left: 0; border-top: 1px solid #183746; pointer-events: none; }
  html body #dividends-section#dividends-section#dividends-section#dividends-section #dividends-monthly-table tbody td {
    display: block !important; min-width: 0 !important; width: auto !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: #dce7ed !important; font-size: 11px !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important;
  }
  html body #dividends-section#dividends-section#dividends-section#dividends-section #dividends-monthly-table tbody td.select-td { grid-column: 1 !important; grid-row: 1 !important; }
  html body #dividends-section#dividends-section#dividends-section#dividends-section #dividends-monthly-table input[type="checkbox"] { width: 17px !important; height: 17px !important; margin: 0 !important; }
  html body #dividends-section#dividends-section#dividends-section#dividends-section #dividends-monthly-table tbody td[data-field="nr"] { display: none !important; }
  html body #dividends-section#dividends-section#dividends-section#dividends-section #dividends-monthly-table tbody td[data-field="country"] { display: block !important; grid-column: 2 !important; grid-row: 1 !important; color: transparent !important; font-size: 0 !important; overflow: visible !important; }
  html body #dividends-section#dividends-section#dividends-section#dividends-section #dividends-monthly-table tbody td[data-field="country"]::before { content: attr(data-mobile-flag); color: initial; font-size: 16px; vertical-align: -1px; }
  html body #dividends-section#dividends-section#dividends-section#dividends-section #dividends-monthly-table tbody td[data-field="symbol"] { grid-column: 3 !important; grid-row: 1 !important; padding-left: 8px !important; border-left: 1px solid #315363 !important; font-size: 13px !important; font-weight: 800 !important; }
  html body #dividends-section#dividends-section#dividends-section#dividends-section #dividends-monthly-table tbody td[data-field="date"] { grid-column: 4 !important; grid-row: 1 !important; padding-left: 8px !important; border-left: 1px solid #315363 !important; }
  html body #dividends-section#dividends-section#dividends-section#dividends-section #dividends-monthly-table tbody td[data-field="gross_dividend"] { grid-column: 5 !important; grid-row: 1 !important; color: #00dce8 !important; text-align: right !important; font-size: 14px !important; font-weight: 800 !important; overflow: visible !important; }
  html body #dividends-section#dividends-section#dividends-section#dividends-section #dividends-monthly-table tbody td[data-field="gross_dividend"]::after { content: " " attr(data-mobile-currency); margin-left: 3px; border: 0 !important; color: #00c8d5; font-size: 10px; font-weight: 500; }
  html body #dividends-section#dividends-section#dividends-section#dividends-section #dividends-monthly-table tbody td[data-field="currency"],
  html body #dividends-section#dividends-section#dividends-section#dividends-section #dividends-monthly-table tbody td:is([data-field="tax_percent"],[data-field="tax_amount"],[data-field="net_dividend"],[data-field="withdraw"]) { display: none !important; }
  html body #dividends-section#dividends-section#dividends-section#dividends-section #dividends-monthly-table tbody td.action-buttons { grid-column: 6 !important; grid-row: 1 !important; overflow: visible !important; }
  html body #dividends-section#dividends-section#dividends-section#dividends-section #dividends-monthly-table .action-menu-toggle { width: 22px !important; min-width: 22px !important; height: 30px !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
  html body #dividends-section#dividends-section#dividends-section#dividends-section .dividend-mobile-metadata {
    display: grid !important; grid-column: 1 / -1 !important; grid-row: 2 !important; grid-template-columns: minmax(58px,.72fr) minmax(98px,1.24fr) minmax(104px,1.34fr) minmax(86px,1fr) !important; align-items: center !important; gap: 0 !important; min-width: 0 !important; height: 37px !important; padding-top: 1px !important; color: #96aebb !important; font-size: 9px !important; line-height: 1 !important;
  }
  html body #dividends-section#dividends-section#dividends-section#dividends-section .dividend-mobile-metadata > * {
    display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; gap: 5px !important; min-width: 0 !important; height: 23px !important; padding: 0 7px !important; border-left: 1px solid #315363 !important; box-sizing: border-box !important; white-space: nowrap !important; overflow: hidden !important;
  }
  html body #dividends-section#dividends-section#dividends-section#dividends-section .dividend-mobile-metadata > :first-child { padding-left: 10px !important; border-left: 0 !important; }
  html body #dividends-section#dividends-section#dividends-section#dividends-section .dividend-mobile-metadata small { color: #96aebb !important; font-size: 9px !important; }
  html body #dividends-section#dividends-section#dividends-section#dividends-section .dividend-mobile-metadata strong { min-width: 0 !important; overflow: hidden !important; color: #587896 !important; font-size: 10px !important; font-weight: 700 !important; text-overflow: ellipsis !important; }
  html body #dividends-section#dividends-section#dividends-section#dividends-section .dividend-mobile-net strong { color: #00dce8 !important; }
  html body #dividends-section#dividends-section#dividends-section#dividends-section :is(.dividend-mobile-tax-amount,.dividend-mobile-net) {
    flex-direction: column !important; align-items: flex-start !important; justify-content: center !important; gap: 3px !important;
  }
  html body #dividends-section#dividends-section#dividends-section#dividends-section .dividend-mobile-withdraw { position: relative !important; flex-direction: row !important; gap: 4px !important; padding-right: 0 !important; color: #dce7ed !important; font-size: 9px !important; cursor: pointer !important; overflow: visible !important; }
  html body #dividends-section#dividends-section#dividends-section#dividends-section .dividend-mobile-withdraw input { position: absolute !important; width: 1px !important; height: 1px !important; opacity: 0 !important; }
  html body #dividends-section#dividends-section#dividends-section#dividends-section .dividend-mobile-withdraw-switch { position: relative !important; display: inline-block !important; flex: 0 0 25px !important; width: 25px !important; height: 15px !important; border-radius: 999px !important; background: #728695 !important; }
  html body #dividends-section#dividends-section#dividends-section#dividends-section .dividend-mobile-withdraw-switch::after { content: ""; position: absolute; top: 2px; left: 2px; width: 11px; height: 11px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.25); transition: transform .16s ease; }
  html body #dividends-section#dividends-section#dividends-section#dividends-section .dividend-mobile-withdraw input:checked + .dividend-mobile-withdraw-switch { background: #00a99e !important; }
  html body #dividends-section#dividends-section#dividends-section#dividends-section .dividend-mobile-withdraw input:checked + .dividend-mobile-withdraw-switch::after { transform: translateX(10px); }
  html body #dividends-section#dividends-section#dividends-section#dividends-section #dividends-monthly-table tbody tr:has(input:not([type="checkbox"]),select) { display: table-row !important; }
  html body #dividends-section#dividends-section#dividends-section#dividends-section #dividends-monthly-table tbody tr[hidden],
  html body #dividends-section#dividends-section#dividends-section#dividends-section #dividends-monthly-table tbody tr[style*="display: none"] { display: none !important; }
  html body #dividends-section#dividends-section#dividends-section#dividends-section #dividends-monthly-table tbody tr:has(.action-menu-panel.open) { z-index: 10 !important; }
  html body #dividends-section#dividends-section#dividends-section#dividends-section #monthly-pagination-wrapper { order: 4 !important; }
  html body #dividends-section#dividends-section#dividends-section#dividends-section.annual-view #dividends-monthly-table { display: none !important; }
}

@media (max-width: 420px) {
  html body #dividends-section#dividends-section#dividends-section#dividends-section.dividends-page.active { padding-inline: 9px !important; }
  html body #dividends-section#dividends-section#dividends-section#dividends-section .dividends-page-action-row { grid-template-columns: minmax(58px,.9fr) minmax(50px,.72fr) minmax(72px,1.2fr) minmax(62px,.92fr) minmax(84px,1.34fr) !important; column-gap: 4px !important; row-gap: 7px !important; }
  html body #dividends-section#dividends-section#dividends-section#dividends-section :is(#add-dividend-import,#add-dividend-btn) { gap: 2px !important; padding-inline: 2px !important; font-size: 10px !important; }
  html body #dividends-section#dividends-section#dividends-section#dividends-section #dividends-monthly-table tbody tr { grid-template-columns: 20px 27px minmax(62px,.85fr) minmax(70px,1fr) auto 20px !important; gap: 0 4px !important; padding-inline: 7px !important; }
  html body #dividends-section#dividends-section#dividends-section#dividends-section #dividends-monthly-table tbody td:is([data-field="symbol"],[data-field="date"]) { padding-left: 6px !important; }
  html body #dividends-section#dividends-section#dividends-section#dividends-section .dividend-mobile-metadata { grid-template-columns: minmax(52px,.68fr) minmax(90px,1.2fr) minmax(96px,1.3fr) minmax(80px,1fr) !important; }
  html body #dividends-section#dividends-section#dividends-section#dividends-section .dividend-mobile-metadata > * { gap: 3px !important; padding-inline: 5px !important; }
  html body #dividends-section#dividends-section#dividends-section#dividends-section .dividend-mobile-metadata > :first-child { padding-left: 7px !important; }
}