/* Finance mobile ledger v188 — show every entry amount without horizontal scrolling. */

@media (max-width: 600px) {
  #view-finance .finance-ledger-table-wrap {
    overflow: visible;
    scrollbar-width: none;
  }

  #view-finance .finance-ledger-table-wrap > .stock-table,
  #view-finance .finance-ledger-table-wrap > .stock-table > tbody {
    display: block;
    width: 100%;
    min-width: 0 !important;
  }

  #view-finance .finance-ledger-table-wrap > .stock-table tr:first-child {
    display: none;
  }

  #view-finance .finance-ledger-table-wrap > .stock-table tr:not(:first-child):not(:has(> td[colspan])) {
    display: grid;
    grid-template-columns: minmax(0, 1fr) max-content;
    grid-template-areas:
      "name amount"
      "date amount"
      "category actions";
    column-gap: 12px;
    row-gap: 6px;
    width: 100%;
    margin: 8px 0;
    padding: 12px;
    border: 1px solid var(--ci-border);
    border-left: 4px solid var(--ci-gold);
    border-radius: 12px;
    background: var(--ci-surface, #fff);
    box-shadow: 0 3px 10px rgba(44, 10, 10, .05);
  }

  #view-finance #income-table tr:not(:first-child):not(:has(> td[colspan])) {
    border-left-color: var(--ci-success, #3b6d11);
  }

  #view-finance #expense-table tr:not(:first-child):not(:has(> td[colspan])) {
    border-left-color: var(--ci-danger, #a32d2d);
  }

  #view-finance .finance-ledger-table-wrap > .stock-table tr:not(:first-child):not(:has(> td[colspan])) > td {
    display: block;
    width: auto;
    min-width: 0;
    padding: 0 !important;
    border: 0 !important;
    text-align: left !important;
  }

  #view-finance .finance-ledger-table-wrap > .stock-table tr:not(:first-child):not(:has(> td[colspan])) > td:nth-child(1) {
    grid-area: name;
    align-self: end;
    overflow-wrap: anywhere;
    font-size: var(--mobile-type-body, 15px);
    line-height: 1.35;
  }

  #view-finance .finance-ledger-table-wrap > .stock-table tr:not(:first-child):not(:has(> td[colspan])) > td:nth-child(2) {
    grid-area: date;
    font-size: var(--mobile-type-meta, 13px) !important;
    line-height: 1.35;
  }

  #view-finance .finance-ledger-table-wrap > .stock-table tr:not(:first-child):not(:has(> td[colspan])) > td:nth-child(3) {
    grid-area: category;
  }

  #view-finance .finance-ledger-table-wrap > .stock-table tr:not(:first-child):not(:has(> td[colspan])) > td:nth-child(4) {
    grid-area: amount;
    align-self: center;
    padding-left: 6px !important;
    font-size: var(--mobile-type-subheading, 17px);
    line-height: 1.25;
    white-space: nowrap;
  }

  #view-finance .finance-ledger-table-wrap > .stock-table tr:not(:first-child):not(:has(> td[colspan])) > td:nth-child(5) {
    grid-area: actions;
    justify-self: end;
  }

  #view-finance .finance-ledger-table-wrap > .stock-table .tbl-action-btn {
    min-width: 44px;
    min-height: 36px;
    padding: 6px 10px !important;
  }

  #view-finance .finance-ledger-table-wrap > .stock-table tr:has(> td[colspan]) {
    display: block;
    width: 100%;
    margin: 12px 0 4px;
    border: 0;
    background: transparent;
  }

  #view-finance .finance-ledger-table-wrap > .stock-table tr:has(> td[colspan]) > td {
    display: block;
    width: 100%;
    padding: 9px 10px !important;
    border: 0 !important;
    border-radius: 9px;
    line-height: 1.5;
    overflow-wrap: anywhere;
  }
}

@media (max-width: 360px) {
  #view-finance .finance-ledger-table-wrap > .stock-table tr:not(:first-child):not(:has(> td[colspan])) {
    column-gap: 8px;
    padding: 10px;
  }

  #view-finance .finance-ledger-table-wrap > .stock-table tr:not(:first-child):not(:has(> td[colspan])) > td:nth-child(4) {
    font-size: 16px;
  }
}