/* Slide Die Fragen: links der Ordner, rechts Bedienung, Antwort, Protokoll.
   Oben ausgerichtet, flach, ohne Zierrat. */

.ordnerbody { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: var(--space-6); height: 100%; align-content: start; }
.ordnerbody .beispielhinweis { grid-column: 1 / -1; margin: 0; font-size: .9rem; }
.ordnerbody .explorer { min-width: 0; overflow-x: auto; }
.ordnerbody .steuerung { overflow-x: auto; }
@media (max-width: 800px) { .ordnerbody { grid-template-columns: minmax(0, 1fr); } }

/* Links: die Dateiansicht */
.explorer .pfad { font-family: ui-monospace, monospace; font-size: .9rem; color: var(--color-text-secondary); margin: 0 0 .4em; }
.ordnertabelle { width: 100%; border-collapse: collapse; font-size: clamp(.75rem, .9vw, .98rem); }
.ordnertabelle th { text-align: left; font-size: .7rem; text-transform: uppercase; letter-spacing: .04em; color: var(--color-text-muted); font-weight: 700; padding: 0 .5em .3em 0; border-bottom: 2px solid var(--color-text-primary); }
.ordnertabelle th.haken { text-align: center; width: 2.2em; padding-right: 0; font-family: ui-monospace, monospace; text-transform: none; letter-spacing: 0; font-size: .82rem; color: var(--color-text-primary); }
.ordnertabelle td { padding: .3em .5em .3em 0; border-top: 1px solid var(--color-border); color: var(--color-text-primary); vertical-align: top; }
.ordnertabelle .datei { font-family: ui-monospace, monospace; white-space: nowrap; }
.ordnertabelle td.haken { text-align: center; padding-right: 0; }
.ordnertabelle .rolle { white-space: nowrap; color: var(--color-text-secondary); }
.ordnertabelle .richtlinie { color: var(--color-text-secondary); }
/* Ergebnisfarbe nur, wenn auch protokolliert wird: vorher darf die Tabelle
   nicht verraten, was der Agent angefasst hat. */
.ordnertabelle tr.erlaubt .datei { font-weight: 700; }
.ordnertabelle tr.verweigert .datei { color: #b02a37; text-decoration: line-through; }
.ordnertabelle input:disabled { cursor: not-allowed; }

/* Rechts: Bedienung und Ergebnis */
.steuerung { display: flex; flex-direction: column; gap: var(--space-3); min-width: 0; }
.bedienung { display: flex; align-items: center; gap: var(--space-2); flex-wrap: wrap; }
.bedienung select, .bedienung button { font: inherit; padding: .35em .7em; border: 1px solid var(--color-text-primary); background: var(--color-surface); color: var(--color-text-primary); }
.bedienung button { cursor: pointer; font-weight: 700; }
.bedienung button:disabled { opacity: .35; cursor: default; }
.bedienung select { flex: 1 1 22ch; min-width: 0; }
.bedienung .stufenwahl { display: flex; gap: .3em; }
.bedienung .stufe { font-weight: 400; padding: .35em .55em; }
.bedienung .stufe.aktiv { font-weight: 700; background: var(--color-text-primary); color: var(--color-surface); }
.bedienung .zurueck { font-weight: 400; color: var(--color-text-muted); border-color: var(--color-border); }
.bedienung select:focus-visible, .bedienung button:focus-visible { outline: 2px solid var(--color-text-primary); outline-offset: 2px; }

.steuerung .hinweis { margin: 0; color: #b02a37; font-weight: 700; font-size: .85rem; }
.steuerung .hinweis.hidden { display: none; }
.steuerung h3 { margin: 0; font-size: clamp(.8rem, .95vw, 1rem); text-transform: uppercase; letter-spacing: .04em; color: var(--color-text-muted); border-bottom: 2px solid var(--color-text-primary); padding-bottom: .2em; }
.steuerung h3.hidden { display: none; }
.steuerung .antwort { font-size: clamp(.82rem, .98vw, 1.08rem); line-height: 1.4; color: var(--color-text-primary); margin: 0; }

.protokolltabelle { width: 100%; border-collapse: collapse; font-size: clamp(.68rem, .8vw, .88rem); }
.protokolltabelle.hidden { display: none; }
.protokolltabelle th { text-align: left; font-size: .68rem; text-transform: uppercase; letter-spacing: .04em; color: var(--color-text-muted); font-weight: 700; padding: 0 .5em .25em 0; }
.protokolltabelle td { padding: .25em .5em .25em 0; border-top: 1px solid var(--color-border); color: var(--color-text-primary); vertical-align: top; }
.protokolltabelle .zeit { white-space: nowrap; font-variant-numeric: tabular-nums; color: var(--color-text-secondary); }
.protokolltabelle .auftrag { white-space: nowrap; color: var(--color-text-secondary); }
.protokolltabelle .datei { font-family: ui-monospace, monospace; white-space: nowrap; }
.protokolltabelle .wert { white-space: nowrap; }
.protokolltabelle tr.verweigert .wert { color: #b02a37; font-weight: 700; }
.protokolltabelle .nichts { color: #b02a37; font-weight: 600; }