/* Lehrzeug Fächerblick – werkzeugeigenes Design. Gemeinsames Design: /kern/kern.css */
.fb-privacy { margin: 0 0 18px; }
.fb-list { display: grid; gap: 8px; }
.fb-item { border: 1px solid var(--line); border-radius: 14px; background: var(--surface-2); }
.fb-item summary { display: flex; align-items: center; gap: 10px; padding: 8px 10px; cursor: pointer; list-style: none; }
.fb-item summary::-webkit-details-marker { display: none; }
.fb-item summary b { flex: 1; min-width: 0; }
.fb-item summary small { color: var(--ink-3); font-variant-numeric: tabular-nums; }
.fb-em { font-size: 20px; }
.fb-sum-btns { display: flex; }
.fb-body { padding: 4px 12px 12px; display: grid; gap: 10px; }
.fb-body .field-label { display: grid; gap: 6px; font-weight: 500; }
.fb-body .field > .field-label { display: block; }
.fb-chips { display: flex; flex-wrap: wrap; gap: 5px; }
.fb-chip { border: 1px solid var(--line-2); background: var(--surface); border-radius: 99px; padding: 4px 10px; font-size: 13px; }
.fb-chip.is-on { background: var(--lila-soft); border-color: var(--lila); color: var(--lila-ink); font-weight: 500; }
.fb-add { display: flex; flex-wrap: wrap; gap: 6px; }
.more summary { display: flex; align-items: center; gap: 6px; }
.fb-paper { background: #fff; color: #071B4A; max-width: 760px; margin: 0 auto; box-shadow: 0 10px 30px -18px rgba(7, 27, 74, .5); border-radius: 4px; }
.fb-paper.fbp-quer { max-width: 100%; }
.fb-paper .fbs { padding: 30px 34px; }

/* Blatt (Bildschirm und Druck) */
.fbs { --c1: #0A7F68; --c2: #F5A623; font-family: var(--font); color: #071B4A; font-size: 10pt; line-height: 1.45; }
.fbs-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; border-bottom: 2px solid #071B4A; padding-bottom: 8px; margin-bottom: 10px; }
.fbs-k { margin: 0; color: #0A7F68; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; font-size: .8em; }
.fbs-head h1 { margin: 0; font-size: 1.9em; letter-spacing: -.02em; line-height: 1.15; }
.fbs-kl { margin: 2px 0 0; color: #3D4B66; }
.fbs-legend { display: flex; align-items: center; gap: 5px; font-size: .8em; color: #3D4B66; white-space: nowrap; }
.fbs-legend span { width: 10px; height: 10px; border-radius: 3px; margin-left: 8px; }
.fbs-legend .l1 { background: var(--c1); } .fbs-legend .l2 { background: var(--c2); }
.fbs-intro { margin: 0 0 12px; color: #3D4B66; }
.fbs-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.fbs-quer .fbs-grid { grid-template-columns: repeat(4, 1fr); }
.fbs-card { border: 1px solid #CCD6E1; border-radius: 10px; padding: 8px 10px; break-inside: avoid; }
.fbs-ch { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 8px; align-items: center; }
.fbs-ch b { display: block; font-size: 1.05em; line-height: 1.2; overflow-wrap: anywhere; hyphens: auto; }
.fbs-ch small { display: block; color: #5B6372; font-size: .85em; }
.fbs-em { font-size: 1.5em; }
.fbs-donut { --p: 50; position: relative; width: 42px; height: 42px; border-radius: 50%; background: conic-gradient(var(--c1) calc(var(--p) * 1%), var(--c2) 0); display: grid; place-items: center; }
.fbs-donut > span { width: 30px; height: 30px; border-radius: 50%; background: #fff; display: grid; place-items: center; font-weight: 700; font-size: .78em; line-height: 1; }
.fbs-donut small { font-size: .7em; }
.fbs-nums { margin: 6px 0 2px; font-size: .92em; }
.fbs-tags { display: flex; flex-wrap: wrap; gap: 3px; margin: 4px 0 0; }
.fbs-tags span { font-size: .78em; padding: 1px 7px; border-radius: 99px; background: #F1E8FF; color: #6F35D3; }
.fbs-note { margin: 4px 0 0; font-size: .82em; color: #3D4B66; }
.fbs-table { width: 100%; border-collapse: collapse; }
.fbs-table th { text-align: left; font-size: .78em; text-transform: uppercase; letter-spacing: .04em; color: #5B6372; border-bottom: 1.5px solid #071B4A; padding: 4px 6px; }
.fbs-table td { border-bottom: 1px solid #DDE4EC; padding: 5px 6px; vertical-align: top; }
.fbs-table td .fbs-em { font-size: 1.1em; margin-right: 6px; }
.fbs-bar { --p: 50; display: block; width: 90px; height: 8px; border-radius: 99px; background: var(--c2); overflow: hidden; margin: 4px 0 2px; }
.fbs-bar i { display: block; height: 100%; width: calc(var(--p) * 1%); background: var(--c1); }
.fbs-foot { margin: 12px 0 0; font-size: .75em; color: #5B6372; }
.fbp-print { background: #fff; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
.fbp-print.fbp-hoch { width: 210mm; min-height: 296mm; padding: 12mm 13mm; }
.fbp-print.fbp-quer { width: 297mm; min-height: 209mm; padding: 9mm 11mm; }
@media (max-width: 600px) { .fbs-grid { grid-template-columns: 1fr 1fr; } .fb-paper .fbs { padding: 18px 14px; } .fbs-head { flex-direction: column; align-items: flex-start; } }