.ledger-table-wrap { overflow: auto; }
.ledger-actions { display: flex; gap: 6px; align-items: center; }
.btn.ledger-delete { color: #b32a3e; background: #fff0f1; }
.btn.ledger-delete:hover { background: #ffe1e5; }
.ledger-empty { text-align: center !important; padding: 40px !important; color: var(--muted); }
.ledger-notice { display: flex; align-items: center; gap: 12px; padding: 10px 12px; margin-bottom: 14px; background: #fff4ed; border-radius: 10px; }
.ledger-search { padding: 9px 12px; border: 1px solid var(--line); border-radius: 9px; width: 240px; max-width: 100%; }
.ledger-wide { grid-column: 1 / -1; }
.ledger-category-add { display: flex; gap: 6px; }
.ledger-category-add input { min-width: 0; }
.ledger-category-add button { flex-shrink: 0; }
.modal { padding: 16px; }
.modal-box { width: min(600px, 100%); max-height: calc(100vh - 32px); overflow-y: auto; }
.field input:focus-visible, .field select:focus-visible, .ledger-search:focus-visible { outline: 2px solid #c83d4e; outline-offset: 2px; }
@media (max-width: 600px) {
  .toolbar { flex-wrap: wrap; gap: 12px; }
  .ledger-search { width: 100%; }
}