/* Die Betreuersicht.
 *
 * Kein eigenes Aussehen — `portal.css` traegt alles, was die Bewerberseite
 * ausmacht, und diese Datei setzt nur obendrauf, was es dort nicht gibt:
 * die Vorratszahlen, die Bewerberliste, die Einladungen.
 *
 * Der Bediener am 06.08.2026: „wir orientieren uns an der Useroberflaeche
 * … nicht ueberladen und nur das, was wirklich Sinn macht."
 */

.adam-wer {
  font-size: .85rem; color: var(--gedaempft, #6b6459); margin-right: .6rem;
}

/* ── Der Vorrat ─────────────────────────────────────────────────────── */

.adam-vorrat-zahlen {
  display: flex; gap: 1.6rem; margin-bottom: .9rem;
}
.adam-vorrat-zahlen div { display: flex; flex-direction: column; }
.adam-vorrat-zahlen b { font-size: 1.7rem; line-height: 1.1; }
.adam-vorrat-zahlen span {
  font-size: .74rem; color: var(--gedaempft, #6b6459); text-transform: lowercase;
}

.adam-einladen {
  display: flex; align-items: center; gap: .5rem; flex-wrap: wrap;
}
.adam-einladen label { font-size: .8rem; }
.adam-einladen input { width: 5rem; }

/* ── Offene Einladungen ─────────────────────────────────────────────── */

.adam-einladungen { list-style: none; padding: 0; margin: 0; }
.adam-einladungen li {
  display: flex; align-items: center; gap: .5rem; flex-wrap: wrap;
  padding: .45rem 0; border-top: 1px solid var(--rand, #e3e0da);
}
.adam-einladungen li:first-child { border-top: 0; }
/* Der Link ist zum Kopieren da, nicht zum Lesen — ein Klick waehlt ihn
   ganz aus. Schmal gehalten, damit er die Zeile nicht auffrisst. */
.adam-link {
  flex: 1 1 14rem; min-width: 0; font-family: ui-monospace, monospace;
  font-size: .74rem; padding: .3rem .45rem;
}
.adam-einladung-zahl { font-size: .78rem; font-weight: 600; }
.adam-einladung-rest { font-size: .74rem; color: var(--gedaempft, #6b6459); }

/* ── Die Bewerberliste ──────────────────────────────────────────────── */

.adam-liste { list-style: none; padding: 0; margin: 0; }
.adam-zeile {
  display: flex; align-items: center; gap: .8rem;
  border-top: 1px solid var(--rand, #e3e0da);
}
.adam-zeile:first-child { border-top: 0; }
.adam-zeile > a {
  flex: 1 1 auto; display: flex; flex-direction: column; gap: .1rem;
  padding: .6rem 0; text-decoration: none; color: inherit; min-width: 0;
}
.adam-zeile > a:hover .adam-name { text-decoration: underline; }
.adam-name { font-weight: 600; }
.adam-stand {
  font-size: .78rem; color: var(--gedaempft, #6b6459);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

/* Drei Zahlen in fester Breite, damit sie untereinander stehen und man
   die Spalte lesen kann statt jede Zeile einzeln. */
.adam-zahlen {
  display: flex; gap: .55rem; font-variant-numeric: tabular-nums;
  font-size: .9rem; color: var(--gedaempft, #6b6459);
}
.adam-zahlen > span { min-width: 1.6rem; text-align: right; }

.adam-marke {
  font-size: .72rem; padding: .12rem .5rem; border-radius: 999px;
  background: var(--rand, #e3e0da); color: var(--text, #2e2a24);
}
.adam-marke.onboarding { background: #f3e6c8; }

.adam-legende { margin-top: .6rem; }

@media (max-width: 560px) {
  .adam-vorrat-zahlen { gap: 1.1rem; }
  .adam-vorrat-zahlen b { font-size: 1.35rem; }
}

/* ── Die Einzelsicht ────────────────────────────────────────────────── */

.adam-zurueck { margin: 0 0 .7rem; font-size: .85rem; }

.adam-kopf {
  display: flex; align-items: flex-start; justify-content: space-between;
  gap: 1rem; flex-wrap: wrap;
}
.adam-kopf h1 { margin: 0 0 .15rem; }
.adam-kopf code {
  font-size: .82rem; background: var(--rand, #e3e0da);
  padding: .05rem .35rem; border-radius: 4px;
}
.adam-kopf-zahlen { display: flex; gap: 1.3rem; }
.adam-kopf-zahlen div { display: flex; flex-direction: column; }
.adam-kopf-zahlen b { font-size: 1.5rem; line-height: 1.1; }
.adam-kopf-zahlen span {
  font-size: .72rem; color: var(--gedaempft, #6b6459);
}

.adam-slotform { display: flex; align-items: center; gap: .5rem; flex-wrap: wrap; }
.adam-slotform input { width: 5rem; }

/* ── Unterlagen ─────────────────────────────────────────────────────── */

.adam-unterlagen, .adam-kanaele { list-style: none; padding: 0; margin: 0; }
.adam-unterlagen li {
  display: grid; grid-template-columns: 9rem 1fr auto; gap: .6rem;
  align-items: baseline; padding: .45rem 0;
  border-top: 1px solid var(--rand, #e3e0da);
}
.adam-unterlagen li:first-child { border-top: 0; }
.adam-u-was { font-weight: 600; font-size: .88rem; }
.adam-u-datei {
  font-size: .8rem; color: var(--gedaempft, #6b6459);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
/* Der Ton faerbt nur den Stand, nicht die ganze Zeile — eine rote Zeile
   liest sich als Fehler, dabei ist „fehlt noch" der Normalfall. */
.adam-u-stand { font-size: .78rem; }
.adam-unterlagen li.fertig .adam-u-stand { color: #2f7d4f; }
.adam-unterlagen li.laeuft .adam-u-stand { color: #9a6b1f; }
.adam-unterlagen li.offen  .adam-u-stand { color: var(--gedaempft, #6b6459); }

.adam-kanaele li {
  display: flex; justify-content: space-between; gap: 1rem;
  padding: .4rem 0; border-top: 1px solid var(--rand, #e3e0da);
}
.adam-kanaele li:first-child { border-top: 0; }
.adam-kanaele span { font-size: .85rem; color: var(--gedaempft, #6b6459); }

/* ── Die Schalter ───────────────────────────────────────────────────── */

.adam-schalter { list-style: none; padding: 0; margin: 0 0 .9rem; }
.adam-schalter li { padding: .4rem 0; }
.adam-schalter label {
  display: grid; grid-template-columns: auto 1fr; gap: .1rem .55rem;
  align-items: start; cursor: pointer; font-size: .9rem;
}
.adam-schalter input { margin-top: .2rem; }
/* Die Begruendung unter die Zeile, eingerueckt — sie gehoert zum
   Schalter, soll ihn aber nicht optisch verdraengen. */
.adam-schalter em {
  grid-column: 2; font-style: normal; font-size: .76rem;
  color: var(--gedaempft, #6b6459);
}

.adam-kennwort { display: flex; align-items: center; gap: .5rem; flex-wrap: wrap; }
.adam-kennwort input { flex: 1 1 12rem; min-width: 0; }

.adam-debug { opacity: .85; }

@media (max-width: 560px) {
  .adam-unterlagen li { grid-template-columns: 1fr; gap: .1rem; }
  .adam-kopf-zahlen { gap: 1rem; }
}

/* ── Die Arbeitsliste ───────────────────────────────────────────────── */

/* Sie steht oben und soll auch so aussehen — aber nicht alarmierend.
   Was hier liegt, ist normale Arbeit, kein Fehler. */
.adam-ausgang { border-left: 3px solid #9a6b1f; }
.adam-zahl {
  font-size: .8rem; font-weight: 600; padding: .1rem .5rem;
  border-radius: 999px; background: var(--rand, #e3e0da);
  vertical-align: middle; margin-left: .35rem;
}

.adam-ausgangsliste { list-style: none; padding: 0; margin: .6rem 0 0; }
.adam-ausgangsliste li {
  display: flex; align-items: baseline; gap: .6rem; flex-wrap: wrap;
  padding: .5rem 0; border-top: 1px solid var(--rand, #e3e0da);
}
.adam-ausgangsliste li:first-child { border-top: 0; }

/* Der Weg zuerst und in fester Breite: er entscheidet, was zu tun ist —
   Portal heisst abtippen, Post heisst drucken. */
.adam-weg {
  min-width: 3.6rem; font-size: .72rem; font-weight: 600;
  text-transform: uppercase; letter-spacing: .03em;
}
.adam-ausgangsliste li.portal .adam-weg { color: #2f6d9a; }
.adam-ausgangsliste li.brief  .adam-weg { color: #9a6b1f; }

.adam-a-wer { font-weight: 600; font-size: .9rem; }
.adam-a-firma { font-size: .88rem; }
.adam-a-ziel {
  font-size: .78rem; color: var(--gedaempft, #6b6459);
  flex: 1 1 8rem; min-width: 0; overflow: hidden;
  text-overflow: ellipsis; white-space: nowrap;
}
.adam-a-mappe { font-size: .8rem; margin-left: auto; }

/* ── Die Bewerbungen ────────────────────────────────────────────────── */

.adam-mappen { list-style: none; padding: 0; margin: 0; }
.adam-mappen li {
  display: flex; align-items: baseline; gap: .6rem;
  padding: .4rem 0; border-top: 1px solid var(--rand, #e3e0da);
}
.adam-mappen li:first-child { border-top: 0; }
.adam-m-ref {
  font-variant-numeric: tabular-nums; font-size: .8rem;
  color: var(--gedaempft, #6b6459); min-width: 2.6rem;
}
.adam-m-firma { font-weight: 600; font-size: .88rem; }
.adam-m-titel {
  font-size: .8rem; color: var(--gedaempft, #6b6459);
  flex: 1 1 6rem; min-width: 0; overflow: hidden;
  text-overflow: ellipsis; white-space: nowrap;
}
.adam-m-link { font-size: .8rem; margin-left: auto; }