.finance-backup-dialog > .dialog-head { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
.finance-backup-body {
  position: relative;
  display: grid;
  gap: 14px;
  padding: 16px;
  overflow-wrap: anywhere;
}
.finance-backup-body h4 { margin: 0 0 4px; }
.finance-backup-body p { margin: 0 0 9px; }
.finance-backup-body section + section { border-block-start: 1px solid var(--line); padding-block-start: 14px; }
.finance-backup-body label { display: block; margin-block-end: 4px; }
.finance-backup-body input { width: 100%; min-width: 0; min-block-size: 44px; text-align: start; }
#finance-backup-preview { margin-block-start: 12px; }
#finance-backup-controls { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr)); margin: 0 0 12px; gap: 6px 14px; }
#finance-backup-controls > div { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 8px; border-block-start: 1px solid var(--line); padding-block: 4px; }
#finance-backup-controls dd { margin: 0 0 0 auto; font-variant-numeric: tabular-nums; white-space: nowrap; }
#finance-backup-status { margin: 0; }
#finance-backup-status:empty { position: absolute; clip-path: inset(50%); width: 1px; height: 1px; overflow: hidden; }
#finance-backup-status[data-tone="success"] { border-inline-start: 2px solid #28564a; background: #edf1eb; padding: 8px 10px; }
.finance-transfer { border-block-start: 1px solid var(--line); padding-block-start: 14px; min-width: 0; }
.finance-transfer label { margin-block: 9px 4px; }
.finance-transfer button { min-block-size: 44px; }
.finance-transfer .actual-actions { margin-block: 9px; }
.finance-transfer p:empty { margin: 0; }
#finance-transfer-status[data-tone] { padding: 7px 9px; background: #edf1eb; }
#finance-transfer-status[data-tone="error"] { color: var(--warning); background: #fbede6; }
#finance-transfer-status:empty { padding: 0; }
.finance-transfer-metrics { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 8.5rem), 1fr)); gap: 8px; padding: 8px; background: #edf1eb; }
.finance-transfer-metrics dt { color: var(--muted); font-size: .85rem; }
.finance-transfer-metrics dd { margin: 0; font-weight: 650; }
.finance-transfer-table { overflow-x: auto; margin-block: 9px; }
.finance-transfer-table table { min-width: 420px; width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.finance-transfer-table caption { text-align: left; margin-block-end: 6px; }
.finance-transfer-table td, .finance-transfer-table th { padding: 5px; text-align: right; border-block-end: 1px solid var(--line); }
.finance-transfer-table th:first-child { text-align: left; }
.finance-transfer-table small, .finance-transfer-detail small { display: block; color: var(--muted); }
.finance-transfer-detail { margin-block: 7px; }
.finance-transfer-detail ul { padding-inline-start: 16px; }
.finance-transfer-detail .finance-transfer-rows { list-style: none; padding: 0; margin-block: 6px 0; }
.finance-transfer-rows > li { border-block-start: 1px solid var(--line); }
.finance-transfer-rows summary { cursor: pointer; padding: 9px 2px; min-block-size: 44px; }
.finance-transfer-rows summary small { padding-inline-start: 16px; }
.finance-transfer-row-body { padding: 0 4px 10px 16px; }
.finance-transfer-values, .finance-transfer-values dl, .finance-transfer-values dd { margin: 0; }
.finance-transfer-value { padding-block: 6px; border-block-start: 1px solid var(--line); }
.finance-transfer-value > dt { font-weight: 620; }
.finance-transfer-value > dd { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 14px; margin-block-start: 2px; }
.finance-transfer-value > dd > div > span:first-child { display: block; color: var(--muted); font-size: .78rem; }
.finance-transfer-line > dt { font-weight: 650; padding: 5px 7px; background: #edf1eb; }
.finance-transfer-line + .finance-transfer-line { margin-block-start: 6px; }
.finance-transfer-line > dd { padding-inline: 7px; }
.finance-transfer-values pre { margin: 2px 0; max-block-size: 12rem; overflow: auto; white-space: pre-wrap; font-size: .8rem; }
.finance-transfer-muted { color: var(--muted); }
.finance-transfer .finance-transfer-removal { margin: 6px 0 10px; }
.finance-transfer-removal textarea { display: block; width: 100%; min-height: 44px; margin-top: 4px; padding: 7px; border: 1px solid var(--rule);
  background: var(--panel); color: var(--text); font: inherit; resize: vertical; }
.finance-transfer-caption { display: none; }
@media (max-width: 550px) {
  .finance-transfer-table table { min-width: 0; }
  .finance-transfer-table thead { position: absolute; clip-path: inset(50%); width: 1px; height: 1px; overflow: hidden; }
  .finance-transfer-table tbody tr { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-block-end: 1px solid var(--line); padding-block: 5px; }
  .finance-transfer-table tbody th { grid-column: 1 / -1; }
  .finance-transfer-table th, .finance-transfer-table td { text-align: left; border: 0; }
  .finance-transfer-caption { display: block; color: var(--muted); font-size: .73rem; }
}
@media (max-width: 360px) {
  .finance-transfer-value > dd { grid-template-columns: 1fr; }
}
@media print {
  #finance-backup-open, .finance-backup-dialog { display: none !important; }
}