/* =========================================================
   kundenportal-dokumente.css (12.11.2026) — Neue Dokumente sichtbar (Kundenportal und Kunden-Admin)
   René 12.11.2026, Anlass Grischa Workwear. Nur eigene Klassen mit Präfix kdo- (keine Regeln anderer Seiten umgebaut).
   Logik: js/kundenportal-dokumente.js (Portal), js/kundenportal-dokumente-admin.js (Admin).
   ========================================================= */

/* „neu“ hinter einem Dokument (Liste, Fenster der Aufgabe) */
.kdo-neu{ display: inline-block; margin-left: 6px; padding: 0 8px; border-radius: 999px; background: #ede9fe; color: #5b21b6;
  font-size: 12px; font-weight: 700; line-height: 20px; vertical-align: 1px; white-space: nowrap }

/* „neu“ am Menüpunkt „Unterlagen“ (dunkle Seitenleiste) und am Reiter „Rechnungen und Dokumente“ */
.ld-seite .kdo-nav-neu{ background: #c4b5fd; color: #1e1145 }
.ld-seite .ld-zaehler + .kdo-nav-neu{ margin-left: 0 }
.zk-reiter-punkt .kdo-nav-neu{ background: #ede9fe; color: #5b21b6 }

/* Start: Kasten „Neu für dich“ */
.kdo-kasten{ border-color: #c4b5fd; box-shadow: var(--zk-schatten), inset 3px 0 0 #7c3aed }
.kdo-kasten > .zk-leise{ margin-bottom: 4px }
.kdo-liste{ margin: 6px 0 0; padding: 0; list-style: none }
.kdo-zeile{ display: flex; align-items: center; gap: 14px; padding: 12px 0; border-top: 1px solid var(--ld-rand) }
.kdo-zeile:first-child{ border-top: 0 }
.kdo-text{ flex: 1; min-width: 0 }
.kdo-name{ margin: 0; font-size: 15px; font-weight: 600; line-height: 1.4; color: var(--ld-text); overflow-wrap: anywhere }
.kdo-info{ margin: 2px 0 0; font-size: 13.5px; color: var(--ld-text-2); overflow-wrap: anywhere }
.kdo-zeile--offen .kdo-name{ font-weight: 500; color: var(--ld-text-2) }
.kdo-zeile--offen .kdo-name::after{ content: " · geöffnet"; font-size: 13px; font-weight: 400 }
.kdo-mehr{ margin-top: 8px }

/* Hinweis auf den anderen Reitern von „Unterlagen“ */
.kdo-hinweis{ display: flex; align-items: center; justify-content: space-between; gap: 10px 16px; flex-wrap: wrap; margin: 10px 0 4px;
  padding: 12px 16px; border-radius: 12px; background: #f5f3ff; border: 1px solid #ddd6fe; color: var(--ld-text); font-size: 14.5px }
.kdo-hinweis .ld-details{ width: auto; padding: 0 14px }

/* Fenster einer Aufgabe */
.kdo-karte{ margin: 14px 0 6px }
.kdo-karte .kp-panel-abschnitt{ margin-top: 0 }

/* Admin: Aufgaben wählen */
.kdo-wahl{ margin: 0; padding: 12px 14px; border: 1px solid var(--ld-rand); border-radius: 12px; min-width: 0 }
.kdo-wahl legend{ padding: 0 4px; font-weight: 600 }
.kdo-wahl > .kp-klein{ margin: 2px 0 8px }
.kdo-wahl-suche{ width: 100%; box-sizing: border-box; margin: 0 0 8px }
.kdo-wahl-liste{ max-height: 280px; overflow-y: auto; overscroll-behavior: contain; padding-right: 4px }
.kdo-wahl-projekt{ margin: 8px 0 4px; font-size: 12.5px; font-weight: 700; letter-spacing: .02em; text-transform: uppercase; color: var(--ld-text-2) }
.kdo-wahl-gruppe:first-child .kdo-wahl-projekt{ margin-top: 0 }
.kdo-wahl-karte{ display: flex; align-items: flex-start; gap: 10px; padding: 6px 4px; border-radius: 8px; cursor: pointer; line-height: 1.4 }
.kdo-wahl-karte:hover{ background: var(--ld-flaeche-2) }
.kdo-wahl-karte input{ flex: none; margin: 3px 0 0; width: 18px; height: 18px }
.kdo-wahl-karte span{ min-width: 0; overflow-wrap: anywhere }
.kdo-wahl-karte small{ margin-left: 4px; color: var(--ld-text-2); font-size: 12.5px; white-space: nowrap }
.kdo-wahl-karte[hidden], .kdo-wahl-gruppe[hidden]{ display: none }
.kdo-wahl-zahl{ margin: 8px 0 0 }

@media (max-width: 720px){
  .kdo-zeile{ flex-wrap: wrap; gap: 8px 12px }
  .kdo-text{ flex: 1 1 100% }
  .kdo-zeile .kdo-knopf{ flex: 1 1 auto }
  .kdo-hinweis .ld-details{ flex: 1 1 auto }
}