.invoice-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px;border-radius:18px;background:#17324f;color:white;margin-bottom:24px}.invoice-hero h2{color:white;font-size:1.9em;margin:8px 0}.invoice-hero p{color:#cad9ed;margin:0;max-width:650px}.eyebrow{font-size:.72em;letter-spacing:.14em;font-weight:700;color:var(--muted)}.invoice-hero .eyebrow{color:#b8d1ee}.invoice-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 20px}.invoice-tabs a{display:block;padding:11px 20px;border-radius:9px;background:var(--surface);color:var(--text);border:1px solid var(--line)}.invoice-tabs a.active{background:var(--blue);color:white;border-color:var(--blue)}.invoice-filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.invoice-filters label{margin:0;min-width:125px}.invoice-search{flex:1;min-width:230px!important}.invoice-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px}.invoice-kpis .card{display:flex;flex-direction:column;gap:8px}.invoice-kpis strong{font-size:1.4em}.invoice-kpis span,.invoice-kpis small{color:var(--muted);font-size:.85em}.invoice-table{min-width:900px}.invoice-table td{vertical-align:middle}.invoice-table small,table td small{display:block;margin-top:5px;max-width:320px;white-space:normal}.invoice-table td:first-child{max-width:340px;overflow-wrap:anywhere}.money{font-variant-numeric:tabular-nums;white-space:nowrap}.invoice-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px}.invoice-heading h2{margin:6px 0;overflow-wrap:anywhere}.invoice-metadata{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:20px;margin:20px 0}.invoice-metadata div{display:flex;flex-direction:column;gap:7px}.invoice-totals{display:flex;flex-direction:column;gap:10px;max-width:400px;margin:24px 0 0 auto}.invoice-totals span{display:flex;justify-content:space-between;gap:24px}.invoice-totals span:last-child{border-top:1px solid var(--line);padding-top:14px;font-size:1.15em}.invoice-line{border:1px solid var(--line);border-radius:10px;padding:20px;margin:18px 0;background:var(--page)}.invoice-line .fields{grid-template-columns:repeat(3,minmax(0,1fr))}.invoice-line .wide{grid-column:span 2}.invoice-line-footer{display:flex;justify-content:space-between;align-items:center;gap:12px}.invoice-line textarea{min-height:65px}.correction-card{max-width:820px}.correction-card textarea{min-height:110px}.toolbar form{flex:0 1 auto}.help{padding:16px;border-radius:9px;margin-bottom:18px}.invoice-heading .badge{flex-shrink:0}.fields input[type=checkbox]{width:auto}
@media(max-width:850px){.invoice-metadata{grid-template-columns:1fr 1fr}.invoice-line .fields{grid-template-columns:1fr 1fr}.invoice-line .wide{grid-column:span 2}.invoice-hero{padding:22px}.invoice-kpis{grid-template-columns:1fr 1fr}}
@media(max-width:550px){.invoice-hero,.invoice-heading{align-items:flex-start;flex-direction:column}.invoice-hero h2{font-size:1.55em}.invoice-filters>*{flex:1 1 100%}.invoice-kpis,.invoice-metadata,.invoice-line .fields{grid-template-columns:1fr}.invoice-line .wide{grid-column:auto}.invoice-line{padding:14px}.invoice-tabs a{padding:10px 13px}.invoice-totals{max-width:none}.invoice-line-footer{align-items:flex-start;flex-direction:column}}
.invoice-table td a.invoice-open{background:var(--soft);color:var(--text)}.invoice-table td a.invoice-open:hover{background:var(--line)}

.badge.invoice-status[data-status="Offen"]{background:#b42332;color:#fff}
.badge.invoice-status[data-status="Bezahlt"]{background:#167347;color:#fff}
.badge.invoice-status[data-status="Fällig"]{background:#f59e0b;color:#382000}
.invoice-discount-dialog{width:min(430px,calc(100vw - 32px));max-height:85vh;overflow:auto;padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text)}.invoice-discount-dialog::backdrop{background:rgba(15,23,42,.55)}.invoice-discount-dialog h2{margin-top:0}.invoice-discount-dialog .toolbar{margin-bottom:0}.invoice-discount-dialog [hidden],#discount-notice[hidden]{display:none}