/* Organigramm-Waechter im Kundenportal (Reiter Betrieb). Nur die Zeilen
   des Wächter-Verlaufs; Ueberschrift und Hinweis nutzen die Portalklassen
   (pt-h, pt-klein, pt-abstand). Farben und Masse aus werter-tokens.css. */

.pt-w-lauf {
  display: grid; grid-template-columns: 160px 120px minmax(0, 1fr);
  gap: 10px; align-items: baseline;
  padding: 10px 0; border-bottom: 1px solid var(--line); font-size: 0.875rem;
}
.pt-w-lauf:last-child { border-bottom: 0; }
.pt-w-lauf--wechsel { background: var(--hover); }
.pt-w-haus { font-weight: 700; }
.pt-w-zeit { font-family: var(--mono); font-size: 0.75rem; color: var(--dim); font-variant-numeric: tabular-nums; }
.pt-w-was { min-width: 0; overflow-wrap: anywhere; }
.pt-w-marke {
  font-family: var(--mono); font-size: 0.625rem; font-weight: 700;
  letter-spacing: 0.06em; text-transform: uppercase;
  border-radius: 2px; padding: 1px 6px; border: 1px solid; white-space: nowrap;
}
.pt-w-marke--gleich { color: var(--dim); border-color: var(--line); }
.pt-w-marke--wechsel { color: var(--terratext); border-color: var(--terra); }
.pt-w-marke--fehler { color: var(--t-red, #C81E1E); border-color: var(--t-red, #C81E1E); }
.pt-w-namen { grid-column: 1 / -1; font-size: 0.75rem; color: var(--dim); margin: 2px 0 0; }
@media (max-width: 700px) { .pt-w-lauf { grid-template-columns: minmax(0, 1fr); gap: 2px; } }