/* Werkbank (Konzept B, 20.10.2026): gilt nur mit body.wb – Laptop ab 1280 px und iPad quer ab 1024 px.
   Handy und iPad hochkant bleiben unverändert. Farben nur über die PISTOP-Tokens aus tokens.css. */
#wb-strip,#wb-tabs,#wb-insp,#wb-status{display:none}
:root{--wb-rail:56px;--wb-sb:30px;--wb-top:64px}

/* Alle Gerüst-Regeln nur ab 1024 px: auch wenn die Klasse beim Drehen/Verkleinern kurz noch gesetzt ist, bleibt das Handy-Raster */
@media (min-width:1024px){
/* ---------- Gerüst ---------- */
body.wb{--wb-exp-w:0px;--wb-insp-w:340px}
body.wb.wb-exp{--wb-exp-w:260px}
body.wb[data-area=tele]{--wb-insp-w:0px}
body.wb .shell{display:block}
body.wb .top-in{max-width:none;padding:8px 14px;gap:12px}
body.wb .shell-main .top .brand{display:flex;visibility:visible;margin-right:0}
body.wb .top .top-search{display:block;position:relative;flex:1 1 320px;max-width:520px;margin-left:12px;margin-right:auto}
body.wb .top .top-search input{min-height:40px}
body.wb .top .top-sync{display:inline-flex;margin-left:0}
body.wb .top .top-drv{display:inline-flex}
body.wb .top .sess-chip{display:none}

/* Symbol-Leiste */
body.wb .nav{position:fixed;left:0;top:var(--wb-top);bottom:var(--wb-sb);width:var(--wb-rail);height:auto;z-index:26;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 0;overflow:visible;background:var(--nav);border-right:1px solid var(--line);border-top:0;grid-template-columns:none}
body.wb .nav .rb{position:relative;display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:10px;background:none;color:var(--text-2);font:600 var(--fs-15) var(--font)}
body.wb .nav .rb .ic{width:21px;height:21px;color:inherit}
body.wb .nav .rb:hover{background:var(--surface-2);color:var(--text)}
body.wb .nav .rb[aria-current="page"],body.wb .nav .rb[aria-pressed="true"]{background:var(--surface-2);color:var(--accent)}
body.wb .nav .rb[aria-current="page"]::before{content:"";position:absolute;left:-6px;top:10px;bottom:10px;width:3px;border-radius:2px;background:var(--accent)}
body.wb .nav .rb::after{content:attr(data-tip);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);white-space:nowrap;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:5px 9px;font:600 var(--fs-13) var(--font);box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity var(--dur);z-index:40}
body.wb .nav .rb:hover::after,body.wb .nav .rb:focus-visible::after{opacity:1}
body.wb .nav .rb-sep{width:28px;height:1px;background:var(--line);margin:4px 0;flex:none}
body.wb .nav .rb-fill{flex:1}
body.wb .nav .rb-help{border:1px solid var(--line)}

/* Arbeitsfläche: Explorer | Mitte | Inspektor */
body.wb .workarea{display:grid;max-width:none;margin:0 0 0 var(--wb-rail);grid-template-columns:var(--wb-exp-w) minmax(0,1fr) var(--wb-insp-w);grid-template-rows:auto 1fr;grid-template-areas:"exp tabs insp" "exp main insp";min-height:calc(100vh - var(--wb-top))}
body.wb .workarea:has(.analysis:not(:empty)){grid-template-columns:var(--wb-exp-w) minmax(0,1fr) var(--wb-insp-w)}
body.wb .analysis{display:none!important}
body.wb main{grid-area:main;max-width:none;width:auto;margin:0;padding:14px 16px calc(var(--wb-sb) + 96px);min-width:0}
body.wb[data-area=team] main{align-content:start}
body.wb #wb-tabs{grid-area:tabs;display:flex;gap:2px;padding:6px 14px 0;border-bottom:1px solid var(--line);overflow-x:auto;min-width:0}
body.wb #wb-tabs button{border:0;background:none;padding:8px 12px;min-height:40px;font-weight:600;font-size:var(--fs-13);color:var(--text-2);border-bottom:2px solid transparent;white-space:nowrap;display:inline-flex;align-items:center;gap:7px}
body.wb #wb-tabs button[aria-current="page"]{color:var(--text);border-bottom-color:var(--accent)}
body.wb #wb-tabs .kbd{font-size:var(--fs-11);min-width:18px;padding:0 4px}

/* Explorer */
body.wb .master{grid-area:exp;display:none}
body.wb.wb-exp .master{display:block;position:sticky;top:var(--wb-top);align-self:start;height:calc(100vh - var(--wb-top) - var(--wb-sb));max-height:none;overflow:auto;padding:0 0 12px;border-right:1px solid var(--line);background:color-mix(in srgb,var(--nav) 60%,transparent)}
.wb-exp-h{padding:12px 12px 4px}
.wb-exp-s{padding-top:6px}
.wb-exp-s > .eyebrow{padding:8px 12px 4px}
.runrow{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:2px 8px;align-items:center;width:100%;text-align:left;border:0;border-left:3px solid transparent;background:none;padding:6px 12px 6px 9px;min-height:44px;color:var(--text)}
.runrow:hover{background:var(--surface)}
.runrow[aria-current="true"]{background:var(--surface-2);border-left-color:var(--accent)}
.runrow .d{width:24px;height:24px;border-radius:6px;display:grid;place-items:center;font:600 var(--fs-11) var(--mono);border:1px solid var(--line);color:var(--text-2)}
.runrow .d .ic{width:15px;height:15px;color:var(--accent)}
.runrow.kt-row .d{border:0}
.runrow .t{font-weight:600;font-size:var(--fs-13);min-width:0;overflow-wrap:anywhere}
.runrow .l{font:500 var(--fs-13) var(--mono);text-align:right;white-space:nowrap}
.runrow .s{grid-column:2/4;font-size:var(--fs-12);color:var(--text-2);overflow-wrap:anywhere}
.runrow.next .d{border-style:dashed;border-color:var(--accent);color:var(--accent)}

/* Inspektor */
body.wb #wb-insp{grid-area:insp;display:block;position:sticky;top:var(--wb-top);align-self:start;height:calc(100vh - var(--wb-top) - var(--wb-sb));overflow:auto;border-left:1px solid var(--line);background:color-mix(in srgb,var(--nav) 60%,transparent)}
body.wb[data-area=tele] #wb-insp{display:none}
#wb-insp .ih{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:12px 14px;border-bottom:1px solid var(--line)}
#wb-insp .ih h3{font-size:var(--fs-17);overflow-wrap:anywhere}
#wb-insp .ib{padding:12px 14px 20px;display:grid;gap:14px;align-content:start}
.wb-sec h5{margin:0 0 6px;font:400 var(--fs-11) var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--text-2)}
.wb-sec h5 small{font:500 var(--fs-11) var(--font);letter-spacing:0;text-transform:none;margin-left:4px}
.wb-sec .big{font-size:var(--fs-22);font-weight:600}
.wb-sec .big small{font-size:var(--fs-13)}
.st-chip{display:inline-flex;align-items:center;font:600 var(--fs-11) var(--mono);padding:3px 8px;border-radius:999px;border:1px solid var(--line);color:var(--text-2);white-space:nowrap}
.st-chip.warn{border-color:var(--warn);color:var(--warn-text)}
.wb-kind{display:grid;gap:4px;font-size:var(--fs-12);color:var(--text-2)}
.wb-kind select{min-height:44px}
.wb-kv{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 12px;margin:0;font-size:var(--fs-13)}
.wb-kv dt{color:var(--text-2);overflow-wrap:anywhere}
.wb-kv dd{margin:0;text-align:right;font-family:var(--mono);font-weight:500}
.wb-kv dd.chg{background:var(--accent-soft);border-radius:4px;padding:0 5px;color:var(--text)}
.wb-kv dd s{color:var(--text-2);font-weight:400}
.ty-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.ty{display:grid;grid-template-columns:auto 1fr auto;gap:6px;align-items:baseline;background:var(--surface);border:1px solid var(--line-soft);border-radius:10px;padding:7px 10px}
.ty small{font:600 var(--fs-11) var(--mono);color:var(--text-2)}
.ty .mono{text-align:right;font-weight:600}
.ty .warm{color:var(--text-2);font-weight:500}

/* Wochenend-Leiste (im Kopf, klebt mit) */
body.wb #wb-strip:not([hidden]){display:flex;align-items:stretch;gap:10px;padding:6px 14px 8px;border-top:1px solid var(--line-soft)}
.wk-h{display:flex;flex-direction:column;justify-content:center;gap:2px;flex:none;min-width:96px;max-width:160px}
.wk-h b{font-size:var(--fs-13);overflow-wrap:anywhere}
.wk-row{display:flex;gap:6px;overflow-x:auto;flex:1;min-width:0;align-items:stretch;padding-bottom:2px;scrollbar-width:thin}
.wk-row .day{font:400 9px var(--display);letter-spacing:.14em;color:var(--text-2);writing-mode:vertical-rl;transform:rotate(180deg);padding:2px 0;flex:none;text-align:center}
.wk{flex:0 0 auto;min-width:122px;max-width:200px;border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:5px 9px;text-align:left;display:flex;flex-direction:column;gap:1px;color:var(--text)}
.wk:hover{border-color:var(--text-3)}
.wk[aria-current="true"]{border-color:var(--accent);background:var(--accent-soft)}
.wk b{font-size:var(--fs-12)}
.wk .mono{font:600 var(--fs-13) var(--mono)}
.wk small{font-size:var(--fs-11);color:var(--text-2);line-height:1.25;overflow-wrap:anywhere}
.wk.next{border-style:dashed}

/* Statusleiste */
body.wb #wb-status{display:flex;align-items:center;gap:16px;position:fixed;left:0;right:0;bottom:0;height:var(--wb-sb);z-index:27;padding:0 12px;background:var(--nav);border-top:1px solid var(--line);font-size:var(--fs-12);color:var(--text-2);white-space:nowrap;overflow:hidden}
#wb-status .ws-l,#wb-status .ws-r{display:flex;align-items:center;gap:12px}
#wb-status .ws-m{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;text-align:center}
#wb-status .sync{font-size:var(--fs-12);min-height:0;padding:0 8px}
#wb-status .kbd{font-size:var(--fs-11)}
#wb-status button{border:1px solid var(--line);background:none;border-radius:6px;padding:1px 8px;font-size:var(--fs-12);color:var(--text-2);min-height:22px}
#wb-status button:hover{color:var(--text)}
body.wb .actionbar{left:calc(var(--wb-rail) + var(--wb-exp-w));right:var(--wb-insp-w);bottom:var(--wb-sb)}
body.wb .toast{bottom:calc(var(--wb-sb) + 84px)}

/* Kleinere Breiten (iPad quer, kleine Laptops) */
@media (max-width:1279px){
  body.wb{--wb-insp-w:300px}
  body.wb.wb-exp{--wb-exp-w:240px;--wb-insp-w:0px}
  body.wb.wb-exp #wb-insp{display:none}
  body.wb .top .top-search{flex:1 1 200px;max-width:340px}
}
@media (max-width:1439px){ body.wb #wb-status .ws-r > span:first-child{display:none} }

}
/* ---------- Inhalte der Werkbank ---------- */
.wb-card{gap:10px}
.wb-card > header h3{font-size:var(--fs-15)}
.wb-dash{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:16px}
.wb-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:16px}
.wb-t{width:100%;border-collapse:collapse;font-size:var(--fs-13);color:inherit}
.wb-t th,.wb-t td{padding:6px 8px;border-bottom:1px solid var(--line-soft);text-align:left;vertical-align:top}
.wb-t thead th{font-size:var(--fs-11);font-weight:600;color:var(--text-2);text-transform:uppercase;letter-spacing:.06em}
.wb-t td{font-family:var(--font)}
.wb-t td:first-child,.wb-t td:last-child:not(.num){white-space:normal;overflow-wrap:anywhere;min-width:64px}
.wb-t .num,.wb-t td.num{text-align:right;font-family:var(--mono);white-space:nowrap}
.wb-t tr.chg td{background:var(--accent-soft)}
.wb-t tr.chg td:first-child{box-shadow:inset 3px 0 0 var(--accent)}
.wb-t tr.sum td{border-top:1px solid var(--line);font-weight:600}
.wb-t .dim,.dim{color:var(--text-2)}
.lossT{color:var(--warn-text);font-weight:600}
.vbest{font-weight:700}
.wb-chk{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-13);color:var(--text-2);min-height:40px}
.wb-line{display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.wb-log{margin:0;padding-left:16px;display:grid;gap:5px;font-size:var(--fs-13)}
.wb-log .mono{font-family:var(--mono);color:var(--text-2)}
.wb-bars{display:grid;gap:4px}
.wb-bar{display:grid;grid-template-columns:minmax(110px,40%) 1fr auto;gap:10px;align-items:center;border:0;background:none;padding:5px 4px;border-radius:8px;text-align:left;font-size:var(--fs-13);color:var(--text);min-height:36px}
.wb-bar:hover{background:var(--surface-2)}
.wb-bar .bar{height:10px;border-radius:3px;background:var(--surface-2);display:block}
.wb-bar .bar i{display:block;height:100%;border-radius:3px;background:var(--text-3)}
.wb-bar .bar i.best{background:var(--accent)}
.wb-bar .mono{font-family:var(--mono);text-align:right;white-space:nowrap}

/* ---------- Telemetrie – Vergleich Profi ---------- */
.v-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.vrun{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:3px 4px 3px 10px;font-size:var(--fs-13);max-width:100%}
.vrun select{min-height:40px;border:0;background:transparent;max-width:min(360px,60vw);font-family:var(--mono);font-size:var(--fs-13)}
.sw{display:inline-block;width:18px;height:0;border-top:3px solid var(--accent)}.sw.b{border-top:3px dashed var(--text-2)}
.v-zoom{margin-left:auto}
.seg-a{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.seg-a button{border:0;background:var(--surface);min-height:34px;padding:0 10px;font-size:var(--fs-12);font-weight:600;white-space:nowrap;color:var(--text-2)}
.seg-a button[aria-pressed="true"]{background:var(--surface-2);color:var(--text);box-shadow:inset 0 -2px 0 var(--accent)}
.v-grid{display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}
.v-col{display:grid;gap:14px;align-content:start;min-width:0}
.v-read{font-size:var(--fs-13);min-height:22px;color:var(--text-2)}
.v-read .va{color:var(--text);font-weight:600;border-bottom:2px solid var(--accent)}.v-read .vb{border-bottom:2px dashed var(--text-2)}
#wb-charts{display:grid;gap:2px}
.vchart,.vmap,.vlaps{display:block;overflow:visible}
.vchart text,.vlaps text,.vmap text{font:500 10.5px var(--mono);fill:var(--text-2)}
.vchart .vt{font:600 11px var(--font);fill:var(--text)}
.vchart .vbl{font:600 9.5px var(--mono);fill:var(--text-2)}
.vchart .gl,.vlaps .gl{stroke:var(--line-soft);stroke-width:1}
.vchart .vband{fill:color-mix(in srgb,var(--text) 5%,transparent)}.vchart .vband.on{fill:var(--accent-soft)}
.vl-a{fill:none;stroke:var(--accent);stroke-width:1.8}
.vl-b{fill:none;stroke:var(--text-2);stroke-width:1.4;stroke-dasharray:5 3}
.vl-d{fill:none;stroke:var(--warn);stroke-width:1.8}
.vfill{fill:color-mix(in srgb,var(--warn) 16%,transparent)}
.cur-line{stroke:var(--text);stroke-width:1}
.cur-dot{fill:var(--text);stroke:var(--bg-2);stroke-width:2}
.vm-base{fill:none;stroke:var(--line);stroke-width:14;stroke-linejoin:round;stroke-linecap:round}
.vm-loss{fill:none;stroke:var(--warn);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.vm-gain{fill:none;stroke:var(--text);stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}
.vm-eq{fill:none;stroke:var(--text-3);stroke-width:2;stroke-linejoin:round}
.vm-sf{fill:var(--text)}
.vm-c{cursor:pointer}.vm-c circle{fill:var(--surface-2);stroke:var(--line)}.vm-c text{font:600 10px var(--mono);fill:var(--text)}
.vm-c.on circle{fill:var(--accent)}.vm-c.on text{fill:var(--on-accent)}
.vleg{display:flex;flex-wrap:wrap;gap:14px;font-size:var(--fs-12);color:var(--text-2);margin:4px 0 0}
.vleg span{display:inline-flex;align-items:center;gap:6px}
.vleg i{display:inline-block;width:18px;height:0;border-top:4px solid var(--warn)}
.vleg i.gain{border-top-color:var(--text)}.vleg i.a{border-top:3px solid var(--accent)}.vleg i.b{border-top:3px dashed var(--text-2)}.vleg i.d{border-top:3px solid var(--warn)}
.ld-a{fill:var(--accent)}.ld-b{fill:var(--text-2)}.ld-a.on,.ld-b.on{stroke:var(--text);stroke-width:2}
.vct tbody tr{cursor:pointer}
.vct tbody tr:hover td{background:var(--surface-2)}
.vct tbody tr.sel td{background:var(--accent-soft)}
.vb-cell{width:44px}
.vct th,.vct td{padding:6px 5px;font-size:var(--fs-12)}
.vct td.num{font-size:var(--fs-12)}
.vbar{position:relative;display:block;height:8px;background:var(--surface-2);border-radius:2px;margin-top:5px}
.vbar i{position:absolute;top:0;bottom:0;border-radius:2px}.vbar i.l{background:var(--warn)}.vbar i.g{background:var(--text-3)}
.vbar::after{content:"";position:absolute;left:50%;top:-2px;bottom:-2px;width:1px;background:var(--text-2)}
.wb-finding{border-color:var(--accent)}
.wb-finding ol{margin:0;padding-left:18px;display:grid;gap:4px}
/* drei Spalten, sobald genug Platz ist (Werkbank: Inspektor ist in dieser Ansicht ausgeblendet) */
/* eine Spalte (iPad hochkant, klassisch, schmale Fenster): Diagramme zuerst, Karte nicht übergroß */
.v-grid .v-center{order:-1}
.v-grid .vmap{max-width:420px;margin:0 auto}
@media (min-width:1180px){ body.wb .v-grid{grid-template-columns:minmax(260px,300px) minmax(0,1fr) minmax(300px,360px)} body.wb .v-grid .v-center{order:0} }
@media (min-width:1700px){ body.wb .v-grid{grid-template-columns:360px minmax(0,1fr) 420px} }
@media (max-width:1599px){ body.wb.wb-exp .v-grid{grid-template-columns:minmax(0,1fr)} body.wb.wb-exp .v-grid .v-center{order:-1} }
@media (min-width:1600px){ body.wb.wb-exp .v-grid{grid-template-columns:minmax(250px,290px) minmax(0,1fr) minmax(300px,340px)} }

@media print{ body.wb .nav,#wb-strip,#wb-tabs,#wb-insp,#wb-status{display:none!important} body.wb .workarea{margin:0;display:block} }

/* ---------- Teamchef-Bereich (Teil 2) – gilt auf allen Breiten, sichtbar nur für Admin/Teamchef ---------- */
body.wb[data-area=team][data-tctab=compare],body.wb[data-area=team][data-tctab=library],body.wb[data-area=team][data-tctab=manage]{--wb-insp-w:0px}
body.wb[data-area=team][data-tctab=compare] #wb-insp,body.wb[data-area=team][data-tctab=library] #wb-insp,body.wb[data-area=team][data-tctab=manage] #wb-insp{display:none}
.tc-tabs{display:flex;gap:2px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin-bottom:14px}
.tc-tabs button{border:0;background:none;padding:8px 12px;min-height:44px;font-weight:600;font-size:var(--fs-13);color:var(--text-2);border-bottom:2px solid transparent}
.tc-tabs button[aria-selected="true"]{color:var(--text);border-bottom-color:var(--accent)}
.tc-body{display:grid;gap:14px;min-width:0}
.tc-kpis{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;font-size:var(--fs-13);color:var(--text-2)}
.tc-kpis b{font:600 var(--fs-17) var(--mono);color:var(--text)}
.tc-kpis .w b{color:var(--warn-text)}
.tc-kpis .seg-a{margin-left:auto}
.tc-cat{display:grid;gap:8px}
.tc-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:10px}
.tc-card{position:relative;background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-tile);padding:12px;display:grid;gap:8px;min-width:0}
.tc-card[aria-current="true"]{border-color:var(--accent)}
.tc-card.help{box-shadow:inset 3px 0 0 var(--warn)}
.tc-card-sel{position:absolute;inset:0;border:0;background:none;border-radius:inherit;z-index:0}
.tc-card-sel:focus-visible{outline:2px solid var(--accent)}
.tc-card > *:not(.tc-card-sel){position:relative;z-index:1;pointer-events:none}
.tc-card .tc-flag,.tc-card button:not(.tc-card-sel){pointer-events:auto}
.tc-card-h{display:flex;align-items:center;gap:10px;min-width:0}
.tc-card-h > div{display:grid;min-width:0}.tc-card-h b{overflow-wrap:anywhere}.tc-card-h small{color:var(--text-2);font-size:var(--fs-12)}
.tc-pill{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-11);font-weight:600;border-radius:999px;padding:2px 8px;border:1px solid var(--line);color:var(--text-2);white-space:nowrap}
.tc-pill .d{width:7px;height:7px;border-radius:50%;background:var(--text-3)}
.tc-pill.race .d{background:var(--ok)}.tc-pill.train .d{background:var(--accent)}
.tc-spark{width:100%;height:30px;display:block}
.tc-spark .ln{fill:none;stroke:var(--text-2);stroke-width:1.5}.tc-spark .ar{fill:color-mix(in srgb,var(--text-2) 12%,transparent)}.tc-spark .end{fill:var(--accent);stroke:var(--surface);stroke-width:1.5}.tc-spark .base{stroke:var(--line);stroke-dasharray:2 3}
.tc-card-f{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:var(--fs-12)}
.tc-flag{margin-left:auto;min-height:36px;border-radius:8px;border:1px dashed var(--line);background:none;font-size:var(--fs-12);font-weight:600;padding:0 10px;color:var(--text-2);display:inline-flex;align-items:center;gap:5px}
.tc-flag[aria-pressed="true"]{border:1px solid var(--warn);color:var(--warn-text);background:var(--warn-soft)}
.tc-sug{font-size:var(--fs-12);color:var(--warn-text);display:flex;gap:6px;align-items:flex-start;margin:0}
.tc-note{border:1px solid var(--warn);background:var(--warn-soft);border-radius:10px;padding:8px 10px;display:grid;gap:6px}
.tc-eq{display:grid;grid-template-columns:auto 1fr auto;gap:3px 8px;align-items:center;font-size:var(--fs-13)}
.tc-amp{width:9px;height:9px;border-radius:50%;background:var(--text-3)}.tc-amp.ok{background:var(--ok)}.tc-amp.warn{background:var(--warn)}.tc-amp.bad{background:var(--danger)}
.tc-k{display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}
@media (min-width:900px){.tc-k{grid-template-columns:260px minmax(0,1fr)}}
.tc-tree{display:grid;gap:1px;align-content:start;background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-tile);padding:6px}
.tc-n{display:flex;align-items:center;gap:6px;min-height:36px;padding:0 8px;border-radius:7px;border:0;background:none;text-align:left;font-size:var(--fs-13);color:var(--text);width:100%}
.tc-n[aria-current="true"]{background:var(--surface-2);box-shadow:inset 2px 0 0 var(--accent)}
.tc-n .c{margin-left:auto;font:500 var(--fs-11) var(--mono);color:var(--text-2)}
.tc-n-h{min-height:30px;color:var(--text-2)}
.tc-k-main{display:grid;gap:14px;min-width:0;align-content:start}
.tc-prof{grid-template-columns:repeat(2,minmax(0,1fr) auto)}
.tc-rep{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;border:1px solid var(--line-soft);border-radius:10px;padding:8px 10px;background:var(--surface)}
.tc-rep b{overflow-wrap:anywhere;flex:1 1 140px;min-width:0}
.tc-rep .btn{margin-left:auto}
@media (max-width:600px){.tc-prof{grid-template-columns:minmax(0,1fr) auto}}
.tc-tag{font:600 var(--fs-11) var(--mono);border-radius:5px;padding:2px 6px;border:1px solid var(--line);color:var(--text-2);white-space:nowrap}
.tc-tag.shared{border-color:var(--ok);color:var(--text)}
.tc-cbar{display:flex;flex-wrap:wrap;gap:10px}
.tc-cbar .field{min-width:180px;flex:1 1 180px;max-width:320px}
.tc-ab{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0}
.sw-a,.sw-b{display:inline-block;width:18px;height:0;border-top:3px solid var(--accent)}.sw-b{border-top:3px dashed var(--text-2)}
.tc-c-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr))}
.tc-c-grid ol{margin:0;padding-left:18px;display:grid;gap:4px}
.tc-save{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;border:1px solid var(--accent);border-radius:var(--r-tile);padding:12px;background:var(--surface)}
.tc-save .toggle{display:flex;gap:10px;align-items:flex-start}
.tc-lib{display:grid;gap:14px;grid-template-columns:minmax(0,1fr);align-items:start}
@media (min-width:1100px){.tc-lib{grid-template-columns:260px minmax(0,1fr) 300px}}
.tc-2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.tc-res{display:grid;gap:8px;min-width:0}
.tc-r{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:6px 12px;align-items:start;border:1px solid var(--line-soft);border-radius:var(--r-tile);padding:10px 12px;background:var(--surface);text-align:left;width:100%;color:var(--text)}
.tc-r[aria-current="true"]{border-color:var(--accent)}
.tc-sim{display:grid;gap:6px}.tc-sim b{font-size:var(--fs-17)}
.simb{display:block;height:6px;border-radius:3px;background:var(--surface-2);overflow:hidden}.simb i{display:block;height:100%;background:var(--accent)}
.tc-r-m{display:grid;gap:2px;min-width:0}
.mchips{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.mc{font:600 var(--fs-11) var(--mono);border-radius:5px;padding:1px 6px;border:1px solid var(--line);color:var(--text-2)}
.mc.y{border-color:var(--ok);color:var(--text)}.mc.p{border-color:var(--accent);color:var(--text)}.mc.n{border-color:var(--warn);color:var(--warn-text)}
.tc-m{display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}
@media (min-width:1100px){.tc-m{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}}
.tc-m-side{display:grid;gap:14px;align-content:start}
.tc-m select{min-height:36px}
.tc-role{font-size:var(--fs-11);font-weight:600;border-radius:6px;padding:1px 7px;border:1px solid var(--line);white-space:nowrap}
.tc-role.tc{border-color:var(--accent)}.tc-role.cc{border-color:var(--warn);color:var(--warn-text)}
.tc-insp-inline{padding:0}
body.cacc .actionbar,body.cacc .top-search,body.cacc #top-res{display:none!important}
/* Telemetrie: Unterschiede A/B quer unter dem Vergleich (Wunsch 22.10.2026) */
.v-diff{margin-top:14px}
.wb-t.vdiff{width:auto;min-width:100%}
.wb-t.vdiff th,.wb-t.vdiff td{white-space:nowrap}
.wb-t.vdiff thead th{font-weight:600;vertical-align:bottom;text-transform:none;letter-spacing:0;font-size:var(--fs-13)}
.wb-t.vdiff tbody th{position:sticky;left:0;z-index:1;background:var(--surface);text-align:left;padding-right:12px}
.wb-t.vdiff .chg{background:var(--accent-soft)}
.wb-t.vdiff thead th.chg{box-shadow:inset 0 3px 0 var(--accent)}