/* Lehrzeug Stundenziel – werkzeugeigenes Design. Gemeinsames Design: /kern/kern.css */
.lz-sec-title .i { width: 18px; height: 18px; color: var(--teal-ink); }
.sz-krit, .sz-ablauf { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.sz-krit li { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 6px; }
.sz-ich { font-size: 13px; font-weight: 700; color: var(--teal-ink); white-space: nowrap; }
.sz-ablauf li { display: grid; grid-template-columns: minmax(0, 1fr) 56px auto auto; align-items: center; gap: 6px; font-size: 13px; color: var(--ink-3); }
.sz-ops .chips { gap: 5px; }
.sz-op { border: 0; cursor: pointer; font-size: 12.5px; padding: 4px 10px; }
.sz-op:hover { background: var(--teal-soft); color: var(--teal-ink); }
/* Tafel am Beamer */
.sz-board { position: relative; display: grid; gap: 10px; padding: 24px 28px; border-radius: 24px; color: #fff; outline: none; min-height: 460px; align-content: start;
  background: radial-gradient(circle at 88% 10%, rgba(46, 124, 246, .45), transparent 44%), radial-gradient(circle at 8% 100%, rgba(18, 199, 163, .35), transparent 50%), #071B4A; }
.sz-top { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; }
.sz-kick { margin: 0; padding: 5px 14px; border-radius: 99px; background: rgba(18, 199, 163, .18); border: 1px solid rgba(18, 199, 163, .45); color: #5FF0D2; font-size: 13.5px; font-weight: 700; }
.sz-tools { display: flex; gap: 6px; }
.sz-board .bu-ib { display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; border-radius: 99px; border: 1px solid rgba(255, 255, 255, .25); background: rgba(255, 255, 255, .07); color: #DCE6F5; font-size: 13.5px; cursor: pointer; }
.sz-board .bu-ib .i { width: 16px; height: 16px; }
.sz-l { margin: 8px 0 0; color: #F5C04A; font-weight: 700; font-size: clamp(.95rem, 1.5vw, 1.15rem); }
.sz-ziel { margin: 0; font-size: clamp(1.5rem, 3.2vw, 2.5rem); line-height: 1.2; letter-spacing: -.02em; }
.sz-blist { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.sz-bk { display: flex; align-items: center; gap: 14px; width: 100%; text-align: left; padding: 10px 14px; border-radius: 14px; border: 1px solid rgba(255, 255, 255, .18); background: rgba(255, 255, 255, .06); color: #fff; font-size: clamp(1.05rem, 2vw, 1.5rem); font-weight: 600; cursor: pointer; transition: background .15s; }
.sz-bk:hover { background: rgba(255, 255, 255, .12); }
.sz-box { display: grid; place-items: center; width: 34px; height: 34px; flex: none; border-radius: 10px; border: 2px solid rgba(255, 255, 255, .55); color: transparent; }
.sz-box .i { width: 22px; height: 22px; stroke-width: 3; }
.sz-bk.is-done { background: rgba(18, 199, 163, .2); border-color: #12C7A3; }
.sz-bk.is-done .sz-box { background: #12C7A3; border-color: #12C7A3; color: #04241D; }
.sz-empty { color: #A9B8D3; }
.sz-prog { display: flex; align-items: center; gap: 12px; margin-top: 4px; }
.sz-bar { flex: 1; height: 12px; border-radius: 99px; background: rgba(255, 255, 255, .12); overflow: hidden; }
.sz-bar i { display: block; height: 100%; width: 0; background: linear-gradient(90deg, #12C7A3, #5FF0D2); transition: width .4s; }
.sz-prog b { white-space: nowrap; color: #C9D5EA; }
.sz-board.is-all .sz-prog b { color: #5FF0D2; }
.sz-bablauf { list-style: none; margin: 6px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.sz-bablauf button { display: grid; text-align: left; padding: 6px 12px; border-radius: 12px; border: 1px solid rgba(255, 255, 255, .2); background: rgba(255, 255, 255, .05); color: #C9D5EA; cursor: pointer; }
.sz-bablauf b { font-size: 14px; } .sz-bablauf small { font-size: 12px; opacity: .8; }
.sz-bablauf button.is-now { background: #F5C04A; border-color: #F5C04A; color: #3A2A00; }
.sz-bablauf button.is-past { opacity: .5; }
.sz-ha { display: flex; gap: 8px; align-items: center; margin: 4px 0 0; color: #DCE6F5; }
.sz-ha .i { width: 18px; height: 18px; color: #F5C04A; }
.sz-exit { position: absolute; top: 14px; right: 14px; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .3); background: rgba(7, 27, 74, .6); color: #fff; cursor: pointer; }
.sz-exit[hidden] { display: none; }
.sz-board.is-full { position: fixed; inset: 0; z-index: 1000; border-radius: 0; padding: 4vh 6vw; overflow: auto; }
.sz-board.is-full .sz-tools { margin-right: 54px; }
.sz-board.is-full .sz-ziel { font-size: clamp(2rem, 4.5vw, 3.6rem); }
.sz-board.is-full .sz-bk { font-size: clamp(1.3rem, 2.8vw, 2.2rem); }
@media (max-width: 640px) { .sz-board { padding: 16px; } .sz-board .bu-ib span { display: none; } }
/* Druck: Plakat (A4 quer) und Selbsteinschätzung */
.sz-poster { width: 297mm; min-height: 209mm; padding: 16mm 20mm; box-sizing: border-box; font-family: var(--font); color: #071B4A; background: #fff; }
.sz-p-kick { margin: 0; font-size: 12pt; font-weight: 700; color: #08735E; text-transform: uppercase; letter-spacing: .08em; }
.sz-p-l { margin: 6mm 0 1mm; font-size: 13pt; font-weight: 700; color: #8A5A00; }
.sz-poster h1 { margin: 0; font-size: 30pt; line-height: 1.15; }
.sz-poster ol { list-style: none; margin: 2mm 0 0; padding: 0; display: grid; gap: 4mm; }
.sz-poster li { display: flex; align-items: center; gap: 5mm; font-size: 20pt; font-weight: 600; }
.sz-poster li i { width: 10mm; height: 10mm; border: .8mm solid #071B4A; border-radius: 2mm; flex: none; }
.sz-self { font-family: var(--font); color: #071B4A; font-size: 11pt; }
.sz-self h1 { margin: 0 0 2mm; font-size: 18pt; }
.sz-s-t, .sz-s-z { margin: 0 0 2mm; }
.sz-s-tab { width: 100%; border-collapse: collapse; margin: 3mm 0 5mm; }
.sz-s-tab th { font-size: 8.5pt; padding: 1.5mm; border-bottom: .4mm solid #071B4A; text-align: center; }
.sz-s-tab th:first-child { text-align: left; }
.sz-s-tab td { padding: 2.5mm 1.5mm; border-bottom: .25mm solid #CCD6E1; }
.sz-s-tab td:not(:first-child) { text-align: center; width: 19mm; }
.sz-s-tab td i { display: inline-block; width: 5mm; height: 5mm; border: .35mm solid #071B4A; border-radius: 1mm; }
.sz-s-q { margin: 3mm 0 0; font-weight: 700; }
.sz-s-line { display: block; height: 9mm; border-bottom: .3mm solid #9AA6B8; }