/* ledger.css – polished card‑based mobile‑first ledger */

/* Balance hero */
.ledger-balance-value {
  transition: color 0.3s ease;
}

/* Summary cards */
.ledger-summ-card {
  transition: transform 0.15s ease;
  position: relative;
}
.ledger-summ-card:active {
  transform: scale(0.98);
}

body.latte .ledger-summary-row {
  padding-top: 18px !important;
  overflow: visible;
}
body.latte .ledger-summ-card {
  overflow: visible;
  isolation: isolate;
}
body.latte .ledger-summ-card::after {
  content: '';
  position: absolute;
  width: 38px;
  height: 48px;
  background: center / contain no-repeat;
  z-index: 2;
  pointer-events: none;
  filter: drop-shadow(0 3px 3px rgba(157, 111, 96, .16));
}
body.latte .ledger-summ-card.income::after {
  top: -20px;
  left: 8px;
  background-image: url('../assets/themes/thai-tea/png/ledger-income.png');
}
body.latte .ledger-summ-card.expense::after {
  right: 8px;
  bottom: -17px;
  background-image: url('../assets/themes/thai-tea/png/ledger-expense.png');
}

/* Toolbar selects – Kanit font already on element, just ensure consistency */
#filterMonth,
#filterYear {
  font-family: 'Kanit', sans-serif;
}

/* Transaction card hover */
.ledger-txn-card {
  transition: all 0.15s ease;
}
.ledger-txn-card:active {
  background: rgba(255, 255, 255, 0.03) !important;
}

/* Edit / Delete buttons in cards */
.ledger-card-edit:hover {
  color: var(--primary) !important;
  border-color: var(--primary) !important;
}
.ledger-card-del:hover {
  color: var(--danger) !important;
  border-color: var(--danger) !important;
}

/* Icon containers — backgrounds + SVG stroke override */
.ledger-icon-income {
  background: rgba(16, 185, 129, 0.20) !important;
}
.ledger-icon-income svg {
  stroke: #10b981 !important;
}
.ledger-icon-expense {
  background: rgba(255, 59, 48, 0.20) !important;
}
.ledger-icon-expense svg {
  stroke: #ff3b30 !important;
}