/* Bereich Organisation: Benutzer, Freigaben, Benachrichtigungen, Onboarding (Agent C) */

/* Eigene Seiten (Einrichtung, Benachrichtigungen): Inhalt scrollt unter der Kopfzeile. */
.org-seite { flex: 1; min-height: 0; overflow: auto; padding: 16px; display: flex; flex-direction: column; gap: 12px; }
.org-karte { max-width: 920px; width: 100%; }
.org-leise { color: var(--text-4); }
.org-klein { font-size: 12px; color: var(--text-3); }

/* Benutzer & Rollen */
.org-benutzer-raster { grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr) 150px 96px 56px; }
.org-freigabe-raster { grid-template-columns: minmax(0, 1.2fr) 150px minmax(0, 1fr) 96px; }
.org-zeile { align-items: center; min-height: 30px; }
.org-name { font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.org-email { color: var(--text-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.org-aktionen { display: flex; gap: 2px; justify-content: flex-end; align-items: center; }
.org-aktionen .knopf-x:hover { background: var(--feld-grau-rand); color: var(--text-3); }
.org-aktionen .knopf-x:disabled { opacity: .4; cursor: default; }
.org-marke { font-size: 11.5px; font-weight: 600; padding: 0 8px; line-height: 20px; border-radius: 5px; width: max-content; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.org-marke.aktiv { background: var(--ok-bg); color: var(--ok); }
.org-marke.offen { background: var(--warn-bg); color: var(--warn); }
.org-marke.neutral { background: var(--feld-grau-rand); color: var(--text-3); }
.org-formular { display: flex; flex-direction: column; gap: 12px; padding: 14px; border: 1px solid var(--rand); border-radius: 8px; background: var(--feld-grau); }
.org-knoepfe { display: flex; gap: 8px; }
.org-fehler { display: flex; align-items: center; gap: 8px; color: var(--fehler); font-weight: 500; }
.org-fehler .icon { color: var(--fehler); }
.org-rollen { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 24px; }
.org-rolle { display: flex; flex-direction: column; gap: 2px; }
.org-rolle-name { font-weight: 600; }
.org-rolle-text { font-size: 12px; color: var(--text-3); line-height: 1.4; }
.org-freigabe-neu { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 8px; align-items: center; }
.org-verlauf summary { cursor: pointer; color: var(--text-3); font-weight: 500; margin-bottom: 6px; }
.org-verlauf .org-klein { padding: 2px 0; }

/* Benachrichtigungen */
.org-kundenliste { display: flex; flex-wrap: wrap; gap: 6px; }

/* Einrichtung */
.org-fortschritt { padding: 18px 24px; display: flex; flex-direction: column; gap: 12px; border-bottom: 1px solid var(--rand-fein); }
.org-fortschritt-kopf { display: flex; flex-direction: column; gap: 3px; }
.org-fortschritt-text { color: var(--text-3); font-weight: 500; }
.org-balken { height: 8px; border-radius: 4px; background: var(--rand-fein); overflow: hidden; }
.org-balken span { display: block; height: 100%; background: var(--ok-icon); border-radius: 4px; transition: width .3s; }
.org-schritt { display: grid; grid-template-columns: 22px minmax(0, 1fr) auto; gap: 12px; padding: 14px 24px; align-items: start; }
.org-schritt + .org-schritt { border-top: 1px solid var(--rand-fein); }
.org-schritt-zeichen { padding-top: 1px; }
.org-schritt-zeichen .icon { width: 18px; height: 18px; color: var(--platzhalter); }
.org-schritt.fertig .org-schritt-zeichen .icon { color: var(--ok-icon); }
.org-schritt-text { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.org-schritt-titel { font-weight: 600; }
.org-schritt-titel .optional { font-weight: 400; color: var(--text-4); }
.org-schritt.fertig .org-schritt-titel { color: var(--text-2); }
.org-schritt-sub { font-size: 12px; color: var(--text-3); line-height: 1.45; text-wrap: pretty; }
.org-schritt-aktion { display: flex; gap: 8px; align-items: center; }
.org-schritt-aktion a.knopf { text-decoration: none; }

@media (max-width: 860px) {
    .org-benutzer-raster { grid-template-columns: minmax(0, 1fr) 130px 56px; }
    .org-benutzer-raster > :nth-child(2), .org-benutzer-raster > :nth-child(4) { display: none; }
    .org-freigabe-raster { grid-template-columns: minmax(0, 1fr) auto; }
    .org-freigabe-raster > :nth-child(3) { display: none; }
    .org-freigabe-neu { grid-template-columns: minmax(0, 1fr); }
    .org-rollen { grid-template-columns: minmax(0, 1fr); }
    .org-schritt { grid-template-columns: 22px minmax(0, 1fr); }
    .org-schritt-aktion { grid-column: 2; }
}