/* AresPaper – Lohnunterlagen (1.22) */
.lu-intro { margin: 0 0 12px; max-width: 72em; }
.lu-buchen { display: inline-flex; gap: 8px; align-items: center; margin: 0 0 12px; font-size: 13px; }
.lu-monat { margin-bottom: 14px; }
.lu-monat h2 { margin: 0 0 6px; font-size: 17px; }
.lu-monat h3 { margin: 12px 0 4px; font-size: 13px; font-weight: 600; color: var(--ink-2); }
.lu-n { display: inline-block; min-width: 18px; padding: 0 6px; border-radius: 9px; background: var(--grey-bg); color: var(--grey-ink);
  font-size: 11px; text-align: center; }
.lu-t td { vertical-align: middle; }
.lu-acts { white-space: nowrap; }
.lu-acts .btn + .btn, .lu-acts .btn + a, .lu-acts a + .btn { margin-left: 4px; }
.lu-acts select { max-width: 260px; }
.lu-alt td { opacity: .55; }
.lu-chip { display: inline-block; padding: 1px 8px; border-radius: 10px; font-size: 12px; line-height: 18px; white-space: nowrap;
  background: var(--grey-bg); color: var(--grey-ink); }
.lu-chip.lu-ok { background: var(--stamp-bg); color: var(--stamp); }
.lu-chip.lu-warn { background: var(--warn-bg); color: var(--warn-ink); }
.lu-chip.lu-bad { background: var(--haben-bg); color: var(--haben); }
.lu-chip.lu-muted { color: var(--ink-3); }
.lu-warn { color: var(--warn-ink); }
.lu-erg { list-style: none; padding: 0; margin: 0; }
.lu-erg li { padding: 6px 0; border-bottom: 1px solid var(--line-2); }
.lu-erg li.bad { color: var(--haben); }
.lu-vgl-box { max-height: 52vh; overflow: auto; margin: 8px 0; }
.lu-vgl td:first-child, .lu-vgl th:first-child { width: 28px; }
.lu-gleich td { color: var(--ink-3); }
.lu-e td, .lu-teile td { vertical-align: top; }
@media (max-width: 720px) {
  .lu-acts { white-space: normal; }
  .lu-acts .btn, .lu-acts a.btn { margin: 2px 0; }
  .lu-acts select { max-width: 100%; }
}