/* Werkstatt-Brücke: biegt die Variablen des Lehrerplaners (planer.css) auf die Hub-Tokens um.
   Wird nach planer.css geladen. Keine Farb-Literale: alles kommt aus css/tokens.css. */

.lp {
  --bg: var(--color-paper);
  --bg-grad: none;
  --surface: var(--color-paper-3);
  --surface-2: var(--color-paper);
  --surface-3: var(--color-paper-2);
  --border: var(--color-rule);
  --border-strong: var(--color-ink);
  --text: var(--color-ink);
  --text-2: var(--color-ink-2);
  --text-3: var(--color-muted);
  --accent: var(--color-ink);
  --accent-hover: var(--color-ink-2);
  --accent-soft: var(--color-paper-2);
  --accent-on: var(--color-paper-3);
  --ok: var(--state-good);
  --ok-soft: var(--state-good-soft);
  --warn: var(--state-mid);
  --warn-soft: var(--state-mid-soft);
  --err: var(--state-bad);
  --err-soft: var(--state-bad-soft);
  --info: var(--color-accent);
  --info-soft: var(--color-paper-2);
  --radius-sm: 0;
  --radius: 0;
  --radius-lg: 0;
  --shadow-1: none;
  --shadow-2: none;
  --shadow-pop: none;
  --sidebar-bg: var(--color-paper);
  --font: var(--font-body);
  --transition: var(--dur-micro) var(--ease-out);
}

/* Der Planer war eine ganze Seite; im Hub ist er ein Bereich der Lehrer-Ansicht. */
.lp:not(.modal-overlay):not(#print-area):not(.toast-root) {
  height: auto;
  min-height: 0;
  background: transparent;
  font-size: 15px;
}

/* Werkstatt: Rahmen statt Schatten, Überschriften in Jost-Versalien */
.lp .card { border: var(--rule-bar) solid var(--color-ink); }
.lp .card-title, .lp .page-title, .lp .modal-title {
  font-family: var(--font-display);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: var(--tracking-display);
}
.lp .modal { border: var(--rule-box) solid var(--color-ink); }
.lp.modal-overlay { background: var(--color-scrim); }

/* Drucken aus dem Planer: nur der Druckbereich */
@media print {
  body.print-mode > :not(#print-area) { display: none !important; }
  body.print-mode #print-area { display: block !important; }
}

/* Lehrer-Hub: Lernstand live auf der Startseite */
.lp .dash-live-list { margin: 0; padding: 0; list-style: none; display: grid; gap: var(--space-xs); }
.lp .kl-st-hub { margin-left: var(--space-xs); }