/* bo.css — [NEUE-VERSION] (Fenster BO1A, Auftrag 269): Wochenübersicht und Klassenblatt im Bereich «Berufliche Orientierung (BO)».
   Nur neue Klassen .bo-…. Feste Spalten: Eine Änderung verschiebt nichts. Am Bildschirm über 600 px Tabelle, darunter Karten,
   ohne waagrechte Bildlaufleiste. Druck immer Tabelle, schwarzweiss lesbar («offen» steht als Wort). */

.bo-uebersicht { margin: 0.4rem 0 0.8rem; }
.bo-block { margin: 0 0 0.9rem; }
.bo-block__titel { margin: 0 0 0.25rem; font-size: 0.98rem; font-weight: 700; color: #1f3b5c; overflow-wrap: anywhere; }

.bo-tabelle { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: 0.92rem; background: #fff; }
.bo-tabelle th, .bo-tabelle td { padding: 0.3rem 0.45rem; border: 1px solid #c9d2dc; text-align: left; vertical-align: top; overflow-wrap: anywhere; }
.bo-tabelle thead th { background: #eef2f6; font-weight: 600; }
.bo-tabelle th:nth-child(1) { width: 11%; }
.bo-tabelle th:nth-child(2) { width: 13%; }
.bo-tabelle th:nth-child(3) { width: 32%; }
.bo-tabelle th:nth-child(4) { width: 22%; }
.bo-tag, .bo-zeit { white-space: nowrap; font-variant-numeric: tabular-nums; }
.bo-offen { color: #8a5a10; background: #fdf6ec; font-style: italic; }
.bo-klein { font-size: 0.84rem; color: #4d5a67; }
.bo-dok { font-size: 0.84rem; white-space: nowrap; }
.bo-fahne { color: #a3261b; font-size: 0.84rem; font-weight: 600; }

.bo-karten { display: none; }
.bo-karte { padding: 0.4rem 0.55rem; margin: 0 0 0.35rem; border: 1px solid #c9d2dc; border-radius: 6px; background: #fff; overflow-wrap: anywhere; }
.bo-karte--offen { background: #fdf6ec; }
.bo-karte__tage { font-weight: 600; font-variant-numeric: tabular-nums; }
.bo-liste { margin: 0; padding-left: 1.1rem; font-size: 0.92rem; overflow-wrap: anywhere; }

.bo-kopf-knoepfe { display: inline-flex; flex-wrap: wrap; gap: 0.4rem; margin-left: auto; }
.bo-kopf-knopf { min-height: 44px; padding: 0 0.8rem; }
.bo-werkzeug { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 0 0 0.6rem; }
.bo-werkzeug .btn { min-height: 44px; }
.bo-kind-druck { margin: 0 0 0.6rem; }
.bo-kind-druck .btn { min-height: 44px; }

@media screen and (max-width: 600px) {
  .bo-tabelle { display: none; }
  .bo-karten { display: block; }
  /* Der lange Chip «als Nächstes: …» bricht um, statt am Kartenrand abgeschnitten zu werden. */
  .schnupper-kind__stand, .schnupper-kind__woche { white-space: normal; max-width: 100%; overflow-wrap: anywhere; }
}

/* Klassenblatt, A4 quer */
.bo-klassen { width: 100%; border-collapse: collapse; table-layout: fixed; margin-top: 3mm; font-size: 9pt; line-height: 1.15; color: #000; }
.bo-klassen th, .bo-klassen td { padding: 0.8mm 1.2mm; border: 0.3mm solid #000; text-align: left; vertical-align: middle; overflow-wrap: anywhere; }
.bo-klassen thead th { font-weight: 700; }
.bo-klassen tbody th { font-weight: 600; }
.bo-klassen__name { width: 38mm; }
.bo-klassen__stand { width: 25mm; }
.bo-klassen td.bo-offen { background: none; color: #000; font-style: italic; }
.bo-klassen tr { break-inside: avoid; page-break-inside: avoid; }
.bo-blatt .bo-block__titel { color: #000; font-size: 11pt; }
.bo-blatt .bo-tabelle, .bo-blatt .bo-liste { font-size: 9.5pt; color: #000; }
.bo-blatt .bo-tabelle th, .bo-blatt .bo-tabelle td { border-color: #000; }
.bo-blatt .bo-tabelle thead th { background: none; }
.bo-blatt .bo-tabelle td.bo-offen { background: none; color: #000; }
.bo-blatt .bo-klein { font-size: 9pt; color: #000; }
.bo-blatt .bo-fahne { color: #000; font-size: 9pt; }
.bo-blatt .bo-tabelle { display: table; }
.bo-blatt .bo-karten { display: none; }
.bo-blatt .bo-block { margin-top: 4mm; break-inside: avoid; page-break-inside: avoid; }

@media print {
  .bo-tabelle { display: table; }
  .bo-karten { display: none !important; }
}