/* Schalter rechnungen.akonto (rechnungen.js «Neue Rechnung», projekte.js Reiter «Rechnungen»): Stand einer Offerte
   mit Offertsumme, bereits verrechnet und Rest. Telefon unter 480px: Zahlen untereinander, Knöpfe 44px. */
.rg-stand { grid-column: 1 / -1; display: grid; gap: 8px; padding: 12px; border: 1px solid var(--color-border); border-radius: var(--radius); background: var(--color-card); }
.rg-stand[hidden] { display: none; }
.rg-stand-zahlen { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.rg-stand-zahl { display: grid; gap: 4px; min-width: 0; }
.rg-stand-label { font-size: 12px; color: var(--color-muted-fg); }
.rg-stand-wert { font-size: 16px; font-weight: 600; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.rg-stand-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; font-size: 13px; }
.rg-stand-liste li { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; }
.rg-stand-betrag { font-variant-numeric: tabular-nums; margin-left: auto; }
.rg-stand-sperre { margin: 0; font-size: 13px; color: var(--color-bad); }
.rg-stand-zeilen { display: grid; gap: 8px; margin: 0 0 12px; }
.rg-stand-zeile { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 12px; font-size: 14px; }
.rg-stand-zeile .btn { min-height: 44px; }
@media (max-width: 479px) {
  .rg-stand-zahlen { grid-template-columns: 1fr; gap: 8px; }
  .rg-stand-zahl { grid-template-columns: 1fr auto; align-items: baseline; }
  .rg-stand-zeile .btn { width: 100%; }
}
.rg-stand p { margin: 0; }