/* AIO.City Leitstelle (2026-10-08): Stile fuer aio-betrieb.js (Serverbetrieb). Praefix .bt-
 * FiveM-CEF ist alt: kein color-mix(), kein :has(), kein backdrop-filter. Groessen immer calc(var(--u) * N). */

:root { --bt-s1: #ff8a1f; --bt-s2: #5aa9ff; --bt-s3: #ffe2bf; --bt-s4: #3ddc84; --bt-vertraut: #3ddc84; --bt-normal: #8fa6c8; --bt-vorsicht: #ffb547; --bt-verdaechtig: #ff5a6a; }

/* ---------- allgemein */
.bt-abstand { margin-top: calc(var(--u) * 12); }
.bt-zwei { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: calc(var(--u) * 12); margin-top: calc(var(--u) * 12); }
.bt-spalte { display: flex; flex-direction: column; gap: calc(var(--u) * 12); min-width: 0; }
.bt-spalte > .box, .bt-zwei > .box { min-width: 0; }
.bt-kz-raster { grid-template-columns: repeat(auto-fill, minmax(calc(var(--u) * 165), 1fr)); }
.kz[data-bt-nav] { cursor: pointer; transition: background .15s; }
.kz[data-bt-nav]:hover { background: var(--karte-hover); }
.box > .eyebrow.klein { margin-bottom: calc(var(--u) * 10); }
.bt-tip { position: fixed; z-index: 9999; pointer-events: none; display: none; max-width: calc(var(--u) * 320); padding: calc(var(--u) * 8) calc(var(--u) * 11); border-radius: calc(var(--u) * 10);
  background: rgba(10, 11, 17, .96); box-shadow: inset 0 0 0 1px var(--kante), 0 calc(var(--u) * 8) calc(var(--u) * 24) rgba(0, 0, 0, .45); font-size: calc(var(--u) * 11.5); line-height: 1.45; color: var(--sek); }
.bt-tip b { color: #fff; display: block; margin-bottom: calc(var(--u) * 2); }
.bt-tip span { display: flex; align-items: center; gap: calc(var(--u) * 6); white-space: nowrap; }
.bt-tip span i { width: calc(var(--u) * 8); height: calc(var(--u) * 8); border-radius: 2px; background: var(--bt-s1); flex: none; }
.bt-tip span i.s2 { background: var(--bt-s2); }
.mono { font-family: ui-monospace, 'SFMono-Regular', Consolas, monospace; }
.rot { color: var(--rot); } .gelb { color: var(--akzent-hell); } .gruen { color: var(--gruen); }
.bt-legende { display: flex; flex-wrap: wrap; gap: calc(var(--u) * 14); margin-top: calc(var(--u) * 8); font-size: calc(var(--u) * 11); color: var(--sek); }
.bt-legende span { display: inline-flex; align-items: center; gap: calc(var(--u) * 6); }
.bt-legende i { width: calc(var(--u) * 10); height: calc(var(--u) * 10); border-radius: 3px; background: var(--bt-s1); }
.bt-legende i.s2 { background: var(--bt-s2); } .bt-legende i.s3 { background: var(--bt-s3); } .bt-legende i.s4 { background: var(--bt-s4); }
.bt-mini-balken { display: inline-block; width: calc(var(--u) * 42); height: calc(var(--u) * 5); border-radius: 99px; background: rgba(255, 255, 255, .1); overflow: hidden; vertical-align: middle; margin-right: calc(var(--u) * 6); }
.bt-mini-balken i { display: block; height: 100%; border-radius: 99px; background: var(--bt-s2); }
.bt-mini-balken.gruen i { background: var(--gruen); } .bt-mini-balken.gelb i { background: var(--akzent-hell); } .bt-mini-balken.rot i { background: var(--rot); } .bt-mini-balken.blau i { background: var(--blau); }
.bt-zelle-knopf { white-space: nowrap; text-align: right; }
.mini.gefahr:hover { color: var(--rot); }
.fuss-links { display: flex; align-items: center; gap: calc(var(--u) * 12); }
.bt-formgitter { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: calc(var(--u) * 8) calc(var(--u) * 12); }
.bt-formgitter .schalter-zeile, .bt-formgitter > div:last-child { grid-column: 1 / -1; }
.bt-tage { width: calc(var(--u) * 86) !important; }
.bt-mehr { margin: calc(var(--u) * 10) auto; display: flex; }
.bt-geheim { padding: calc(var(--u) * 10) calc(var(--u) * 12); border-radius: var(--r); background: rgba(0, 0, 0, .3); box-shadow: inset 0 0 0 1px var(--kante); font-size: calc(var(--u) * 11.5); overflow-wrap: anywhere; display: flex; align-items: center; justify-content: space-between; gap: calc(var(--u) * 8); }

/* ---------- Diagramme */
.bt-diag-rahmen { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: calc(var(--u) * 8); }
.bt-diag-y { display: flex; flex-direction: column; justify-content: space-between; font-size: calc(var(--u) * 10); color: var(--ter); text-align: right; padding-bottom: calc(var(--u) * 18); }
.bt-diag-feld { min-width: 0; }
.bt-diag { position: relative; width: 100%; cursor: crosshair; }
.bt-diag svg { width: 100%; height: 100%; display: block; overflow: visible; }
.bt-diag .raster { stroke: rgba(255, 255, 255, .07); stroke-width: 1; vector-effect: non-scaling-stroke; }
.bt-diag .linie { fill: none; stroke: var(--bt-s1); stroke-width: 2; stroke-linejoin: round; }
.bt-diag .linie.s2 { stroke: var(--bt-s2); stroke-width: 1.6; }
.bt-diag .flaeche { fill: rgba(255, 138, 31, .14); stroke: none; }
.bt-diag .kreuz { stroke: rgba(255, 255, 255, .35); stroke-width: 1; }
.bt-diag-x { position: relative; height: calc(var(--u) * 18); font-size: calc(var(--u) * 10); color: var(--ter); }
.bt-diag-x span { position: absolute; top: calc(var(--u) * 4); transform: translateX(-50%); white-space: nowrap; }
.bt-diag-x span:first-child { transform: none; } .bt-diag-x span:last-child { transform: translateX(-100%); }
.bt-balken { display: flex; align-items: stretch; gap: calc(var(--u) * 4); }
.bt-balken.eng { gap: calc(var(--u) * 2); }
.bt-b { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; cursor: default; }
.bt-b-saeulen { flex: 1; display: flex; align-items: flex-end; gap: 2px; border-bottom: 1px solid rgba(255, 255, 255, .12); }
.bt-b-saeulen i { flex: 1; min-width: 2px; border-radius: 4px 4px 0 0; background: var(--bt-s1); transition: opacity .15s; }
.bt-b-saeulen i.s1 { background: var(--bt-s1); } .bt-b-saeulen i.s2, .bt-b-saeulen i.b2 { background: var(--bt-s2); } .bt-b-saeulen i.s3 { background: var(--bt-s3); } .bt-b-saeulen i.s4 { background: var(--bt-s4); } .bt-b-saeulen i.rot { background: var(--rot); }
.bt-b:hover i { opacity: .75; }
.bt-b span { height: calc(var(--u) * 16); font-size: calc(var(--u) * 9.5); color: var(--ter); text-align: center; white-space: nowrap; overflow: visible; padding-top: calc(var(--u) * 3); }
.bt-funke { width: calc(var(--u) * 90); height: calc(var(--u) * 22); display: block; }
.bt-funke path { fill: none; stroke: var(--bt-s1); stroke-width: 1.6; }
.bt-funke.rot path { stroke: var(--rot); }
.bt-hbalken { display: grid; gap: calc(var(--u) * 6); }
.bt-hb { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) auto; gap: calc(var(--u) * 10); align-items: center; font-size: calc(var(--u) * 11.5); }
.bt-hb span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--sek); }
.bt-hb i { height: calc(var(--u) * 8); border-radius: 99px; background: rgba(255, 255, 255, .06); overflow: hidden; }
.bt-hb i b { display: block; height: 100%; border-radius: 99px; background: var(--bt-s1); }
.bt-hb em { font-style: normal; color: #fff; min-width: calc(var(--u) * 30); text-align: right; }

/* ---------- Leitstelle */
.bt-vt-balken { display: flex; height: calc(var(--u) * 12); border-radius: 99px; overflow: hidden; background: rgba(255, 255, 255, .06); gap: 2px; }
.bt-vt-balken i, .bt-legende i.vt-vertraut, .bt-legende i.vt-normal, .bt-legende i.vt-vorsicht, .bt-legende i.vt-verdaechtig { display: block; }
.vt-vertraut { background: var(--bt-vertraut) !important; } .vt-normal { background: var(--bt-normal) !important; } .vt-vorsicht { background: var(--bt-vorsicht) !important; } .vt-verdaechtig { background: var(--bt-verdaechtig) !important; }
.bt-vt-punkt { display: inline-block; flex: none; width: calc(var(--u) * 10); height: calc(var(--u) * 10); border-radius: 99px; vertical-align: middle; margin-right: calc(var(--u) * 6); }
.bt-vt-punkt.team { box-shadow: 0 0 0 2px var(--gold); }
.bt-team-chips { display: flex; flex-wrap: wrap; gap: calc(var(--u) * 6); }
.bt-chip-team { display: inline-flex; align-items: center; gap: calc(var(--u) * 6); height: calc(var(--u) * 28); padding: 0 calc(var(--u) * 12); border-radius: 99px; background: var(--karte); box-shadow: inset 0 0 0 1px var(--kante); font-size: calc(var(--u) * 12); }
.bt-chip-team i { width: calc(var(--u) * 8); height: calc(var(--u) * 8); border-radius: 99px; }
.bt-schwere { display: inline-block; flex: none; width: calc(var(--u) * 10); height: calc(var(--u) * 10); border-radius: 3px; margin-right: calc(var(--u) * 6); background: var(--blau); vertical-align: middle; }
.bt-schwere.s2 { background: var(--akzent-hell); } .bt-schwere.s3 { background: var(--rot); box-shadow: 0 0 calc(var(--u) * 8) rgba(255, 90, 106, .6); }

/* ---------- Kachelkarte */
.bt-karte { position: relative; overflow: hidden; border-radius: calc(var(--u) * 16); box-shadow: inset 0 0 0 1px var(--kante); cursor: grab; user-select: none; -webkit-user-select: none; }
.bt-karte.zieht { cursor: grabbing; }
.bt-k-boden, .bt-k-marker { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.bt-k-boden img { position: absolute; left: 0; top: 0; transform-origin: 0 0; image-rendering: auto; pointer-events: none; }
.bt-k-marker { pointer-events: none; }
.bt-k-zoom { position: absolute; right: calc(var(--u) * 10); top: calc(var(--u) * 10); display: flex; flex-direction: column; gap: calc(var(--u) * 4); z-index: 3; }
.bt-k-zoom button { width: calc(var(--u) * 30); height: calc(var(--u) * 30); border-radius: calc(var(--u) * 9); background: rgba(10, 11, 17, .86); box-shadow: inset 0 0 0 1px var(--kante); font-size: calc(var(--u) * 16); display: grid; place-items: center; color: #fff; }
.bt-k-zoom button:hover { background: rgba(255, 138, 31, .85); }
.bt-k-zoom svg { width: calc(var(--u) * 15); height: calc(var(--u) * 15); }
.bt-mk { position: absolute; left: 0; top: 0; pointer-events: auto; cursor: pointer; will-change: transform; }
/* Spieler: Punkt mit Blickrichtung, Farbe = Vertrauen, Team = goldener Ring */
.bt-sp { width: 0; height: 0; z-index: 2; }
.bt-sp b { position: absolute; left: calc(var(--u) * -8); top: calc(var(--u) * -8); width: calc(var(--u) * 16); height: calc(var(--u) * 16); border-radius: 99px; background: var(--bt-normal);
  box-shadow: 0 0 0 2px rgba(10, 11, 17, .9), 0 calc(var(--u) * 2) calc(var(--u) * 6) rgba(0, 0, 0, .5); display: grid; place-items: center; font-size: calc(var(--u) * 10); color: #0a0b11; font-weight: 800; }
.bt-sp b svg { width: calc(var(--u) * 11); height: calc(var(--u) * 11); color: #0a0b11; }
.bt-sp i { position: absolute; left: calc(var(--u) * -3); top: calc(var(--u) * -15); width: calc(var(--u) * 6); height: calc(var(--u) * 15); transform-origin: 50% 100%; }
.bt-sp i::before { content: ''; position: absolute; left: 0; top: 0; border-left: calc(var(--u) * 3) solid transparent; border-right: calc(var(--u) * 3) solid transparent; border-bottom: calc(var(--u) * 6) solid rgba(255, 255, 255, .85); }
.bt-sp span { position: absolute; left: calc(var(--u) * 10); top: calc(var(--u) * -7); font-size: calc(var(--u) * 10); font-weight: 700; color: #fff; text-shadow: 0 1px 2px #000, 0 0 4px #000; white-space: nowrap; }
.bt-karte.bt-k-fern .bt-sp span { display: none; }
.bt-sp.vt-vertraut b { background: var(--bt-vertraut); } .bt-sp.vt-vorsicht b { background: var(--bt-vorsicht); } .bt-sp.vt-verdaechtig b { background: var(--bt-verdaechtig); }
.bt-sp.vt-vertraut, .bt-sp.vt-normal, .bt-sp.vt-vorsicht, .bt-sp.vt-verdaechtig { background: none !important; }
.bt-sp.team b { box-shadow: 0 0 0 2px var(--gold), 0 0 calc(var(--u) * 10) rgba(255, 226, 191, .7); border-radius: calc(var(--u) * 4); }
.bt-sp.tot b { background: #2a2d36 !important; color: var(--rot); }
.bt-sp.fz b { border-radius: calc(var(--u) * 4); }
.bt-sp.gewaehlt { z-index: 5; }
.bt-sp.gewaehlt b { box-shadow: 0 0 0 3px #fff, 0 0 calc(var(--u) * 14) rgba(255, 138, 31, .9); }
.bt-tk b { position: absolute; left: calc(var(--u) * -9); top: calc(var(--u) * -22); width: calc(var(--u) * 18); height: calc(var(--u) * 18); border-radius: 50% 50% 50% 0; transform: rotate(-45deg); background: var(--akzent);
  box-shadow: 0 0 0 2px rgba(10, 11, 17, .9); display: grid; place-items: center; font-size: 0; }
.bt-tk b::after { content: '!'; transform: rotate(45deg); font-size: calc(var(--u) * 11); font-weight: 800; color: #0a0b11; }
.bt-tk.p4 b, .bt-tk.p3 b { background: var(--rot); }
.bt-wp svg { position: absolute; left: calc(var(--u) * -10); top: calc(var(--u) * -20); width: calc(var(--u) * 20); height: calc(var(--u) * 20); color: var(--akzent-hell); filter: drop-shadow(0 1px 2px #000); }
.bt-crash i { position: absolute; left: calc(var(--u) * -6); top: calc(var(--u) * -6); width: calc(var(--u) * 12); height: calc(var(--u) * 12); border-radius: 99px; background: rgba(255, 90, 106, .85); box-shadow: 0 0 0 2px rgba(10, 11, 17, .9), 0 0 calc(var(--u) * 10) rgba(255, 90, 106, .7); }
.bt-mini-karte { height: calc(var(--u) * 300); }

/* ---------- Live-Karte Seite */
.bt-k-leiste { display: flex; flex-wrap: wrap; gap: calc(var(--u) * 8); align-items: center; padding: 0 calc(var(--u) * 32) calc(var(--u) * 10); }
.bt-k-leiste .eingabe.suche { flex: 1 1 calc(var(--u) * 180); width: auto; min-width: calc(var(--u) * 140); }
.bt-k-leiste select.eingabe.kompakt { width: auto; max-width: calc(var(--u) * 200); }
.bt-k-raster { flex: 1; min-height: 0; display: grid; grid-template-columns: minmax(0, 1fr) calc(var(--u) * 270); gap: calc(var(--u) * 12); padding: 0 calc(var(--u) * 32) calc(var(--u) * 24); }
.bt-k-feld { position: relative; min-width: 0; min-height: 0; }
#bt-k-karte { position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.bt-k-liste { min-height: 0; display: flex; flex-direction: column; border-radius: calc(var(--u) * 16); background: var(--karte); box-shadow: inset 0 0 0 1px var(--kante); overflow: hidden; }
.bt-k-liste-kopf { display: flex; align-items: baseline; gap: calc(var(--u) * 8); padding: calc(var(--u) * 12) calc(var(--u) * 14); border-bottom: 1px solid var(--kante); }
.bt-k-liste-kopf b { font-family: var(--anton); font-weight: 400; font-size: calc(var(--u) * 22); }
.bt-k-zeilen { flex: 1; min-height: 0; overflow-y: auto; padding: calc(var(--u) * 6); }
.bt-k-zeile { width: 100%; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: calc(var(--u) * 4); padding: calc(var(--u) * 7) calc(var(--u) * 8); border-radius: calc(var(--u) * 10); text-align: left; }
.bt-k-zeile:hover { background: var(--karte-hover); }
.bt-k-zeile.an { background: rgba(255, 138, 31, .16); box-shadow: inset 0 0 0 1px rgba(255, 138, 31, .4); }
.bt-k-zeile .mitte { min-width: 0; }
.bt-k-zeile b, .bt-k-zeile small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bt-k-zeile b { font-size: calc(var(--u) * 12.5); } .bt-k-zeile small { font-size: calc(var(--u) * 10.5); color: var(--ter); }
.bt-k-icons { display: flex; gap: calc(var(--u) * 4); color: var(--ter); }
.bt-k-icons svg { width: calc(var(--u) * 14); height: calc(var(--u) * 14); }
.bt-tk-p { width: calc(var(--u) * 18); height: calc(var(--u) * 18); border-radius: 99px; background: var(--akzent); color: #0a0b11; font-weight: 800; display: grid; place-items: center; font-size: calc(var(--u) * 11); margin-right: calc(var(--u) * 4); }
.bt-tk-p.p4, .bt-tk-p.p3 { background: var(--rot); }
.bt-k-karte-info { position: absolute; left: calc(var(--u) * 12); bottom: calc(var(--u) * 12); z-index: 4; width: calc(var(--u) * 330); max-width: calc(100% - var(--u) * 24); max-height: calc(100% - var(--u) * 24); overflow-y: auto;
  padding: calc(var(--u) * 14); border-radius: calc(var(--u) * 16); background: var(--flaeche-dicht); box-shadow: inset 0 0 0 1px var(--kante), 0 calc(var(--u) * 10) calc(var(--u) * 30) rgba(0, 0, 0, .5); cursor: default; }
.bt-info-kopf { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: calc(var(--u) * 6); margin-bottom: calc(var(--u) * 10); }
.bt-info-kopf b, .bt-info-kopf small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bt-info-kopf b { font-size: calc(var(--u) * 14); } .bt-info-kopf small { font-size: calc(var(--u) * 10.5); color: var(--ter); }
.bt-info-daten { font-size: calc(var(--u) * 11.5); }
.bt-info-wz { margin-top: calc(var(--u) * 10); grid-template-columns: repeat(auto-fill, minmax(calc(var(--u) * 86), 1fr)); }
.bt-k-hinweis { position: absolute; left: 50%; top: calc(var(--u) * 12); transform: translateX(-50%); z-index: 4; display: flex; align-items: center; gap: calc(var(--u) * 8); padding: calc(var(--u) * 8) calc(var(--u) * 14);
  border-radius: 99px; background: rgba(255, 138, 31, .92); color: #0a0b11; font-weight: 600; font-size: calc(var(--u) * 12); white-space: nowrap; max-width: calc(100% - var(--u) * 100); overflow: hidden; }
.bt-k-hinweis svg { width: calc(var(--u) * 15); height: calc(var(--u) * 15); flex: none; }
.bt-k-hinweis .textknopf { color: #0a0b11; text-decoration: underline; }

/* ---------- Konsole */
.bt-kon-leiste { display: flex; flex-wrap: wrap; gap: calc(var(--u) * 8); align-items: center; padding: 0 calc(var(--u) * 32) calc(var(--u) * 10); }
.bt-kon-leiste .eingabe.suche { flex: 1 1 calc(var(--u) * 200); width: auto; }
.bt-kon-leiste .chip svg { display: inline-block; }
.bt-kon { flex: 1; min-height: 0; overflow: auto; margin: 0 calc(var(--u) * 32); padding: calc(var(--u) * 10) calc(var(--u) * 12); border-radius: calc(var(--u) * 14); background: rgba(4, 5, 9, .82); box-shadow: inset 0 0 0 1px var(--kante);
  font-family: ui-monospace, 'SFMono-Regular', Consolas, monospace; font-size: calc(var(--u) * 11.5); line-height: 1.5; user-select: text; -webkit-user-select: text; }
.bt-kz-z { display: grid; grid-template-columns: calc(var(--u) * 64) minmax(0, 1fr); gap: calc(var(--u) * 8); padding: 0 calc(var(--u) * 4); border-radius: 4px; }
.bt-kz-z time { color: rgba(255, 255, 255, .3); }
.bt-kz-z span { white-space: pre-wrap; overflow-wrap: anywhere; color: rgba(255, 255, 255, .86); }
.bt-kz-z.fehler { background: rgba(255, 90, 106, .1); }
.bt-kz-z.warn { background: rgba(255, 181, 71, .07); }
.bt-kz-z .f0, .bt-kz-z .f7 { color: #fff; } .bt-kz-z .f1 { color: #ff6b6b; } .bt-kz-z .f2 { color: #5ee08f; } .bt-kz-z .f3 { color: #ffd166; } .bt-kz-z .f4 { color: #6aa8ff; }
.bt-kz-z .f5 { color: #5fd4f4; } .bt-kz-z .f6 { color: #c59bff; } .bt-kz-z .f8 { color: #d9534f; } .bt-kz-z .f9 { color: #9aa3b2; }
.bt-kon-ein { display: flex; gap: calc(var(--u) * 8); align-items: center; margin: calc(var(--u) * 10) calc(var(--u) * 32) 0; }
.bt-kon-prompt { font-family: ui-monospace, Consolas, monospace; color: var(--akzent); font-weight: 700; }
.bt-kon-ein .eingabe { flex: 1; font-family: ui-monospace, Consolas, monospace; padding: calc(var(--u) * 10) calc(var(--u) * 14); }
.rumpf.voll > .unterzeile { margin: calc(var(--u) * 6) calc(var(--u) * 32) calc(var(--u) * 16); }

/* ---------- Logs */
.bt-log-raster { flex: 1; min-height: 0; display: grid; grid-template-columns: calc(var(--u) * 200) minmax(0, 1fr); gap: calc(var(--u) * 12); padding: 0 calc(var(--u) * 32) calc(var(--u) * 20); }
.bt-log-kat { min-height: 0; overflow-y: auto; display: flex; flex-direction: column; gap: calc(var(--u) * 4); }
.bt-lk { display: flex; align-items: center; gap: calc(var(--u) * 6); padding: calc(var(--u) * 9) calc(var(--u) * 12); border-radius: calc(var(--u) * 11); background: var(--karte); box-shadow: inset 0 0 0 1px var(--kante); text-align: left; }
.bt-lk:hover { background: var(--karte-hover); }
.bt-lk.an { background: rgba(255, 138, 31, .16); box-shadow: inset 0 0 0 1px rgba(255, 138, 31, .45); }
.bt-lk b { flex: 1; min-width: 0; font-size: calc(var(--u) * 12.5); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bt-lk span { font-size: calc(var(--u) * 11); color: var(--ter); }
.bt-lk em { font-style: normal; font-size: calc(var(--u) * 10); font-weight: 700; padding: 0 calc(var(--u) * 5); border-radius: 99px; background: rgba(255, 255, 255, .06); }
.bt-log-haupt { min-width: 0; min-height: 0; display: flex; flex-direction: column; }
.bt-log-filter { margin-bottom: calc(var(--u) * 8); }
.bt-log-filter .eingabe.kompakt { width: auto; flex: 1 1 calc(var(--u) * 130); }
.bt-log-filter .bt-zeit { flex: 0 1 calc(var(--u) * 175); }
.bt-log-liste { flex: 1; min-height: 0; overflow-y: auto; display: flex; flex-direction: column; gap: calc(var(--u) * 4); }
.bt-log-z { display: grid; grid-template-columns: calc(var(--u) * 70) minmax(0, 1fr) auto auto; gap: calc(var(--u) * 10); align-items: center; padding: calc(var(--u) * 8) calc(var(--u) * 12); border-radius: calc(var(--u) * 11); background: var(--karte); text-align: left; width: 100%; }
.bt-log-z:hover { background: var(--karte-hover); }
.bt-log-z .mitte { min-width: 0; }
.bt-log-z b, .bt-log-z small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bt-log-z b { font-size: calc(var(--u) * 12.5); } .bt-log-z small { font-size: calc(var(--u) * 11); color: var(--ter); }
.bt-log-st { display: inline-block; font-size: calc(var(--u) * 9.5); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; padding: calc(var(--u) * 3) calc(var(--u) * 7); border-radius: 99px; background: rgba(255, 255, 255, .07); color: var(--sek); text-align: center; }
.bt-log-z.st-error .bt-log-st, .bt-log-st.st-error { background: rgba(255, 90, 106, .16); color: var(--rot); }
.bt-log-z.st-warn .bt-log-st, .bt-log-st.st-warn { background: rgba(255, 181, 71, .14); color: var(--akzent-hell); }
.bt-log-z.st-debug .bt-log-st, .bt-log-st.st-debug { color: var(--ter); }
.bt-log-meta { display: flex; flex-direction: column; align-items: flex-end; font-size: calc(var(--u) * 10.5); color: var(--ter); white-space: nowrap; max-width: calc(var(--u) * 170); }
.bt-log-meta span { overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.bt-log-ic { display: flex; gap: calc(var(--u) * 4); color: var(--ter); }
.bt-log-ic svg { width: calc(var(--u) * 14); height: calc(var(--u) * 14); }
.bt-log-detail { max-height: 70vh; overflow-y: auto; padding-right: calc(var(--u) * 4); }
.bt-ld-kopf { display: flex; align-items: center; gap: calc(var(--u) * 10); margin-bottom: calc(var(--u) * 10); }
.bt-ld-kopf .titel { overflow-wrap: anywhere; }
.bt-ld-text { margin: calc(var(--u) * 10) 0; padding: calc(var(--u) * 10) calc(var(--u) * 12); border-radius: var(--r); background: rgba(0, 0, 0, .25); white-space: pre-wrap; overflow-wrap: anywhere; font-size: calc(var(--u) * 12); color: var(--sek); }
.bt-json { margin: calc(var(--u) * 6) 0 calc(var(--u) * 12); padding: calc(var(--u) * 10) calc(var(--u) * 12); border-radius: var(--r); background: rgba(4, 5, 9, .8); box-shadow: inset 0 0 0 1px var(--kante);
  font-family: ui-monospace, Consolas, monospace; font-size: calc(var(--u) * 11); line-height: 1.5; white-space: pre-wrap; overflow-wrap: anywhere; max-height: calc(var(--u) * 320); overflow-y: auto; user-select: text; -webkit-user-select: text; }
.bt-json .j-k { color: #ffb547; } .bt-json .j-s { color: #9ee6b4; } .bt-json .j-n { color: #6aa8ff; } .bt-json .j-b { color: #c59bff; }
.bt-ld-bilder { display: grid; grid-template-columns: repeat(auto-fill, minmax(calc(var(--u) * 140), 1fr)); gap: calc(var(--u) * 8); margin: calc(var(--u) * 6) 0 calc(var(--u) * 12); }
.bt-ld-bilder img { width: 100%; height: calc(var(--u) * 100); object-fit: cover; border-radius: calc(var(--u) * 10); }
.bt-wh { display: grid; grid-template-columns: minmax(0, 1fr) auto auto auto auto; gap: calc(var(--u) * 6); align-items: center; padding: calc(var(--u) * 8) calc(var(--u) * 10); border-radius: calc(var(--u) * 11); background: rgba(0, 0, 0, .18); }
.bt-wh b, .bt-wh small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bt-wh small { color: var(--ter); font-size: calc(var(--u) * 10.5); }
.box .unterzeile { margin-bottom: calc(var(--u) * 10); }

/* ---------- Abstuerze */
.bt-ab-tab td { vertical-align: middle; }
.bt-ab-text { display: block; max-width: calc(var(--u) * 420); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tabelle tr.klickbar { cursor: pointer; }
.tabelle tr.klickbar:hover td { background: var(--karte-hover); }
.bt-ab-voll { white-space: pre-wrap; overflow-wrap: anywhere; font-size: calc(var(--u) * 12); color: var(--sek); user-select: text; -webkit-user-select: text; }

/* ---------- Spieldaten */
.bt-sd-chars { margin-bottom: calc(var(--u) * 10); flex-wrap: wrap; }
.bt-sd-kopf { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: calc(var(--u) * 10); margin-bottom: calc(var(--u) * 12); }
.bt-sd-kopf b { font-family: var(--anton); font-weight: 400; font-size: calc(var(--u) * 24); text-transform: uppercase; display: block; }
.bt-sd-kopf small { color: var(--ter); font-size: calc(var(--u) * 11); }
.bt-sd-raster { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); gap: calc(var(--u) * 12); }
.bt-sd-geld { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: calc(var(--u) * 8); }
.bt-geld { position: relative; padding: calc(var(--u) * 10) calc(var(--u) * 12); border-radius: calc(var(--u) * 12); background: rgba(0, 0, 0, .2); }
.bt-geld small { display: block; font-size: calc(var(--u) * 10); letter-spacing: .16em; text-transform: uppercase; color: var(--ter); }
.bt-geld b { display: block; font-family: var(--anton); font-weight: 400; font-size: calc(var(--u) * 20); margin-top: calc(var(--u) * 4); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bt-geld .mini { position: absolute; right: calc(var(--u) * 6); top: calc(var(--u) * 6); }
.bt-sd-daten dd { text-align: left; }
.bt-sd-daten dd .pille { margin: 0 calc(var(--u) * 3) calc(var(--u) * 3) 0; }
.bt-inv { display: grid; grid-template-columns: repeat(auto-fill, minmax(calc(var(--u) * 84), 1fr)); gap: calc(var(--u) * 6); margin-bottom: calc(var(--u) * 10); }
.bt-inv.klein { grid-template-columns: repeat(auto-fill, minmax(calc(var(--u) * 70), 1fr)); }
.bt-slot { position: relative; height: calc(var(--u) * 84); border-radius: calc(var(--u) * 11); background: rgba(0, 0, 0, .24); box-shadow: inset 0 0 0 1px var(--kante); display: flex; flex-direction: column; align-items: center; justify-content: flex-end; padding: calc(var(--u) * 4); overflow: hidden; }
.bt-inv.klein .bt-slot { height: calc(var(--u) * 70); }
.bt-slot.leer { opacity: .45; }
.bt-slot em { position: absolute; left: calc(var(--u) * 6); top: calc(var(--u) * 4); font-style: normal; font-size: calc(var(--u) * 9); color: var(--ter); }
.bt-slot img { position: absolute; left: 50%; top: 44%; transform: translate(-50%, -50%); width: 58%; height: 58%; object-fit: contain; }
.bt-slot span { position: relative; width: 100%; font-size: calc(var(--u) * 9.5); text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--sek); }
.bt-slot b { position: absolute; right: calc(var(--u) * 6); top: calc(var(--u) * 4); font-size: calc(var(--u) * 10); }
.bt-slot-weg { position: absolute; right: calc(var(--u) * 4); bottom: calc(var(--u) * 18); width: calc(var(--u) * 20); height: calc(var(--u) * 20); border-radius: 99px; background: rgba(255, 90, 106, .85); color: #fff; font-weight: 800; display: none; line-height: 1; }
.bt-slot:hover .bt-slot-weg { display: block; }
.bt-sd-liste { display: grid; gap: calc(var(--u) * 3); max-height: calc(var(--u) * 260); overflow-y: auto; }
.bt-sd-liste > div { display: flex; justify-content: space-between; gap: calc(var(--u) * 10); padding: calc(var(--u) * 6) calc(var(--u) * 8); border-radius: calc(var(--u) * 8); background: rgba(0, 0, 0, .16); font-size: calc(var(--u) * 11.5); }
.bt-sd-liste b { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; display: flex; align-items: center; gap: calc(var(--u) * 4); }
.bt-sd-liste b svg { width: calc(var(--u) * 12); height: calc(var(--u) * 12); flex: none; }
.bt-sd-liste span { color: var(--ter); white-space: nowrap; }
.bt-sd-liste em { font-style: normal; color: var(--rot); font-size: calc(var(--u) * 10); }
.bt-item-wahl { display: grid; gap: calc(var(--u) * 3); max-height: calc(var(--u) * 200); overflow-y: auto; margin-top: calc(var(--u) * 6); }
.bt-iw { display: flex; align-items: center; gap: calc(var(--u) * 8); padding: calc(var(--u) * 5) calc(var(--u) * 8); border-radius: calc(var(--u) * 8); background: rgba(0, 0, 0, .2); text-align: left; font-size: calc(var(--u) * 12); }
.bt-iw:hover { background: rgba(255, 138, 31, .18); }
.bt-iw.aus { opacity: .45; cursor: not-allowed; }
.bt-iw img { width: calc(var(--u) * 24); height: calc(var(--u) * 24); object-fit: contain; }
.bt-iw small { color: var(--ter); }

/* ---------- Team-Chat */
.bt-chat { flex: 1; min-height: 0; overflow-y: auto; margin: 0 calc(var(--u) * 32); display: flex; flex-direction: column; gap: calc(var(--u) * 8); padding-right: calc(var(--u) * 4); }
.bt-msg { max-width: 78%; align-self: flex-start; padding: calc(var(--u) * 9) calc(var(--u) * 12); border-radius: calc(var(--u) * 14) calc(var(--u) * 14) calc(var(--u) * 14) calc(var(--u) * 4); background: var(--karte); box-shadow: inset 0 0 0 1px var(--kante); }
.bt-msg.eigen { align-self: flex-end; border-radius: calc(var(--u) * 14) calc(var(--u) * 14) calc(var(--u) * 4) calc(var(--u) * 14); background: rgba(255, 138, 31, .14); box-shadow: inset 0 0 0 1px rgba(255, 138, 31, .3); }
.bt-msg.geloescht { opacity: .5; padding: calc(var(--u) * 6) calc(var(--u) * 12); }
.bt-msg-kopf { display: flex; align-items: center; gap: calc(var(--u) * 6); font-size: calc(var(--u) * 11); }
.bt-msg-kopf b { font-size: calc(var(--u) * 12); }
.bt-msg-kopf time { color: var(--ter); }
.bt-msg-kopf .pille { height: calc(var(--u) * 18); font-size: calc(var(--u) * 9.5); }
.bt-msg-kopf .mini { margin-left: auto; opacity: 0; }
.bt-msg:hover .mini { opacity: 1; }
.bt-msg-text { margin-top: calc(var(--u) * 4); font-size: calc(var(--u) * 13); line-height: 1.5; overflow-wrap: anywhere; user-select: text; -webkit-user-select: text; }
.bt-erw { color: var(--akzent-hell); }
.bt-chat-ein { display: flex; gap: calc(var(--u) * 8); align-items: flex-end; margin: calc(var(--u) * 10) calc(var(--u) * 32) calc(var(--u) * 20); }
.bt-chat-ein textarea { flex: 1; resize: none; min-height: calc(var(--u) * 44); max-height: calc(var(--u) * 120); }

/* ---------- Einarbeitung */
.bt-fs { height: calc(var(--u) * 8); }
.bt-fs i { display: block; height: 100%; border-radius: 99px; background: var(--verlauf); }
.bt-ein-z { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: calc(var(--u) * 12); align-items: flex-start; padding: calc(var(--u) * 10) calc(var(--u) * 12); border-radius: calc(var(--u) * 12); background: rgba(0, 0, 0, .16); }
.bt-ein-z + .bt-ein-z { margin-top: calc(var(--u) * 6); }
.stapel > .bt-ein-z { grid-template-columns: minmax(0, 1fr) auto; margin-top: 0; }
.bt-ein-z.an b { color: var(--sek); }
.bt-ein-z b { font-size: calc(var(--u) * 13); }
.bt-ein-z p { margin-top: calc(var(--u) * 4); font-size: calc(var(--u) * 12); color: var(--sek); line-height: 1.5; }
.bt-ein-z .pille { height: calc(var(--u) * 18); font-size: calc(var(--u) * 9.5); vertical-align: middle; }
.bt-haken { width: calc(var(--u) * 24); height: calc(var(--u) * 24); border-radius: calc(var(--u) * 7); box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .25); display: grid; place-items: center; }
.bt-haken.an { background: var(--verlauf); box-shadow: var(--glow); }
.bt-haken svg { width: calc(var(--u) * 14); height: calc(var(--u) * 14); }

/* ---------- Verdacht + Team live */
.bt-vd-z .rechts { display: flex; align-items: center; gap: calc(var(--u) * 4); }
.bt-vd-z .mitte b .link { font: inherit; }
.zeile.bt-vd-z { grid-template-columns: auto minmax(0, 1fr) auto; }
.bt-tl-raster { display: grid; grid-template-columns: repeat(auto-fill, minmax(calc(var(--u) * 260), 1fr)); gap: calc(var(--u) * 10); }
.bt-tl.dienst { box-shadow: inset 0 0 0 1px rgba(61, 220, 132, .35); }
.bt-tl-kopf { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: calc(var(--u) * 10); align-items: center; margin-bottom: calc(var(--u) * 10); }
.bt-tl-kopf b, .bt-tl-kopf small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bt-tl-kopf small { font-size: calc(var(--u) * 10.5); color: var(--ter); }
.bt-tl-kopf .ini { width: calc(var(--u) * 32); height: calc(var(--u) * 32); color: #0a0b11; font-weight: 800; }
.bt-tl-funke { margin-top: calc(var(--u) * 8); }
.bt-tl-funke .bt-funke { width: 100%; }

/* ---------- schmale Fenster (1100 px und kleiner) */
@media (max-width: 1250px) {
  .bt-zwei, .bt-sd-raster { grid-template-columns: minmax(0, 1fr); }
  .bt-k-raster { grid-template-columns: minmax(0, 1fr) calc(var(--u) * 230); }
  .bt-log-raster { grid-template-columns: calc(var(--u) * 160) minmax(0, 1fr); }
  .bt-log-meta { display: none; }
  .bt-log-z { grid-template-columns: calc(var(--u) * 64) minmax(0, 1fr) auto; }
}

/* ---------- in der Akte (schmale Spalte) */
.akte-modul { min-width: 0; }
.akte-modul .bt-sd-raster, .akte-modul .bt-zwei { grid-template-columns: minmax(0, 1fr); }
.akte-modul .kennzahlen { grid-template-columns: repeat(auto-fill, minmax(calc(var(--u) * 120), 1fr)); }
.akte-modul .kz b { font-size: calc(var(--u) * 24); }
.bt-sd-kopf .pille { white-space: normal; height: auto; min-height: calc(var(--u) * 24); padding-top: calc(var(--u) * 3); padding-bottom: calc(var(--u) * 3); }
.bt-sd-kopf > div { min-width: 0; }
.bt-k-boden { overflow: hidden; }
.bt-k-marker { z-index: 1; }
.bt-k-karte-info { width: calc(var(--u) * 350); }
.bt-info-wz { grid-template-columns: repeat(auto-fill, minmax(calc(var(--u) * 128), 1fr)); gap: calc(var(--u) * 6); }
.bt-info-wz .werkzeug span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.bt-info-wz .werkzeug { min-width: 0; }