/* Team app ▸ Moderation ▸ Verwarnungen ▸ unmatched notes „nicht mit Server abgleichbar“ (25.10.2026, the block
   „Unmatched notes“ in team/teamModeration.js). Tokens only (the --tm-* of team-moderation.css), light + dark through
   the tokens, 390 px: everything wraps. */

#teamVerwarnungenView .tm-offen-pill[hidden] { display: none; }
#teamVerwarnungenView .tm-offen-pill { display: inline-flex; align-items: center; gap: var(--space-2); }
#teamVerwarnungenView .tm-offen-pill[aria-pressed="true"] { background: var(--warning-soft); border-color: var(--warning); color: var(--tm-warn-text); }
#teamVerwarnungenView .tm-offen-zahl { min-width: 18px; padding: 0 var(--space-1); border-radius: var(--radius-pill); background: var(--warning-soft); color: var(--tm-warn-text); font-size: var(--fs-11); text-align: center; }

/* Marker in the row and in the detail head: warning tone, one line of its own (never cut by the ellipsis of the meta line). */
#teamVerwarnungenView .tm-offen-zeile { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-1); margin-top: 2px; }
#teamVerwarnungenView .tm-offen-marker { display: inline-flex; align-items: center; height: 18px; padding: 0 var(--space-2); border: 1px solid var(--warning); border-radius: var(--radius-pill);
  background: var(--warning-soft); color: var(--tm-warn-text); font-size: var(--fs-11); font-weight: var(--fw-medium); white-space: nowrap; cursor: help; }
#teamVerwarnungenView .tm-offen-hinweis { font-size: var(--fs-11); color: var(--text-3); cursor: help; }
#teamVerwarnungenView .tm-zeile-offen .tm-avatar, #teamVerwarnungenView .tm-avatar-offen { background: var(--warning-soft); color: var(--tm-warn-text); }

/* Detail: „Person zuordnen“. */
#teamVerwarnungenView .tm-offen-text { margin: 0; color: var(--text-2); font-size: var(--fs-13); line-height: 1.5; }
#teamVerwarnungenView .tm-offen-zuordnen .tm-suche { flex: none; max-width: none; }
#teamVerwarnungenView .tm-offen-treffer { display: flex; flex-direction: column; gap: var(--space-1); margin: 0; padding: 0; list-style: none; }
#teamVerwarnungenView .tm-offen-person { display: flex; align-items: center; gap: var(--space-3); width: 100%; min-width: 0; padding: var(--space-2) var(--space-3); border: 1px solid transparent;
  border-radius: var(--radius-md); background: transparent; color: var(--text-1); font: inherit; text-align: left; cursor: pointer; }
#teamVerwarnungenView .tm-offen-person .tm-person-text { display: flex; flex-direction: column; flex: 1 1 auto; min-width: 0; }
#teamVerwarnungenView .tm-offen-person .tm-person-name { font-size: var(--fs-13); font-weight: var(--fw-medium); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (hover: hover) { #teamVerwarnungenView .tm-offen-person:hover { background: var(--tm-fuellung); } }
#teamVerwarnungenView .tm-offen-person[aria-pressed="true"] { border-color: var(--tm-akzent-rand); background: var(--tm-akzent-flaeche); }
#teamVerwarnungenView .tm-offen-person:focus-visible { outline: none; box-shadow: var(--focus-ring); }
#teamVerwarnungenView .tm-offen-tags { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--space-1); flex: none; max-width: 45%; }
#teamVerwarnungenView .tm-offen-tag { padding: 0 var(--space-2); border-radius: var(--radius-pill); background: var(--tm-fuellung-stark); color: var(--text-2); font-size: var(--fs-11); white-space: nowrap; }
#teamVerwarnungenView .tm-offen-frage { background: var(--tm-akzent-flaeche); }
#teamVerwarnungenView .tm-offen-bilder .tm-daumen-bild { width: 72px; height: 72px; }
@media (max-width: 640px) {
  #teamVerwarnungenView .tm-offen-person { flex-wrap: wrap; }
  #teamVerwarnungenView .tm-offen-tags { max-width: none; justify-content: flex-start; padding-left: calc(32px + var(--space-3)); }
}

/* Suggestion of the daily sync (a person confirms) and the confirm / undo buttons in the profile card (both views). */
#teamVerwarnungenView .tm-offen-vorschlag { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-2); padding: var(--space-2) var(--space-3);
  border: 1px solid var(--tm-akzent-rand); border-radius: var(--radius-md); background: var(--tm-akzent-flaeche); font-size: var(--fs-13); color: var(--text-1); }
#teamVerwarnungenView .tm-offen-vorschlag-text { min-width: 0; overflow-wrap: anywhere; }
:is(#teamUserbetreuungView, #teamVerwarnungenView) .tm-eintrag-links .tm-mini { flex: none; }
:is(#teamUserbetreuungView, #teamVerwarnungenView) .tm-offen-loesen { display: inline-flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); padding: var(--space-1) var(--space-2);
  border-radius: var(--radius-md); background: var(--danger-soft); font-size: var(--fs-12); color: var(--text-1); }