/*
 * Rechnungsangaben und Bestätigungsdialog «Auf Rechnung» — EINE Fassung für subscribe.html und register.html
 * (Markup aus js/rechnungsangaben-formular.js). Bis 9.10.2026 inline in subscribe.html.
 */
.rechnungs-form { margin-top: var(--s5, 1.25rem); display: grid; gap: var(--s3, .75rem); }
.rechnungs-form .zeile { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s3, .75rem); }
.rechnungs-form .zeile--strasse { grid-template-columns: 3fr 1fr; }
.rechnungs-form .zeile--ort { grid-template-columns: 1fr 3fr; }
@media (max-width: 560px) { .rechnungs-form .zeile, .rechnungs-form .zeile--strasse, .rechnungs-form .zeile--ort { grid-template-columns: 1fr; } }
.rechnungs-form label { display: block; font-weight: 600; font-size: .9rem; margin-bottom: .3rem; }
.rechnungs-form .optional { font-weight: 400; color: var(--ink-3, #555); }
.rechnungs-form .field-error { color: var(--coral, #c0392b); font-size: .85rem; margin-top: .25rem; }
.rechnungs-form .field.has-error .v4-input { border-color: var(--coral, #c0392b); }
.rechnungs-form .feld-hinweis { font-size: .85rem; color: var(--ink-3, #555); margin-top: .25rem; }

.modal-overlay.rechnung-dialog { position: fixed; inset: 0; z-index: 1000; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(27, 25, 24, .55); }
.modal-overlay.rechnung-dialog[hidden] { display: none; }
.rechnung-dialog .modal-content { width: 100%; max-width: 560px; max-height: calc(100vh - 32px); overflow-y: auto; background: var(--bg-card, #fff); color: var(--ink, #1B1918); border-radius: 14px; box-shadow: var(--sh-xl, 0 16px 48px rgba(0,0,0,.15)); padding: 24px; }
.rechnung-dialog .modal-content h2 { font-family: var(--font-display, inherit); font-size: 1.3rem; margin: 0 0 1rem; }
.rechnung-dialog .pruef-liste { display: grid; grid-template-columns: max-content 1fr; gap: .4rem 1rem; margin: 0 0 1rem; font-size: .95rem; }
.rechnung-dialog .pruef-liste dt { color: var(--ink-3, #555); }
.rechnung-dialog .pruef-liste dd { margin: 0; font-weight: 600; overflow-wrap: anywhere; }
@media (max-width: 480px) { .rechnung-dialog .pruef-liste { grid-template-columns: 1fr; gap: .1rem; } .rechnung-dialog .pruef-liste dd { margin-bottom: .5rem; } }
.rechnung-dialog .pruef-text { margin: 0 0 .75rem; font-size: .95rem; line-height: 1.55; }
.rechnung-dialog .pruef-text--wichtig { font-weight: 600; }
.rechnung-dialog .pruef-text--folgen { font-size: .9rem; color: var(--ink-2, #4A4643); }
.rechnung-dialog .modal-fuss { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .75rem; margin-top: 1.25rem; }
.rechnung-dialog .modal-fuss .btn { min-height: 44px; }