/*
 * Prüfungstrainer-Admin · admin.css
 * ------------------------------------------------------------------
 * Nur noch das, was es AUSSCHLIESSLICH im Prüfungstrainer-Admin gibt:
 * die Antwortzeilen und die Bildvorschau im Fenster „Frage bearbeiten"
 * und die einzeilige, flache Fragenliste.
 *
 * Alles andere (Farben, Buttons, Tags, Kästen, Tabellen, Formulare,
 * Fenster, Kopfzeile, Seitenleiste) kommt zentral von
 * https://dzkb.bayern/ui/ und wird hier NICHT überschrieben.
 * Keine Farbwerte in dieser Datei – nur Variablen aus tokens.css.
 */
@layer app {
  .pt-answers { display: grid; gap: var(--dzkb-space-2); }
  .pt-answer { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: var(--dzkb-space-3); }
  .pt-answer input[type="checkbox"],
  .pt-answer input[type="radio"] { width: 18px; height: 18px; margin: 0; accent-color: var(--dzkb-brand-600); }

  /* Vorschau des Fragenbilds im Fenster */
  .pt-thumb { max-width: 120px; max-height: 80px; border: 1px solid var(--dzkb-border); border-radius: var(--dzkb-radius-sm); background: var(--dzkb-surface); object-fit: contain; }

  /*
   * Fragenliste: jede Frage belegt genau EINE Zeile, alle Zeilen sind gleich hoch und so flach wie möglich.
   * Nummer, Bild, Typ und Aktionen sind so breit wie ihr Inhalt. Den restlichen Platz teilen sich
   * Frage (60 %) und Kategorie (40 %); was nicht passt, wird mit … gekürzt (voller Text beim Überfahren
   * mit der Maus). Gilt nur in der Tabellenansicht – auf dem Handy (Kartenansicht) wird der Text wie
   * überall vollständig umbrochen.
   */
  .ui-table-wrap:not(.is-stacked) > .pt-questions td { padding-block: 2px; white-space: nowrap; }
  .ui-table-wrap:not(.is-stacked) > .pt-questions tbody tr:last-child td { border-bottom: 1px solid transparent; }
  .ui-table-wrap:not(.is-stacked) > .pt-questions td.ui-table__clip { width: 60%; min-width: 20ch; }
  .ui-table-wrap:not(.is-stacked) > .pt-questions td.pt-questions__cat { width: 40%; max-width: 0; min-width: 14ch; overflow: hidden; text-overflow: ellipsis; }
  @media (pointer: fine) {
    .ui-table-wrap:not(.is-stacked) > .pt-questions .ui-icon-btn { min-width: 28px; height: 28px; }
  }
}