/* Limited to the savings movement controls and their own dialog. */
#savings .savings-move-button{white-space:nowrap}
#savingsMoveDialog{width:min(640px,calc(100% - 24px));max-height:88dvh;overflow:auto;border:1px solid var(--border);border-radius:17px;padding:20px;background:var(--card);color:var(--text)}
#savingsMoveDialog::backdrop{background:#1c2a3499}
#savingsMoveDialog p{line-height:1.7;overflow-wrap:anywhere}
#savingsMoveDialog label{margin-block:12px}
#savingsMoveDialog .savings-move-preview{width:100%;border-collapse:collapse;margin-block:12px}
#savingsMoveDialog .savings-move-preview th,#savingsMoveDialog .savings-move-preview td{padding:8px 4px;border-bottom:1px solid var(--border);text-align:right;overflow-wrap:anywhere}
#savingsMoveDialog .savings-move-preview bdi{white-space:nowrap;font-variant-numeric:tabular-nums}
@media(max-width:720px){#savingsMoveDialog{padding:14px}#savingsMoveDialog .actions>button{flex:1}#savingsMoveDialog .savings-move-preview{font-size:12px}}