/* Sammelüberweisung – Tabelle und Auftraggeber; Farben, Schrift, Ablagezone und Meldungen aus stil.css bzw. dem Prüfer/Schreiber */
.su-karte{background:var(--weiss);border:1px solid var(--linie);border-radius:14px;padding:1.4rem 1.5rem 1.5rem;min-width:0;margin-top:1.2rem}
.su-karte h2{font-size:1.25rem;margin:0 0 .8rem}
.su-leiste{display:flex;gap:1rem;flex-wrap:wrap;align-items:center;justify-content:space-between;margin:0 0 .8rem;font-size:.9rem;color:var(--tinte-2)}
.su-tab-wrap{overflow-x:auto;border:1px solid var(--linie);border-radius:10px}
.su-tab{border-collapse:collapse;width:100%;min-width:60rem;font-size:.86rem}
.su-tab th{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--tinte-2);text-align:left;padding:.5rem .25rem;background:var(--grau);border-bottom:1px solid var(--linie);white-space:nowrap;line-height:1.25;vertical-align:bottom}
.su-tab th.su-th-umbruch{white-space:normal}
.su-tab td{padding:.35rem .25rem;border-bottom:1px solid var(--linie);vertical-align:top}
.su-tab tr.su-fremd td{background:#FBFBF9}
.su-datei{display:block;font-weight:600;overflow-wrap:anywhere;max-width:14rem}
.su-detail{display:block;font-size:.76rem;color:var(--tinte-2);margin-top:.15rem;max-width:14rem}
.su-marke{display:inline-block;font-size:.74rem;font-weight:700;padding:.15rem .5rem;border-radius:99px;white-space:nowrap}
.su-marke.ok{background:var(--gruen-h);color:var(--gruen-d)}
.su-marke.nein{background:var(--signal-h);color:var(--signal)}
.su-marke.warn{background:#FBF3E2;color:#8A5A00}
.su-marke.neutral{background:var(--grau);color:var(--tinte-2)}
.su-eingabe{width:100%;min-width:7.5rem;font:inherit;font-size:.86rem;padding:.4rem .45rem;border:1px solid #C9D2CD;border-radius:6px;background:var(--weiss)}
.su-eingabe:focus{outline:2px solid var(--gruen-t);outline-offset:1px}
.su-iban{min-width:12.5rem;font-variant-numeric:tabular-nums}
.su-iban.su-falsch{border-color:var(--signal);background:var(--signal-h)}
.su-betrag{min-width:5.8rem;text-align:right;font-variant-numeric:tabular-nums;font-weight:650}
.su-td-wahl{width:2rem;padding-top:.55rem}
.su-wahl{width:1.15rem;height:1.15rem;accent-color:var(--gruen-t)}
.su-td-weg{width:2rem}
.su-weg{background:none;border:1px solid var(--linie);border-radius:6px;font:inherit;font-size:.9rem;line-height:1;padding:.3rem .5rem;cursor:pointer;color:var(--tinte-2)}
.su-weg:hover{background:var(--signal-h);color:var(--signal);border-color:var(--signal)}
.su-summe{display:flex;gap:1.2rem;flex-wrap:wrap;align-items:center;justify-content:space-between;margin:.9rem 0 0;font-size:.95rem}
.su-summe b{font-size:1.15rem}
.su-raster{display:grid;gap:.8rem 1rem;grid-template-columns:repeat(auto-fit,minmax(min(14rem,100%),1fr))}
.su-feld label{display:block;font-size:.82rem;font-weight:600;margin-bottom:.25rem}
.su-feld input,.su-feld select{width:100%;font:inherit;font-size:.95rem;padding:.55rem .7rem;border:1px solid #C9D2CD;border-radius:8px;background:var(--weiss)}
.su-feld input:focus,.su-feld select:focus{outline:2px solid var(--gruen-t);outline-offset:1px}
.su-feld .hilfe{font-size:.78rem;color:var(--tinte-2);margin:.3rem 0 0}
.su-haken{display:flex;align-items:flex-start;gap:.6rem;font-size:.9rem;margin:.8rem 0 0}
.su-haken input{width:1.1rem;height:1.1rem;margin:.15rem 0 0;accent-color:var(--gruen-t);flex:none}
.su-akt{display:flex;gap:.8rem;flex-wrap:wrap;align-items:center;margin-top:1.1rem}
.su-akt .btn{cursor:pointer;font-family:inherit}
.su-akt .btn[disabled]{opacity:.5;cursor:not-allowed;transform:none}
.es-meldung{background:var(--gruen-h);border-left:3px solid var(--gruen-t);border-radius:0 10px 10px 0;padding:.7rem .9rem;font-size:.93rem;margin:.9rem 0 0}
.es-meldung.warnung{background:var(--signal-h);border-color:var(--signal)}
.es-meldung ul{margin:0;padding-left:1.2rem}
.su-klein{font-size:.8rem;color:var(--tinte-2);margin:.8rem 0 0;line-height:1.45}
[hidden]{display:none !important}
@media (max-width:860px){
  .su-tab-wrap{overflow:visible;border:none}
  .su-tab{min-width:0;display:block}
  .su-tab thead{display:none}
  .su-tab tbody{display:block}
  .su-tab tr{display:block;border:1px solid var(--linie);border-radius:10px;padding:.5rem .8rem .7rem;margin-bottom:.7rem;background:var(--weiss)}
  .su-tab td{display:flex;align-items:center;gap:.6rem;border:none;padding:.25rem 0}
  .su-tab td::before{content:attr(data-label);flex:0 0 6.5rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--tinte-2)}
  .su-td-wahl::before,.su-td-weg::before{content:""}
  .su-datei,.su-detail{max-width:none}
  .su-eingabe{min-width:0}
}