/* Simulation = Mechanik-/Vorbereitungsmaterial, KEIN Nutzer-/Marktbeleg.
 *
 * einrichtung/public/partnerart.css — F-038: die zwei Aufklapp-Bereiche der Partner-Tafel
 * („Testpartner (n)“, „Vertriebspartner (n)“). Nur Token aus `basis.css`; skaliert mit der Spalte
 * (kein fester Pixelwert für Breiten), Trefferfläche mindestens `--treffer`, sichtbarer Fokusring. */

.partner-art { min-width: 0; margin-top: var(--space-5); }
.partner-art:first-child { margin-top: 0; }

.partner-art-kopf { margin: 0; font-size: var(--text-body, 1rem); line-height: 1.3; }

.partner-art-knopf {
  display: flex; align-items: center; gap: var(--space-2);
  inline-size: 100%; min-block-size: var(--klickziel, 2.75rem);
  padding: var(--space-2) var(--space-3);
  border: var(--haarlinie); border-radius: var(--r-1);
  background: var(--marke-flaeche); color: var(--marke-tinte);
  font: inherit; font-weight: 700; text-align: start; cursor: pointer;
}
.partner-art-knopf:hover { background: var(--marke-flaeche-stark); }
.partner-art-knopf:focus-visible { outline: 3px solid var(--fokusring, var(--kohle)); outline-offset: 2px; }

.partner-art-chevron {
  flex: none; inline-size: .55em; block-size: .55em;
  border-inline-end: 2px solid currentColor; border-block-end: 2px solid currentColor;
  transform: rotate(-45deg); transition: transform var(--dauer-wechsel) var(--kurve-ein);
}
.partner-art-knopf[aria-expanded="true"] .partner-art-chevron { transform: rotate(45deg); }
@media (prefers-reduced-motion: reduce) { .partner-art-chevron { transition: none; } }

.partner-art-zahl { color: var(--marke-etikett); font-weight: 600; font-variant-numeric: tabular-nums; }

.partner-art-feld { margin-top: var(--space-3); }
.partner-art-feld[hidden] { display: none; }
.partner-art-feld > .leerzustand { margin-top: 0; }

/* --- Die Tabelle der Vertriebspartner: dieselben Regeln wie `#partnertabelle` in `verwaltung.css`
   (Z. 929–961, 970, 1148–1156), hier für `#partnertabelle-vp` wiederholt, damit die bestehende
   Datei unberührt bleibt. Ändert sich die eine, ändert sich die andere mit. */
#partner-tabellenfeld-vp { position: relative; }
#partnertabelle-vp .spalte-stand { width: 11rem; }
@container partnerliste (min-width: 44rem) { #partnertabelle-vp .spalte-stand { width: 13rem; } }
@container partnerliste (min-width: 70rem) { #partnertabelle-vp .spalte-stand { width: 18rem; } }
#partnertabelle-vp .spalte-name { width: auto; }
#partnertabelle-vp .zahl { width: 6rem; }
#partnertabelle-vp .spalte-postfach { width: 6.5rem; }
#partnertabelle-vp .aktionen { width: 6rem; text-align: right; }
#partnertabelle-vp tbody th[scope="row"] { font-weight: 750; }
#partnertabelle-vp .name-text {
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2;
  overflow: hidden; overflow-wrap: anywhere;
}
#partnertabelle-vp .status-chip { white-space: normal; padding-inline: var(--space-2); }
#partnertabelle-vp td .knopf { padding-inline: var(--space-2); }
#partnertabelle-vp tbody tr { cursor: pointer; }
#partnertabelle-vp tbody tr[aria-selected="true"] > * { background: var(--glasur-hauch); }
#partnertabelle-vp tbody tr[aria-selected="true"] > :first-child { font-weight: 800; }
@container partnerliste (max-width: 48rem) {
  #partnertabelle-vp .spalte-postfach { display: none; }
}
@media (max-width: 52rem) {
  #partnertabelle-vp .spalte-stand, #partnertabelle-vp .zahl, #partnertabelle-vp .spalte-postfach, #partnertabelle-vp .aktionen { width: auto; }
  #partnertabelle-vp td.aktionen { display: block; text-align: left; padding-top: var(--space-2); }
  #partnertabelle-vp td.aktionen::before { content: none; }
  #partnertabelle-vp tbody tr[aria-selected="true"] { background: var(--glasur-hauch); padding-inline: var(--space-3); border-radius: var(--r-1); }
  #partnertabelle-vp tbody tr[aria-selected="true"] > * { background: transparent; }
}