/* 個人記帳本的小範圍補丁 */
#et-note, #et-month { display: block; width: 100%; min-height: 44px; padding: 8px 10px; margin-top: 4px; border: 1px solid var(--line); border-radius: 8px; font: inherit; color: var(--fg); background: #fff; box-sizing: border-box; }
#et-note { resize: vertical; }
#et-form-title { font: inherit; color: inherit; background: none; width: auto; height: auto; border-radius: 0; }
.et-month-nav, .et-actions { display: flex; align-items: end; flex-wrap: wrap; gap: 8px; }
.et-month-nav .qr-field { flex: 1; min-width: 140px; margin: 0; }
.et-totals { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.et-totals strong { overflow-wrap: anywhere; }
#et-balance { color: var(--fg); }
.et-details { overflow-x: auto; }
.et-details table { min-width: 650px; }
#et-entries td:nth-child(5) { white-space: pre-wrap; min-width: 100px; }
.et-bar { display: block; height: 8px; background: var(--soft); border-radius: 4px; margin-top: 5px; overflow: hidden; }
.et-bar-fill { display: block; height: 100%; background: var(--brand); }
.et-caption { text-align: left; font-size: .9rem; color: var(--muted); }
#et-cancel, #et-clear { margin-top: 12px; }
@media (max-width: 600px) { .et-totals { grid-template-columns: 1fr; } }