.detail-panel {
  padding: 22px;
}

.detail-panel dl {
  display: grid;
  grid-template-columns: repeat(4, minmax(130px, 1fr));
  gap: 12px;
  margin: 18px 0;
}

.detail-panel dl div {
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 10px;
}

.detail-panel dd {
  margin-top: 4px;
  overflow-wrap: anywhere;
  text-align: left;
}

.cashbook-filters {
  display: grid;
  grid-template-columns: minmax(240px, 1fr) minmax(180px, 260px);
  gap: 12px;
  margin: 16px 0;
}

.cashbook-filters label {
  display: grid;
  gap: 5px;
  color: var(--muted);
  font-weight: 650;
}

.cashbook-filters input,
.cashbook-filters select {
  padding: 8px 10px;
}

@media (max-width: 700px) {
  .detail-panel dl {
    grid-template-columns: 1fr 1fr;
  }

  .cashbook-filters {
    grid-template-columns: 1fr;
  }
}
.control-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-top:1rem}.control-grid>article{border:1px solid var(--border,#ccd5d1);border-radius:.65rem;padding:1rem;background:var(--surface,#fff);min-width:0}.control-grid h3{margin:0 0 .35rem}.control-grid p{min-height:2.8em;margin:.25rem 0 .75rem}.control-grid .list{margin-top:.75rem;max-height:16rem;overflow:auto}.control-grid .row{align-items:flex-start;gap:.5rem;flex-wrap:wrap}.control-grid .row>.actions{margin-left:auto}
#outputPreviewFrame{width:100%;min-height:65vh;border:1px solid var(--border,#ccd5d1);background:#fff}.ledger-output{font:16px/1.5 sans-serif;padding:2rem}.ledger-output>div{display:grid;grid-template-columns:minmax(10rem,1fr) 2fr;border-bottom:1px solid #ddd;padding:.6rem 0}.ledger-output span{overflow-wrap:anywhere}