/* lernpfad.css — die Optik des Lernpfads, 1:1 aus dem Batcomputer.

   Die Regeln stammen unveraendert aus `~/Batcomputer/index.html`, nur auf
   `#seite-bootcamp` eingegrenzt und mit den Farbwerten des hellen
   Trading-Modus versorgt. So sieht der Bereich genauso aus wie gewohnt,
   ohne den Rest des Hubs umzufaerben. */
#seite-bootcamp{
  --bg:#eef3fa;--bg2:#e2eaf4;--panel:#ffffff;--panel2:#f7fafd;
  --line:rgba(24,52,88,0.15);--line2:rgba(24,52,88,0.30);
  --teal:#0d7ea8;--teal-dim:rgba(13,126,168,0.42);
  --amber:#a15c00;--violet:#5b4b9e;--green:#1d8a5c;--red:#c0392b;
  --blue:#2b5f9e;--cyan:#2e7fb8;--grey:#7a8798;
  --txt:#1b2836;--txt2:#0c1622;--label:#546b85;--muted:#5d7089;
  --mono:'Share Tech Mono',ui-monospace,monospace;
  --body:'Inter',ui-sans-serif,system-ui,sans-serif;
  color:var(--txt);
}
#seite-bootcamp .tb.done .ck{background:var(--teal);border-color:var(--teal)}
#seite-bootcamp .tb.done .ck svg{opacity:1}
#seite-bootcamp .ck{width:18px;height:18px;border-radius:5px;border:1.5px solid var(--line2);flex:0 0 auto;margin-top:1px;display:grid;place-items:center;cursor:pointer}
#seite-bootcamp .ck svg{width:11px;height:11px;opacity:0;color:#03130f}
#seite-bootcamp .li.done .ck, #seite-bootcamp .tb.done .ck{background:var(--teal);border-color:var(--teal)}
#seite-bootcamp .li.done .ck svg{opacity:1}
#seite-bootcamp /* === WERKZEUGKASTEN (TradingView) === */
  .wkbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}
#seite-bootcamp .wksearch{flex:1;min-width:200px;background:rgba(140,168,205,0.05);border:1px solid var(--line2);border-radius:6px;color:var(--txt2);font-family:var(--body);font-size:13px;padding:9px 12px;outline:none}
#seite-bootcamp .wksearch:focus{border-color:var(--teal-dim)}
#seite-bootcamp .wkfil{font-family:var(--mono);font-size:9.5px;letter-spacing:1.5px;color:var(--muted);border:1px solid var(--line2);background:transparent;border-radius:5px;padding:8px 12px;cursor:pointer;text-transform:uppercase}
#seite-bootcamp .wkfil:hover{color:var(--txt2)}
#seite-bootcamp .wkfil.on{color:var(--amber);border-color:var(--amber);background:rgba(255,184,77,0.07)}
#seite-bootcamp .wkcount{font-family:var(--mono);font-size:10px;letter-spacing:1px;color:var(--muted)}
#seite-bootcamp .wkcount b{color:var(--teal)}
#seite-bootcamp .wkgrp{font-family:var(--mono);font-size:10px;letter-spacing:2.5px;color:var(--label);text-transform:uppercase;margin:34px 2px 14px;padding-bottom:6px;border-bottom:1px solid var(--line);display:flex;align-items:baseline;gap:10px}
#seite-bootcamp .wkgrp small{font-family:var(--body);font-size:11.5px;letter-spacing:0;color:var(--muted);text-transform:none}
#seite-bootcamp .wkhint{font-family:var(--body);font-size:12.5px;color:var(--muted);line-height:1.5;margin:-6px 2px 4px}
#seite-bootcamp .wkgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:12px;align-items:stretch}
#seite-bootcamp .wktile.open .wkchev{transform:rotate(180deg)}
#seite-bootcamp .wkchev{font-size:9px;color:var(--line2);display:inline-block;transition:transform .15s}
#seite-bootcamp .wktoprow{display:flex;align-items:center;gap:11px;padding-bottom:11px;border-bottom:1px solid var(--line);margin-bottom:11px}
#seite-bootcamp .wkzeile{font-family:var(--body);font-size:13px;color:var(--muted);line-height:1.6}
#seite-bootcamp .wkwo.klein{font-size:12.5px;line-height:1.6;margin:12px 0 0;padding:10px 12px;border-left:2px solid var(--teal-dim);background:rgba(53,208,255,0.05);border-radius:0 6px 6px 0;max-width:none;color:var(--txt2)}
#seite-bootcamp .wkdet{grid-column:1/-1;border:1px solid var(--teal-dim);border-radius:8px;padding:18px;background:rgba(53,208,255,0.04);margin:0 0 4px}
#seite-bootcamp .wktn{flex:1;min-width:0}
#seite-bootcamp .wkde{font-family:var(--body);font-size:14px;color:var(--txt);line-height:1.3}
#seite-bootcamp .wken{font-family:var(--mono);font-size:8.5px;letter-spacing:1.2px;color:var(--muted);text-transform:uppercase;margin-top:4px;line-height:1.4}
#seite-bootcamp .wkflags{flex:none;display:flex;align-items:center;gap:4px}
#seite-bootcamp .wkfl{font-family:var(--mono);font-size:10px}
#seite-bootcamp .wkfl.ok{color:var(--green)}
#seite-bootcamp .wkfl.ed{color:var(--amber)}
#seite-bootcamp .wkkey{font-family:var(--mono);font-size:8.5px;letter-spacing:1px;color:var(--amber);border:1px solid rgba(255,184,77,0.35);border-radius:3px;padding:2px 5px;flex:none}
#seite-bootcamp .wkdbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:18px}
#seite-bootcamp .wkdde{font-family:var(--body);font-size:21px;color:var(--txt);line-height:1.15}
#seite-bootcamp .wkden{font-family:var(--mono);font-size:10px;letter-spacing:1.5px;color:var(--muted);text-transform:uppercase;margin-top:5px}
#seite-bootcamp .wkwo{font-family:var(--body);font-size:13px;color:var(--txt2);line-height:1.6;border-left:2px solid var(--teal-dim);padding-left:12px;margin-bottom:22px;max-width:760px}
#seite-bootcamp .wkwo b{color:var(--teal);font-weight:400}
#seite-bootcamp .wkedlbl{font-family:var(--mono);font-size:10px;letter-spacing:2.5px;color:var(--teal);text-transform:uppercase;margin-bottom:9px;padding-top:14px;border-top:1px solid var(--line)}
#seite-bootcamp .wkkbtn{font-family:var(--mono);font-size:9px;letter-spacing:1.5px;color:var(--muted);border:1px solid var(--line2);background:transparent;border-radius:4px;padding:7px 11px;cursor:pointer;text-transform:uppercase}
#seite-bootcamp .wkkbtn:hover{color:var(--txt2)}
#seite-bootcamp .wkkbtn.on{color:var(--green);border-color:rgba(93,215,148,0.45);background:rgba(93,215,148,0.08)}
#seite-bootcamp .wktb{display:flex;gap:5px;align-items:center;flex-wrap:wrap;padding:7px 8px;border:1px solid var(--line2);border-radius:7px 7px 0 0;border-bottom:none;background:rgba(140,168,205,0.05)}
#seite-bootcamp .wkcb{font-family:var(--body);font-size:13px;color:var(--txt2);border:1px solid transparent;background:transparent;border-radius:4px;padding:5px 9px;cursor:pointer;min-width:30px}
#seite-bootcamp .wkcb:hover{border-color:var(--line2);background:rgba(53,208,255,0.08)}
#seite-bootcamp .wkcb.img{font-family:var(--mono);font-size:9.5px;letter-spacing:1.5px;color:var(--teal);border-color:var(--teal-dim)}
#seite-bootcamp .wktbhint{font-family:var(--mono);font-size:9px;letter-spacing:.5px;color:var(--line2);margin-left:auto;text-transform:uppercase}
#seite-bootcamp .wked{border:1px solid var(--line2);border-radius:0 0 7px 7px;background:rgba(9,12,18,0.5);color:var(--txt2);font-family:var(--body);font-size:14.5px;line-height:1.7;padding:16px 18px;min-height:220px;outline:none}
#seite-bootcamp .wked:focus{border-color:var(--teal-dim)}
#seite-bootcamp .wked.empty:before{content:attr(data-ph);color:var(--line2);pointer-events:none;display:block}
#seite-bootcamp .wked h3{font-family:var(--mono);font-size:13px;letter-spacing:2px;color:var(--teal);text-transform:uppercase;margin:18px 0 8px}
#seite-bootcamp .wked ul{margin:8px 0 8px 20px}
#seite-bootcamp .wked li{margin-bottom:4px}
#seite-bootcamp .wked hr{border:none;border-top:1px solid var(--line);margin:16px 0}
#seite-bootcamp .wked b, #seite-bootcamp .wked strong{color:var(--txt);font-weight:600}
#seite-bootcamp .wked u{text-decoration-color:var(--teal)}
#seite-bootcamp .wkimg, #seite-bootcamp .wked img{display:block;max-width:100%;border:1px solid var(--line2);border-radius:6px;margin:12px 0}
#seite-bootcamp .wkempty{font-family:var(--mono);font-size:11px;color:var(--muted);padding:24px 2px}
#seite-bootcamp .wkkbtn.wkreset{float:right;margin-top:-4px;font-size:8.5px;padding:5px 8px}
#seite-bootcamp .wkdet .tpf{width:100%;margin-bottom:2px}
#seite-bootcamp .wkfl.vst{color:var(--amber)}
#seite-bootcamp .wkfl.im{font-size:9px}
#seite-bootcamp .lpgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;align-items:stretch}
@media(max-width:820px){
  #seite-bootcamp .lpgrid{grid-template-columns:1fr}
}
#seite-bootcamp .lptile{display:flex;flex-direction:column;height:100%;background:rgba(9,12,18,0.5);border:1px solid var(--line);border-radius:8px;padding:14px 15px;cursor:pointer;transition:border-color .15s,background .15s}
#seite-bootcamp .lptile:hover{border-color:var(--teal-dim);background:rgba(53,208,255,0.05)}
#seite-bootcamp .lptile.done{border-left:2px solid var(--green)}
#seite-bootcamp .lptile.vst{background:rgba(255,184,77,0.04)}
#seite-bootcamp .lptile.open{border-color:var(--teal-dim)}
#seite-bootcamp .lptile.open .wkchev{transform:rotate(180deg)}
#seite-bootcamp .lpnum{flex:none;width:34px;height:34px;border:1px solid var(--line2);border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:13px;color:var(--teal);background:rgba(53,208,255,0.05)}
#seite-bootcamp .lptile.done .lpnum{color:var(--green);border-color:rgba(93,215,148,0.4);background:rgba(93,215,148,0.07)}
#seite-bootcamp .lpprev{font-family:var(--body);font-size:12.5px;color:var(--muted);line-height:1.55;margin-top:11px;padding-top:11px;border-top:1px solid var(--line)}
#seite-bootcamp .lpleer{color:var(--line2)}
#seite-bootcamp .lpdet .wkdde{font-size:18px}
#seite-bootcamp .wktile, #seite-bootcamp .lptile, #seite-bootcamp .cctile, #seite-bootcamp .ccard, #seite-bootcamp .trcstat, #seite-bootcamp .zstat{background:#ffffff}
#seite-bootcamp .wktile:hover, #seite-bootcamp .lptile:hover, #seite-bootcamp .cctile:hover{background:rgba(13,126,168,0.05)}
#seite-bootcamp .lptile.vst{background:rgba(161,92,0,0.05)}
#seite-bootcamp .wkdet{background:#f6fbff;border-color:var(--teal-dim)}
#seite-bootcamp .wked{background:#ffffff}
#seite-bootcamp .wktb{background:#eef4fa}
#seite-bootcamp .wksearch, #seite-bootcamp .ccin, #seite-bootcamp .tpf{background:#ffffff}
#seite-bootcamp .wkico, #seite-bootcamp .lpnum, #seite-bootcamp .ccico{background:rgba(13,126,168,0.07)}
#seite-bootcamp .wkfl.ok{color:#1d8a5c}
#seite-bootcamp .wked b, #seite-bootcamp .wked strong{color:#0c1622}
#seite-bootcamp .wked hr{border-top-color:var(--line2)}
#seite-bootcamp .wkimg, #seite-bootcamp .wked img, #seite-bootcamp .ccimg{background:#ffffff}
#seite-bootcamp .wkcb{color:var(--txt2)}
#seite-bootcamp .wkcb:hover{background:rgba(13,126,168,0.10)}
#seite-bootcamp .wkkbtn.on{color:#15724e;border-color:rgba(29,138,92,0.5);background:rgba(29,138,92,0.10)}
#seite-bootcamp .wkfil.on{color:#a15c00;border-color:#a15c00;background:rgba(161,92,0,0.08)}
#seite-bootcamp .wkwo{background:rgba(13,126,168,0.06)}
#seite-bootcamp .cctile.open .wkchev{transform:rotate(180deg)}
#seite-bootcamp .lprow{display:flex;gap:14px;flex-wrap:wrap;margin-top:6px}
#seite-bootcamp .lpcol{flex:1;min-width:240px;display:flex;flex-direction:column}
#seite-bootcamp .tpf{background:rgba(140,168,205,0.05);border:1px solid var(--line2);border-radius:6px;color:var(--txt2);font-family:var(--body);font-size:13px;padding:8px 10px;outline:none;resize:vertical;min-height:44px}
#seite-bootcamp .tpf:focus{border-color:var(--teal-dim)}
#seite-bootcamp .tpf, #seite-bootcamp textarea.ccin, #seite-bootcamp .tpnote, #seite-bootcamp .tmpl{field-sizing:content}
#seite-bootcamp .vstrow{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:10px;letter-spacing:1px;color:var(--muted);text-transform:uppercase;margin-top:8px;cursor:pointer}
#seite-bootcamp .ck.on{background:var(--teal);border-color:var(--teal)}
#seite-bootcamp .ck.on svg{opacity:1}
#seite-bootcamp .ccimg{width:100%;border-radius:6px;border:1px solid var(--line2);margin-top:8px;display:block}
#seite-bootcamp .ccimgbtn{font-family:var(--mono);font-size:10px;color:var(--muted);background:transparent;border:1px solid var(--line2);border-radius:4px;padding:6px 10px;cursor:pointer;margin-top:6px;align-self:flex-start}
#seite-bootcamp .ccimgbtn:hover{color:var(--teal);border-color:var(--teal-dim)}
#seite-bootcamp .hwimgwrap{margin-top:8px}
#seite-bootcamp .hwpastehint{font-family:var(--mono);font-size:9.5px;letter-spacing:.5px;color:var(--muted);margin-top:8px;border:1px dashed var(--line2);border-radius:6px;padding:8px 10px}
#seite-bootcamp .ck.aus{opacity:.25;pointer-events:none}
#seite-bootcamp /* Kopfzeile mit Logo */
  .ckkopf{display:flex;align-items:center;gap:12px;padding-bottom:12px;margin-bottom:18px;
    border-bottom:1px solid var(--line)}
#seite-bootcamp .ckt{font-family:var(--mono);font-size:15px;letter-spacing:6px;color:var(--txt2)}
#seite-bootcamp .ckt2{font-family:var(--mono);font-size:10px;letter-spacing:2px;color:var(--muted)}
#seite-bootcamp .ckz{margin-left:auto;font-family:var(--mono);font-size:10.5px;letter-spacing:1.8px;color:var(--label)}
#seite-bootcamp /* Kopfblock: Rang, #seite-bootcamp Zeit eintragen, #seite-bootcamp Streak, #seite-bootcamp Bootcamp-Raster */
  .ckheld{display:grid;grid-template-columns:minmax(240px,1.15fr) minmax(200px,.95fr) minmax(170px,.8fr) minmax(190px,1fr);
    gap:26px;align-items:start;padding:16px 0 20px;margin-bottom:18px;border-bottom:1px solid var(--line)}
@media(max-width:1250px){
  #seite-bootcamp .ckheld{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  #seite-bootcamp .ckheld{grid-template-columns:1fr}
}
#seite-bootcamp .ckzl{font-family:var(--mono);font-size:8.5px;letter-spacing:2px;color:var(--label);text-transform:uppercase;margin-bottom:9px}
#seite-bootcamp .ckrang{display:flex;gap:15px;align-items:center}
#seite-bootcamp .ckring{width:74px;height:74px;flex:none;transform:rotate(-90deg)}
#seite-bootcamp .ckr0{fill:none;stroke:rgba(160,195,230,0.16);stroke-width:5}
#seite-bootcamp .ckr1{fill:none;stroke:var(--teal);stroke-width:5;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(53,208,255,0.55))}
#seite-bootcamp .ckrt{fill:var(--txt2);font-family:var(--mono);font-size:24px;text-anchor:middle;transform:rotate(90deg);transform-origin:40px 40px}
#seite-bootcamp .ckrn b{display:block;font-family:var(--mono);font-size:17px;letter-spacing:1.6px;color:var(--txt2);font-weight:400}
#seite-bootcamp .ckrn em, #seite-bootcamp .ckrn i{display:block;font-style:normal;font-family:var(--mono);font-size:9.5px;letter-spacing:1px;color:var(--muted);margin-top:4px}
#seite-bootcamp .ckrn i{color:var(--teal)}
#seite-bootcamp .ckzb{display:flex;gap:6px;flex-wrap:wrap}
#seite-bootcamp .ckzh{font-family:var(--mono);font-size:9.5px;letter-spacing:1px;color:var(--muted);margin-top:9px}
#seite-bootcamp .ckr0{stroke:rgba(12,22,34,0.12)}
#seite-bootcamp /* Zweispaltiges Cockpit */
  .ckgrid{display:grid;grid-template-columns:1.15fr 1fr;gap:20px;align-items:start}
@media(max-width:1150px){
  #seite-bootcamp .ckgrid{grid-template-columns:1fr}
}
#seite-bootcamp .cksp{min-width:0}
#seite-bootcamp /* Begruessung mit Marktlage und Kerzenchart-Strich */
  .ckhero{position:relative;padding:6px 2px 0;margin-bottom:20px}
#seite-bootcamp .ckherot{font-family:var(--serif);font-size:34px;line-height:1.15;color:var(--txt2)}
#seite-bootcamp .ckherot em{font-style:italic;color:var(--teal)}
#seite-bootcamp .ckheros{font-family:var(--serif);font-size:19px;font-style:italic;color:var(--label);margin-top:6px}
#seite-bootcamp .ckheros em{font-style:italic;color:var(--teal);font-weight:600}
#seite-bootcamp /* Zeitstempel — klein und blass, #seite-bootcamp untere Ecke */
  .tsm{display:block;text-align:right;font-family:var(--mono);font-size:8.5px;letter-spacing:.8px;
    color:rgba(160,195,230,0.30);margin-top:8px;user-select:none}
#seite-bootcamp .tsm.ca{font-style:italic}
#seite-bootcamp /* Textwerkzeuge — Zustand und Farben */
  .wkcb.on{background:var(--teal);border-color:var(--teal);color:#0c1526}
#seite-bootcamp .wktbsep{width:1px;height:18px;background:var(--line);margin:0 3px}
#seite-bootcamp .wkfarb{width:17px;height:17px;border-radius:50%;border:1px solid rgba(0,0,0,0.35);cursor:pointer;padding:0}
#seite-bootcamp .wkfarb:hover{transform:scale(1.18)}
#seite-bootcamp .tsm{color:rgba(12,22,34,0.28)}