/* Zulagenrechner (wird von js/rechner.js befüllt) */
#zulagenrechner .zr-grid { display: grid; gap: 1.1rem 1.5rem; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); align-items: start; }
#zulagenrechner .zr-field label { display: block; font-weight: 700; color: var(--pad-ink); margin-bottom: .3rem; }
#zulagenrechner .zr-hint { display: block; font-size: .9rem; color: var(--pad-muted); margin-top: .3rem; }
#zulagenrechner input[type=text], #zulagenrechner select { width: 100%; max-width: none; }
#zulagenrechner .zr-check { display: flex; gap: .6rem; align-items: flex-start; margin-top: 1.1rem; }
#zulagenrechner .zr-check label { display: inline; font-weight: 400; margin: 0; }
#zulagenrechner .zr-error { color: var(--pad-error); font-weight: 700; margin-top: .6rem; }
#zulagenrechner .zr-result { background: var(--pad-tint); border-radius: 12px; padding: 1rem 1.25rem; margin-top: 1.25rem; }
#zulagenrechner table { width: 100%; border-collapse: collapse; }
#zulagenrechner th, #zulagenrechner td { text-align: left; padding: .5rem .25rem; border-bottom: 1px solid var(--pad-border); }
#zulagenrechner td { text-align: right; white-space: nowrap; }
#zulagenrechner tr.zr-total th, #zulagenrechner tr.zr-total td { font-weight: 800; border-bottom: 0; font-size: 1.1rem; color: var(--pad-ink); }
#zulagenrechner .zr-note { font-size: .9rem; color: var(--pad-muted); margin: .9rem 0 0; }