/* ===========================================================================
   Stammdaten — nur das Zusaetzliche (Praefix `sd-`)
   ===========================================================================

   Die gemeinsame Huelle der neuen Ansichten (Kopfzeile, Knoepfe, Karten,
   Felder, Pillen, Hinweise, Dialoge) steht in `sitzung.css`. Hier steht nur,
   was die Stammdaten-Seite darueber hinaus braucht.

   KEIN EINZIGER FARBWERT. Alles ueber die Theme-Tokens aus `styles.css` —
   der Markenton hat genau einen Austauschpunkt (Whitelabel), ein Test wacht
   darueber.
   =========================================================================== */

/* ---------- Reiter (Bereichsumschalter) ---------------------------------- */
.sd-segment{display:inline-flex;border:1px solid var(--border-strong);
  border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--sp-4);flex-wrap:wrap}
.sd-segment button{font:inherit;border:0;background:var(--bg-elevated);color:var(--text);
  padding:var(--sp-2) var(--sp-4);cursor:pointer;display:inline-flex;align-items:center;
  gap:var(--sp-2);white-space:nowrap}
.sd-segment button + button{border-left:1px solid var(--border)}
.sd-segment button[aria-pressed="true"]{background:var(--accent-strong);
  color:var(--accent-contrast)}
.sd-segment button:hover:not([aria-pressed="true"]){background:var(--bg-sunken)}

/* ---------- Filterleiste --------------------------------------------------- */
.sd-filter{display:flex;gap:var(--sp-3);flex-wrap:wrap;align-items:flex-end;
  margin-bottom:var(--sp-4)}
.sd-filter .sz-feld{flex:0 1 220px}
.sd-treffer{font-size:.8125rem;color:var(--text-muted);margin-bottom:var(--sp-2)}
.sd-fuss{margin-top:var(--sp-3);display:flex;align-items:flex-start;gap:6px}

/* ---------- Hinweise ueber den Reitern ------------------------------------ */
/* Sie stehen bewusst bereichsuebergreifend oben: ein Hinweis, den man erst
   nach einem Reiterwechsel sieht, ist keiner. */
.sd-hinweise{display:flex;flex-direction:column;gap:var(--sp-3);margin-bottom:var(--sp-4)}
.sd-hinweis{display:flex;gap:var(--sp-3);align-items:flex-start;
  background:var(--status-bearbeitung-bg);color:var(--status-bearbeitung);
  border-radius:var(--radius-md);padding:var(--sp-3) var(--sp-4);font-size:.875rem}
.sd-hinweis p{margin:var(--sp-2) 0}
.sd-hinweis-liste{display:flex;gap:6px;flex-wrap:wrap;margin-top:var(--sp-2)}
.sd-marke{display:inline-flex;align-items:center;background:var(--bg-elevated);
  border:1px solid var(--border-strong);border-radius:var(--radius-full);
  padding:2px 10px;font-size:.75rem;color:var(--text)}

/* ---------- Tabelle -------------------------------------------------------- */
.sd-tabelle-rahmen{overflow-x:auto;background:var(--bg-elevated);
  border:1px solid var(--border);border-radius:var(--radius-lg)}
.sd-tabelle{width:100%;border-collapse:collapse;font-size:.8125rem}
.sd-tabelle th,.sd-tabelle td{text-align:left;padding:var(--sp-2) var(--sp-3);
  border-bottom:1px solid var(--border);vertical-align:top}
.sd-tabelle thead th{background:var(--accent-soft);color:var(--accent-strong-hover);
  font-weight:700;white-space:nowrap;position:sticky;top:0}
.sd-tabelle tbody tr:last-child td{border-bottom:0}
.sd-tabelle tbody tr:hover{background:var(--bg-sunken)}
/* Inaktive Kontakte bleiben lesbar — die Ausblendung ist eine Abschwaechung,
   keine Unkenntlichmachung. Der Status steht zusaetzlich als Wort in der
   eigenen Spalte. */
.sd-tabelle tr.sd-inaktiv td{opacity:.62}
.sd-typ{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;
  color:var(--text-muted)}
.sd-avatar{width:22px;height:22px;border-radius:50%;background:var(--accent-soft);
  color:var(--accent-strong);display:inline-flex;align-items:center;justify-content:center;
  font-weight:800;font-size:.5625rem;margin-right:6px;flex:none}
.sd-mail{display:inline-flex;align-items:center;gap:5px}
.sd-ohne-mail{display:inline-flex;align-items:flex-start;gap:5px;
  color:var(--status-bearbeitung);font-size:.75rem}
.sd-aktionen{display:flex;gap:var(--sp-1);flex-wrap:wrap;align-items:center}
.sd-kein-loeschen{font-style:italic}

/* ---------- Spalte Benutzerkonto ------------------------------------------ */
.sd-konto{display:flex;flex-direction:column;gap:6px;min-width:190px}
.sd-konto-name{display:inline-flex;align-items:center;gap:5px;font-weight:600;
  color:var(--accent-strong)}
.sd-konto select{font:inherit;font-size:.75rem;padding:4px 6px;
  border-radius:var(--radius-sm);border:1px solid var(--border-strong);
  background:var(--bg-elevated);color:var(--text);max-width:230px}
/* Ein Vorschlag sieht anders aus als eine gesetzte Verknuepfung — sonst liest
   man ihn als bereits verknuepft. */
.sd-vorschlag{display:flex;flex-direction:column;gap:4px;align-items:flex-start;
  background:var(--accent-soft);border:1px dashed var(--accent);
  border-radius:var(--radius-sm);padding:6px 8px}

/* ---------- Ordner --------------------------------------------------------- */
.sd-karte-kopf{display:flex;align-items:center;justify-content:space-between;
  gap:var(--sp-3);flex-wrap:wrap;margin-bottom:var(--sp-2)}
.sd-karte-kopf h2{margin:0}
.sd-ordner-liste{list-style:none;margin:var(--sp-3) 0 0;padding:0}
.sd-ordner{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;
  padding:var(--sp-3);border:1px solid var(--border);border-radius:var(--radius-md);
  margin-bottom:var(--sp-2);background:var(--bg-elevated)}
.sd-ordner-rang{width:26px;height:26px;border-radius:50%;background:var(--accent-soft);
  color:var(--accent-strong);display:inline-flex;align-items:center;justify-content:center;
  font-weight:800;font-size:.75rem;flex:none}
.sd-ordner-text{flex:1 1 220px;min-width:0;display:flex;flex-direction:column;gap:2px}
.sd-ordner-sortierung{display:flex;gap:var(--sp-1)}

/* ---------- Freigaben ------------------------------------------------------ */
.sd-person{padding:var(--sp-4)}
.sd-person-kopf{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;
  margin-bottom:var(--sp-3)}
.sd-person-kopf .sd-avatar{width:32px;height:32px;font-size:.75rem;margin-right:0}
.sd-person-text{flex:1 1 200px;min-width:0}
.sd-person-text h3{margin:0}
.sd-admin-satz{display:flex;gap:var(--sp-2);align-items:flex-start;font-size:.8125rem;
  color:var(--text-muted);background:var(--bg-sunken);border-radius:var(--radius-md);
  padding:var(--sp-2) var(--sp-3);margin:0 0 var(--sp-3)}
.sd-freigabe-liste{list-style:none;margin:0 0 var(--sp-3);padding:0}
.sd-freigabe{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;
  padding:var(--sp-2) var(--sp-3);border:1px solid var(--border);
  border-radius:var(--radius-md);margin-bottom:6px}
.sd-freigabe-name{flex:1 1 240px;min-width:0;display:inline-flex;align-items:center;
  gap:6px;flex-wrap:wrap;font-weight:600;font-size:.875rem}
/* Feste, schmale Breite: sonst zieht der laengste Rollenname das Auswahlfeld
   ueber die Zeile und jede Freigabe braucht drei Zeilen statt einer. */
.sd-freigabe select{font:inherit;font-size:.75rem;padding:4px 6px;
  border-radius:var(--radius-sm);border:1px solid var(--border-strong);
  background:var(--bg-elevated);color:var(--text);flex:0 0 auto;width:110px}
.sd-rollen-erklaerung{margin:0 0 var(--sp-3)}
.sd-freigabe-neu{display:flex;gap:var(--sp-3);align-items:flex-end;flex-wrap:wrap;
  padding-top:var(--sp-3);border-top:1px solid var(--border)}
.sd-freigabe-neu .sz-feld{flex:0 1 240px}

/* ---------- Dialog --------------------------------------------------------- */
.sd-dialog-block{border-top:1px solid var(--border);margin-top:var(--sp-3);
  padding-top:var(--sp-3)}
.sd-dialog-block h3{margin-bottom:6px}

@media (max-width:760px){
  .sd-tabelle{font-size:.75rem}
  .sd-konto{min-width:150px}
}