#financeMonthly .commerce-grid { margin-block: var(--space-md, 16px); }
#financeMonthly [role="status"] { min-height: 1.5em; }
#financeMonthly td { white-space: normal; min-width: 100px; vertical-align: top; }
.finance-monthly-dialog { width: min(880px, calc(100vw - 32px)); max-height: calc(100vh - 48px); overflow: auto; border: 1px solid var(--line, #ddd); border-radius: var(--radius-lg, 16px); padding: var(--space-lg, 24px); color: var(--text, #222); background: var(--panel, #fff); }
.finance-monthly-dialog::backdrop { background: #0006; }
.finance-monthly-entry { display: flex; flex-wrap: wrap; gap: 8px; margin-block: 8px; }
.finance-monthly-entry input { flex: 1 1 140px; min-width: 0; }
.finance-monthly-actions { display: flex; justify-content: flex-end; gap: 12px; margin-top: 16px; }
.finance-monthly-choice { display: block; margin-block: 12px; }
@media (max-width: 600px) { #financeMonthly .commerce-grid, .finance-monthly-dialog .commerce-grid { grid-template-columns: 1fr; } .finance-monthly-dialog { padding: 16px; } }

.finance-monthly-body { padding: 16px 18px; }
#financeMonthlyDetail { margin-top: 20px; }
#financeMonthlyStatus { margin-block: 12px; }
#financeMonthly .commerce-grid { align-items: end; }
#financeMonthly label:has(input[type="checkbox"]) { flex-direction: row; align-items: center; }
.finance-monthly-dialog .commerce-grid { margin-block: 16px; }
.finance-monthly-actions { flex-wrap: wrap; align-items: center; }
.finance-monthly-dialog input:not([type="checkbox"]), .finance-monthly-dialog select { min-width: 0; max-width: 100%; }

#financeMonthly .commerce-grid > * { min-width: 0; }
#financeMonthly .commerce-grid input:not([type="checkbox"]), #financeMonthly .commerce-grid select { width: 100%; min-width: 0; max-width: 100%; box-sizing: border-box; min-height: 44px; }
#financeMonthly button, .finance-monthly-dialog button { min-height: 44px; }
#financeMonthly label:has(input[type="checkbox"]) { min-height: 44px; }