/* test-auswertung.css -- [NEUE-VERSION] (Auftrag 262/290, Fenster TB2): Session-Liste (P0), Note im Dashboard und Werkzeugleiste (P1). */

/* P0: Liste */
.lzk-liste__abgegeben.ta-chip { display: inline-block; padding: 0.05rem 0.5rem; border-radius: 999px; background: #e3f2e6; color: #1b5e20; font-size: 0.82rem; font-weight: 700; }
.lzk-liste__abgegeben.ta-chip--leer { background: #eceff1; color: #546e7a; font-weight: 600; }
.ta-liste__punkte { margin-left: 0.4rem; font-size: 0.82rem; font-weight: 600; color: var(--farbe-text-leise, #546e7a); white-space: nowrap; }
.ta-zwilling { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; margin: 0.35rem 0; padding: 0.4rem 0.7rem; border-radius: 0.4rem; background: #fff8e1; border: 1px solid #f0d58a; color: #5d4300; font-size: 0.9rem; }
.ta-zwilling[hidden] { display: none; }

/* P1: Spalten (die Klasse lzk-raster__benotung sorgt für den Beamer) */
.lzk-raster__benotung.ta-spalte { min-width: 3rem; padding: 0 0.4rem; }
.ta-note--vorlaeufig { color: #8a4b00; font-style: italic; }
.ta-note__marke { font-size: 0.72rem; font-weight: 500; }
.ta-note--leer { color: #90a4ae; font-weight: 400; }
.lzk-raster.ta-ohne-lo .ta-spalte--lo { display: none; }

/* P1: Werkzeugleiste. Ab 1100 px Einzelknöpfe, darunter ein Menü. Nie eine zweite Reihe. */
.ta-menue { position: relative; display: inline-block; }
.ta-menue[hidden] { display: none; }
.ta-menue__kopf { list-style: none; cursor: pointer; white-space: nowrap; }
.ta-menue__kopf::-webkit-details-marker { display: none; }
.ta-menue__liste { position: absolute; z-index: 30; top: 100%; left: 0; min-width: 12rem; max-width: calc(100vw - 1.5rem); margin-top: 0.2rem; padding: 0.25rem; background: var(--farbe-karte, #fff); border: 1px solid var(--farbe-rand, #cfd8dc); border-radius: 0.4rem; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.16); }
.ta-menue__eintrag { display: block; width: 100%; padding: 0.45rem 0.6rem; border: 0; background: none; text-align: left; font: inherit; cursor: pointer; border-radius: 0.3rem; color: inherit; }
.ta-menue__eintrag:hover, .ta-menue__eintrag:focus-visible { background: var(--farbe-flaeche, #eef2f5); }
.ta-menue__eintrag[hidden] { display: none; }
.ta-knopf--aktiv { font-weight: 700; }
.ta-knopf[hidden] { display: none; }
@media (min-width: 1100px) { .ta-menue, .lzk-el[data-lzk-el-id="ta-menue"] { display: none; } }
@media (max-width: 1099.98px) { .ta-knopf, .lzk-el[data-lzk-el-id^="ta-"]:not([data-lzk-el-id="ta-menue"]) { display: none; } }
@media (max-width: 899.98px) { .ta-menue__wort { display: none; } }

/* P1: Hinweise über dem Raster */
.ta-hinweise { display: flex; flex-direction: column; gap: 0.3rem; }
.ta-hinweis { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; padding: 0.35rem 0.7rem; border-radius: 0.4rem; font-size: 0.9rem; background: #e8f4fd; color: #0d3c61; margin: 0.15rem 0; }
.ta-hinweis[hidden] { display: none; }
.ta-hinweis--max, .ta-hinweis--warn { background: #fff8e1; color: #5d4300; border: 1px solid #f0d58a; }
.ta-hinweis__zu { margin-left: auto; border: 0; background: none; cursor: pointer; font: inherit; color: inherit; padding: 0.1rem 0.4rem; min-width: 2rem; min-height: 2rem; }

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .lzk-liste__abgegeben.ta-chip { background: #1f3d25; color: #c6ecd0; }
  :root:not([data-theme="light"]) .lzk-liste__abgegeben.ta-chip--leer { background: #37474f; color: #cfd8dc; }
  :root:not([data-theme="light"]) .ta-zwilling, :root:not([data-theme="light"]) .ta-hinweis--max, :root:not([data-theme="light"]) .ta-hinweis--warn { background: #3a3000; color: #ffe9a8; border-color: #6b5900; }
  :root:not([data-theme="light"]) .ta-hinweis { background: #12344d; color: #cfe8fb; }
}