/* ==========================================================================
   Bot-Workspace – klare Hierarchie, ruhige Oberflächen und zustandsbezogene Aktionen.
   Markup: index.html #botsModal.bz-page (IDs = Vertrag mit js/bots.js), Logik: js/bots.js + js/bot-zentrale.js.
   Lädt als letzte Schicht: ältere Bot-Regeln (style.css, control-room.css, bot-workspace.css, bot-hub.css) nutzen
   !important – hier deshalb gezielt ebenfalls. Farm-/Live-Innenleben (spw-/fc-/lv-*) kommt aus bot-hub.css und
   wird über die --wb-*-Farben neu eingefärbt.
   Dunkles Navy mit Smaragd, Petrol, Gold und Violett. Dezente Leuchtakzente markieren aktive Auswahl und wichtige Aktionen.
   ========================================================================== */

/* ------------------------------------------------------------ 0. Seite und Farben */
body.bot-page { background: #111720 !important; }
body.bot-page #siteMain,
body.bot-page .tc-scroll-progress,
body.bot-page .tc-ambient { display: none !important; }

#botsModal.bz-page,
#customBotCreateModal.bz-create {
  --bz-bg: #111720;
  --bz-bg-2: #171f2b;
  --bz-surface: #1c2735;
  --bz-raised: #293648;
  --bz-hover: #344359;
  --bz-line: #344151;
  --bz-line-2: #506176;
  --bz-text: #dce4ee;
  --bz-text-2: #b4bfce;
  --bz-text-3: #a2b0c3;
  --bz-emerald: #63d5ad;
  --bz-emerald-lo: #399b80;
  --bz-gold: #dfb966;
  --bz-red: #e19aa8;
  --bz-diamond: #70cee4;
  --bz-amethyst: #b79bed;
  --bz-action: #4263d2;
  --bz-action-hover: #4566d4;
  --bz-action-line: #8097f0;
  --bz-action-text: #f0f4ff;
  --bz-selection: #253e56;
  --bz-r: 16px;
  --bz-r-sm: 10px;
  --bz-display: 'Onest', 'Avenir Next', 'Segoe UI', system-ui, sans-serif;
  --bz-body: 'Onest', 'Avenir Next', 'Segoe UI', system-ui, sans-serif;
  --bz-mono: ui-monospace, 'SFMono-Regular', Menlo, monospace;
  /* Farm/Live (bot-hub.css) übernehmen dieselben Farben */
  --wb-bg: var(--bz-bg);
  --wb-sunk: #121c2a;
  --wb-panel: var(--bz-surface);
  --wb-raised: var(--bz-raised);
  --wb-line: var(--bz-line);
  --wb-line-2: var(--bz-line-2);
  --wb-text: var(--bz-text);
  --wb-soft: #d0dbea;
  --wb-muted: var(--bz-text-2);
  --wb-emerald: var(--bz-emerald);
  --wb-gold: var(--bz-gold);
  --wb-redstone: var(--bz-red);
  --wb-diamond: var(--bz-diamond);
  --wb-amethyst: var(--bz-amethyst);
  --wb-lapis: var(--bz-diamond);
  --wb-copper: #d29b71;
  --wb-pixel: var(--bz-display);
  --wb-r: var(--bz-r);
  --wb-r-sm: var(--bz-r-sm);
  --font-heading: var(--bz-display);
  --font-body: var(--bz-body);
}

body.bot-page #botsModal.bz-page,
body.bot-page.tc-redesign #botsModal.bz-page,
.tc-redesign #botsModal.bz-page {
  position: relative !important;
  inset: auto !important;
  z-index: auto !important;
  display: block !important;
  width: 100%;
  min-height: 100dvh;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: var(--bz-bg) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  animation: none !important;
  color: var(--bz-text);
  font: 400 14px/1.5 var(--bz-body) !important;
}
/* Geschlossen: jede der Anzeige-Regeln oben überstimmen (sonst bleibt 100dvh Leerraum unter dem Footer). */
body.bot-page.tc-redesign #botsModal.bz-page[hidden],
body.bot-page #botsModal.bz-page[hidden],
.tc-redesign #botsModal.bz-page[hidden],
#botsModal.bz-page[hidden] { display: none !important; }
#botsModal.bz-page [hidden] { display: none !important; }
#botsModal.bz-page *, #botsModal.bz-page *::before, #botsModal.bz-page *::after { box-sizing: border-box; }
#botsModal.bz-page :is(h1, h2, h3, h4) { margin: 0; letter-spacing: 0 !important; font-family: var(--bz-body); color: var(--bz-text); }
#botsModal.bz-page p { margin: 0; }
#botsModal.bz-page code { padding: 1px 6px; border-radius: 6px; background: rgba(160, 182, 211, .12); color: #c4ccd6; font: 500 .92em var(--bz-mono); }
#botsModal.bz-page :is(button, a, input, select, summary):focus-visible { outline: 2px solid var(--bz-diamond) !important; outline-offset: 2px; }
.bz-sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* style.css begrenzt jedes <main> auf 1240 px mit Rand – die Zentrale nutzt die ganze Breite (Klicks landen nie auf dem Overlay). */
#botsModal.bz-page > .bz-app { display: grid; grid-template-rows: auto auto minmax(0, 1fr); width: 100% !important; max-width: none !important; min-height: 100dvh; margin: 0 !important; padding: 0 !important; }
#botsModal.bz-page .bz-layout { max-width: 1680px; margin: 0 auto; }

/* ------------------------------------------------------------ 1. Bausteine */
#botsModal.bz-page .bz-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 38px;
  padding: 0 14px;
  border: 1px solid var(--bz-line-2) !important;
  border-radius: var(--bz-r-sm) !important;
  background: var(--bz-raised) !important;
  color: var(--bz-text) !important;
  font: 700 13px/1 var(--bz-body) !important;
  text-decoration: none !important;
  white-space: nowrap;
  cursor: pointer;
  box-shadow: none !important;
  transition: background .15s, border-color .15s, transform .1s;
}
#botsModal.bz-page .bz-btn:hover { background: var(--bz-hover) !important; border-color: #607fa4 !important; }
#botsModal.bz-page .bz-btn:active { transform: translateY(1px); }
#botsModal.bz-page .bz-btn:disabled { opacity: .55; cursor: default; }
#botsModal.bz-page .bz-btn--primary { background: var(--bz-action) !important; border-color: var(--bz-action-line) !important; color: var(--bz-action-text) !important; }
#botsModal.bz-page .bz-btn--primary:hover { background: var(--bz-action-hover) !important; border-color: #8fa0ba !important; }
#botsModal.bz-page .bz-btn--warn { border-color: rgba(196, 171, 123, .55) !important; color: #e4c480 !important; }
#botsModal.bz-page .bz-btn--danger { border-color: rgba(193, 142, 154, .6) !important; color: #e8acb7 !important; background: rgba(193, 142, 154, .08) !important; }
#botsModal.bz-page .bz-btn--danger:hover { background: rgba(193, 142, 154, .18) !important; }
#botsModal.bz-page .bz-btn--sm { min-height: 32px; padding: 0 11px; font-size: 12.5px !important; }
#botsModal.bz-page .bz-icon {
  display: inline-grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border: 1px solid var(--bz-line) !important;
  border-radius: var(--bz-r-sm) !important;
  background: var(--bz-surface) !important;
  color: var(--bz-text-2) !important;
  cursor: pointer;
}
#botsModal.bz-page .bz-icon:hover { color: var(--bz-text) !important; border-color: var(--bz-line-2) !important; }
#botsModal.bz-page .bz-link { padding: 0; border: 0; background: none; color: var(--bz-diamond); font: 700 12.5px var(--bz-body); cursor: pointer; white-space: nowrap; }
#botsModal.bz-page .bz-link:hover { text-decoration: underline; }
#botsModal.bz-page .bz-muted { color: var(--bz-text-2); font-size: 12.5px; }
#botsModal.bz-page .bz-mono { font-family: var(--bz-mono); font-size: 12px; color: var(--bz-text-2); }
#botsModal.bz-page .bz-empty, #botsModal.bz-page .bh-empty { color: var(--bz-text-3); font-size: 13px; list-style: none; }
#botsModal.bz-page .bz-chip {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 9px;
  border-radius: 999px;
  background: rgba(160, 182, 211, .12);
  color: var(--bz-text-2);
  font: 800 12px/1 var(--bz-body);
}
#botsModal.bz-page .bz-chip[data-state="online"], #botsModal.bz-page .bz-chip[data-level="ok"] { background: rgba(131, 181, 160, .14); color: #86debc; }
#botsModal.bz-page .bz-chip[data-state="pending"], #botsModal.bz-page .bz-chip[data-state="login"], #botsModal.bz-page .bz-chip[data-level="warn"] { background: rgba(196, 171, 123, .14); color: #e4c480; }
#botsModal.bz-page .bz-chip[data-state="offline"], #botsModal.bz-page .bz-chip[data-level="danger"] { background: rgba(193, 142, 154, .16); color: #e8acb7; }
#botsModal.bz-page .bz-chip[data-state="off"] { background: rgba(160, 182, 211, .12); color: var(--bz-text-2); }

#botsModal.bz-page .bz-card {
  display: grid;
  align-content: start;
  gap: 14px;
  min-width: 0;
  padding: 18px 20px;
  border: 1px solid var(--bz-line);
  border-radius: var(--bz-r);
  background: var(--bz-surface);
  box-shadow: 0 18px 40px -30px rgba(0, 0, 0, .9);
}
/* Eine Spalte, die schrumpfen darf: lange Chatzeilen oder Knopfreihen dürfen die Karte nicht breiter machen. */
#botsModal.bz-page .bz-card:not(.bz-row-card):not(.bz-toggle) { grid-template-columns: minmax(0, 1fr); }
#botsModal.bz-page .bz-card > * { min-width: 0; }
#botsModal.bz-page .bz-card-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-width: 0; }
#botsModal.bz-page .bz-card-head h3 { font: 800 15px/1.2 var(--bz-body); }
#botsModal.bz-page .bz-card-head p { margin-top: 3px; }
#botsModal.bz-page .bz-head-actions { display: flex; flex-wrap: wrap; gap: 8px; }
#botsModal.bz-page .bz-row-card { grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
#botsModal.bz-page .bz-row-card h3 { font: 800 15px/1.2 var(--bz-body); margin-bottom: 4px; }

/* Schalter (global .switch-toggle) im neuen Look */
#botsModal.bz-page .switch-toggle { width: 44px !important; height: 24px !important; flex: none; }
#botsModal.bz-page .slider-round { background: #3a4c65 !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06) !important; }
#botsModal.bz-page .slider-round::before { width: 18px !important; height: 18px !important; left: 3px !important; bottom: 3px !important; background: #c7d3df !important; }
#botsModal.bz-page .switch-toggle input:checked + .slider-round { background: #4c7566 !important; box-shadow: inset 0 0 0 1px #63d5ad !important; }
#botsModal.bz-page .switch-toggle input:checked + .slider-round::before { transform: translateX(20px) !important; background: #d6e4de !important; }

/* ------------------------------------------------------------ 2. Kopfzeile der Zentrale */
/* Klebende Leisten stapeln sich unter dem klebenden Seitenkopf (header.topbar, z-index 100, taucht mobil beim
   Runterscrollen weg). bot-zentrale.js misst die Höhen: --bz-site-h (sichtbarer Seitenkopf), --bz-bar-h (diese
   Leiste, nur solange sie klebt), --bz-tabs-h (Bereichs-Tabs). */
#botsModal.bz-page { --bz-stick: calc(var(--bz-site-h, 0px) + var(--bz-bar-h, 0px)); }
#botsModal.bz-page .bz-topbar {
  position: sticky;
  top: var(--bz-site-h, 0px);
  z-index: 30;
  transition: top .25s ease;
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 12px clamp(14px, 2.4vw, 28px);
  background: rgba(17, 23, 32, .88);
  border-bottom: 1px solid var(--bz-line);
  backdrop-filter: blur(10px);
}
#botsModal.bz-page .bz-back { display: inline-flex; align-items: center; gap: 6px; padding: 8px 12px; border-radius: 10px; border: 1px solid var(--bz-line); color: var(--bz-text-2); font-weight: 700; font-size: 13px; text-decoration: none; }
#botsModal.bz-page .bz-back:hover { color: var(--bz-text); border-color: var(--bz-line-2); }
#botsModal.bz-page .bz-brand { display: flex; align-items: center; gap: 12px; min-width: 0; margin-right: auto; }
#botsModal.bz-page .bz-brand-mark { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; background: rgba(131, 181, 160, .12); border: 1px solid rgba(131, 181, 160, .35); }
#botsModal.bz-page .bz-brand-mark svg { width: 24px; height: 24px; }
#botsModal.bz-page #tcBotWorkspaceTitle { margin: 0 !important; font: 900 26px/1 var(--bz-display) !important; letter-spacing: .02em !important; color: var(--bz-text) !important; text-transform: none; }
#botsModal.bz-page .bz-fleet-health { margin-top: 3px; color: var(--bz-text-2); font-size: 12.5px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#botsModal.bz-page .bz-fleet-health[data-level="warn"] { color: #e4c480; }
#botsModal.bz-page .bz-top-actions { display: flex; align-items: center; gap: 10px; }
#botsModal.bz-page .bz-cmdk {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 250px;
  height: 38px;
  padding: 0 10px 0 12px;
  border: 1px solid var(--bz-line);
  border-radius: 10px;
  background: var(--bz-surface);
  color: var(--bz-text-3);
  font: 600 13px var(--bz-body);
  cursor: pointer;
}
#botsModal.bz-page .bz-cmdk:hover { border-color: var(--bz-line-2); color: var(--bz-text-2); }
#botsModal.bz-page .bz-cmdk span { flex: 1; text-align: left; }
#botsModal.bz-page kbd, #botsModal.bz-page .bz-palette kbd { padding: 2px 6px; border-radius: 6px; border: 1px solid var(--bz-line-2); background: var(--bz-bg-2); color: var(--bz-text-2); font: 700 11px var(--bz-body); }

/* ------------------------------------------------------------ 3. Raster: Flotte | Arbeitsbereich */
#botsModal.bz-page .bz-layout {
  display: grid;
  grid-template-columns: clamp(250px, 21vw, 310px) minmax(0, 1fr);
  gap: 22px;
  align-items: start;
  padding: 20px clamp(14px, 2.4vw, 28px) 48px;
}

/* Flotte */
#botsModal.bz-page .bz-fleet {
  position: sticky;
  top: calc(var(--bz-stick) + 14px);
  display: grid;
  gap: 12px;
  max-height: calc(100dvh - var(--bz-stick) - 28px);
  padding: 14px;
  border: 1px solid var(--bz-line);
  border-radius: var(--bz-r);
  background: var(--bz-bg-2);
  overflow: hidden;
  grid-template-rows: auto auto auto auto minmax(0, 1fr) auto auto;
}
#botsModal.bz-page .bz-search { display: flex; align-items: center; gap: 8px; height: 40px; padding: 0 12px; border: 1px solid var(--bz-line); border-radius: 10px; background: var(--bz-surface); color: var(--bz-text-3); }
#botsModal.bz-page .bz-search:focus-within { border-color: var(--bz-diamond); }
#botsModal.bz-page .bz-search input { flex: 1; min-width: 0; height: 100%; border: 0 !important; outline: none; background: transparent !important; color: var(--bz-text) !important; font: 500 13px var(--bz-body); box-shadow: none !important; padding: 0 !important; }
#botsModal.bz-page .bz-search--sm { height: 34px; }
#botsModal.bz-page .bz-filters { display: flex; flex-wrap: wrap; gap: 6px; }
#botsModal.bz-page .bz-category-controls { display: grid; gap: 8px; min-width: 0; }
#botsModal.bz-page .bz-fleet:has(.bz-category-controls:not([hidden])) { grid-template-rows: auto auto auto auto minmax(0, 1fr) auto auto; }
#botsModal.bz-page .bz-category-controls[hidden],
#botsModal.bz-page .bz-category-assignment[hidden] { display: none; }
#botsModal.bz-page .bz-category-create { display: flex; gap: 6px; min-width: 0; }
#botsModal.bz-page .bz-category-create input { min-width: 0; width: 100%; padding: 0 10px; border: 1px solid var(--bz-line-2); border-radius: 10px; background: var(--bz-surface); color: var(--bz-text); }
#botsModal.bz-page #botCategoryError:empty { display: none; }
#botsModal.bz-page .bz-category-assignment { margin-top: 8px; max-width: 260px; }
#botsModal.bz-page .bz-account-deadline { display: block; color: var(--bz-gold); font-variant-numeric: tabular-nums; }
#botsModal.bz-page .bh-fleet-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  border: 1px solid var(--bz-line) !important;
  border-radius: 999px !important;
  background: var(--bz-surface) !important;
  color: var(--bz-text-2) !important;
  font: 700 12px var(--bz-body) !important;
  cursor: pointer;
}
#botsModal.bz-page .bh-fleet-chip b { font: 900 13px/1 var(--bz-display) !important; }
#botsModal.bz-page .bh-fleet-chip[data-status="online"] b { color: var(--bz-emerald) !important; }
#botsModal.bz-page .bh-fleet-chip[data-status="pending"] b { color: var(--bz-gold) !important; }
#botsModal.bz-page .bh-fleet-chip[data-status="off"] b { color: var(--bz-text-3) !important; }
#botsModal.bz-page .bh-fleet-chip[aria-pressed="true"] { border-color: var(--bz-diamond) !important; color: var(--bz-text) !important; background: rgba(143, 182, 198, .1) !important; }

body.bot-page #botsModal.bz-page #botsTabContainer,
.tc-redesign #botsModal.bz-page #botsTabContainer {
  display: grid !important;
  align-content: start;
  grid-auto-rows: max-content;
  gap: 6px !important;
  grid-area: auto !important;
  min-height: 0;
  max-height: none !important;
  margin: 0 !important;
  padding: 2px 2px 4px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  border: 0 !important;
  background: transparent !important;
  scrollbar-width: thin;
  scrollbar-color: var(--bz-line-2) transparent;
}
#botsModal.bz-page .bh-group { display: flex; justify-content: space-between; margin: 8px 4px 2px; color: var(--bz-text-3); font: 800 10.5px/1 var(--bz-body); letter-spacing: .12em; text-transform: uppercase; }
#botsModal.bz-page .bh-group:first-child { margin-top: 0; }
#botsModal.bz-page .bh-group b { color: var(--bz-text-3); }
#botsModal.bz-page #botsTabContainer .bh-bot[hidden],
#botsModal.bz-page #botsTabContainer .bh-group[hidden] { display: none !important; }
#botsModal.bz-page #botsTabContainer .bh-bot {
  position: relative;
  display: grid !important;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  grid-template-areas: none !important; /* bot-hub.css legt sonst eine zweite, leere Zeile (+ Zeilenabstand) an */
  grid-template-rows: auto !important;
  align-items: center;
  column-gap: 10px;
  row-gap: 0;
  width: 100%;
  min-height: 0 !important;
  padding: 8px 10px !important;
  border: 1px solid transparent !important;
  border-radius: 12px !important;
  background: transparent !important;
  color: var(--bz-text) !important;
  text-align: left;
  cursor: pointer;
  box-shadow: none !important;
  transition: background .15s, border-color .15s;
}
#botsModal.bz-page #botsTabContainer .bh-bot:hover { background: var(--bz-surface) !important; border-color: var(--bz-line) !important; }
#botsModal.bz-page #botsTabContainer .bh-bot.active { background: linear-gradient(110deg, #24475a, var(--bz-selection)) !important; border-color: #56a1bb !important; }
#botsModal.bz-page #botsTabContainer .bh-bot.active::before { content: ''; position: absolute; left: -1px; top: 12px; bottom: 12px; width: 3px; border-radius: 3px; background: var(--bz-emerald); }
#botsModal.bz-page .bz-fleet-head { width: 36px; height: 36px; border-radius: 9px; image-rendering: pixelated; background: var(--bz-raised); }
#botsModal.bz-page .bz-fleet-copy { display: grid; gap: 1px; min-width: 0; }
#botsModal.bz-page .bz-fleet-copy strong { font: 800 14px/1.2 var(--bz-body); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#botsModal.bz-page .bz-fleet-copy small { color: var(--bz-text-3); font-size: 11.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#botsModal.bz-page .bz-fleet-copy em { font-style: normal; font-size: 11.5px; font-weight: 700; color: var(--bz-text-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#botsModal.bz-page .bz-fleet-copy em[data-state="online"] { color: #86debc; }
#botsModal.bz-page .bz-fleet-copy em[data-state="pending"], #botsModal.bz-page .bz-fleet-copy em[data-state="login"] { color: #e4c480; }
#botsModal.bz-page .bz-fleet-copy em[data-state="offline"] { color: #e8acb7; }
#botsModal.bz-page .bz-fleet-side { display: flex; align-items: center; gap: 6px; }
#botsModal.bz-page .bz-tag { padding: 2px 6px; border-radius: 6px; background: rgba(196, 171, 123, .14); color: #e4c480; font: 800 10px/1.2 var(--bz-body); font-style: normal; letter-spacing: .04em; text-transform: uppercase; }
#botsModal.bz-page .bz-fleet-alert { display: grid; place-items: center; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 999px; background: var(--bz-gold); color: #2a1a00; font: 900 11px/1 var(--bz-body); }
#botsModal.bz-page .bz-fleet-alert[data-level="danger"] { background: var(--bz-red); color: #30121b; }
#botsModal.bz-page .bz-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--bz-text-3); font-style: normal; }
#botsModal.bz-page .bz-dot[data-state="online"] { background: var(--bz-emerald); box-shadow: none; }
#botsModal.bz-page .bz-dot[data-state="pending"], #botsModal.bz-page .bz-dot[data-state="login"] { background: var(--bz-gold); animation: none; }
#botsModal.bz-page .bz-dot[data-state="offline"] { background: var(--bz-red); }
#botsModal.bz-page .bz-fleet-empty { color: var(--bz-text-3); font-size: 12.5px; text-align: center; padding: 8px; }

/* ------------------------------------------------------------ 4. Bot-Kopf */
#botsModal.bz-page .bz-main { display: grid; gap: 16px; min-width: 0; }
#botsModal.bz-page .bz-bothead {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  padding: 18px 22px;
  border: 1px solid var(--bz-line);
  border-radius: var(--bz-r);
  background: var(--bz-surface);
}
#botsModal.bz-page[data-bz-state="pending"] .bz-bothead, #botsModal.bz-page[data-bz-state="login"] .bz-bothead { background: linear-gradient(110deg, #363126, #252b39 50%, var(--bz-surface)); border-color: #786139; }
#botsModal.bz-page[data-bz-state="offline"] .bz-bothead { background: linear-gradient(110deg, #372839, var(--bz-surface)); border-color: #704552; }
#botsModal.bz-page[data-bz-state="off"] .bz-bothead { background: var(--bz-surface); }
#botsModal.bz-page .bz-avatar { position: relative; width: 64px; height: 64px; border-radius: 16px; overflow: hidden; background: #21364c; border: 2px solid var(--bz-line-2); }
#botsModal.bz-page .bz-avatar img { display: block; width: 100%; height: 100%; object-fit: cover; image-rendering: pixelated; }
#botsModal.bz-page .bz-avatar-dot { position: absolute; right: 5px; bottom: 5px; width: 12px; height: 12px; border-radius: 50%; border: 2px solid var(--bz-surface); background: var(--bz-text-3); }
#botsModal.bz-page[data-bz-state="online"] .bz-avatar-dot { background: var(--bz-emerald); }
#botsModal.bz-page[data-bz-state="pending"] .bz-avatar-dot, #botsModal.bz-page[data-bz-state="login"] .bz-avatar-dot { background: var(--bz-gold); }
#botsModal.bz-page[data-bz-state="offline"] .bz-avatar-dot { background: var(--bz-red); }
#botsModal.bz-page .bz-bothead-copy { display: grid; gap: 4px; min-width: 0; }
#botsModal.bz-page .bz-bothead-title { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
#botsModal.bz-page #activeBotName { font: 900 clamp(26px, 3vw, 34px)/1 var(--bz-display) !important; letter-spacing: .01em !important; color: var(--bz-text) !important; }
#botsModal.bz-page .bz-state { display: inline-flex; align-items: center; gap: 6px; min-height: 26px; padding: 0 11px; border-radius: 999px; background: rgba(160, 182, 211, .12); color: var(--bz-text-2); font: 800 12px/1 var(--bz-body); }
#botsModal.bz-page .bz-state::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
#botsModal.bz-page .bz-state[data-state="online"] { background: rgba(131, 181, 160, .15); color: #86debc; }
#botsModal.bz-page .bz-state[data-state="pending"] { background: rgba(196, 171, 123, .15); color: #e4c480; }
#botsModal.bz-page .bz-state[data-state="offline"] { background: rgba(193, 142, 154, .16); color: #e8acb7; }
#botsModal.bz-page .bz-smart-line { color: var(--bz-text); font-size: 14.5px; font-weight: 600; }
#botsModal.bz-page .bz-bothead-meta { display: flex; flex-wrap: wrap; gap: 4px 14px; color: var(--bz-text-3); font-size: 12.5px; }
#botsModal.bz-page .bz-bothead-meta > span + span::before { content: '·'; margin-right: 14px; color: var(--bz-line-2); }
#botsModal.bz-page .bz-sync[data-state="ok"] { color: var(--bz-text-3); }
#botsModal.bz-page .bz-sync[data-state="error"] { color: #e8acb7; }
#botsModal.bz-page .bz-bothead-actions { display: flex; align-items: center; gap: 10px; }
#botsModal.bz-page .bz-power { display: inline-flex; align-items: center; gap: 9px; min-height: 38px; padding: 0 12px; border: 1px solid var(--bz-line-2); border-radius: 10px; background: var(--bz-raised); cursor: pointer; }
#botsModal.bz-page .bz-power-state { min-width: 26px; font: 800 13px var(--bz-body); color: var(--bz-text-2); }
#botsModal.bz-page .bz-power-state[data-on="true"] { color: #86debc; }

/* Hinweise über den Bereichen */
#botsModal.bz-page .bz-callout {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  padding: 16px 20px;
  border-radius: var(--bz-r);
  border: 1px solid rgba(196, 171, 123, .45);
  background: var(--bz-surface);
}
#botsModal.bz-page .bz-callout--off { border-color: rgba(143, 182, 198, .4); background: var(--bz-surface); }
#botsModal.bz-page .bz-callout-icon { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 12px; background: rgba(0, 0, 0, .25); }
#botsModal.bz-page .bz-callout-icon svg { width: 28px; height: 28px; }
#botsModal.bz-page .bz-callout h3 { font: 800 15.5px/1.2 var(--bz-body); margin-bottom: 4px; }
#botsModal.bz-page .bz-callout p { color: var(--bz-text-2); font-size: 13px; }
#botsModal.bz-page .bz-code-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 12px; }
#botsModal.bz-page .bz-code { padding: 6px 14px; border-radius: 10px; background: #121c2a; border: 1px dashed rgba(196, 171, 123, .6); color: #e4c480; font: 900 22px/1 var(--bz-mono); letter-spacing: .12em; }

/* ------------------------------------------------------------ 5. Bereiche (Tabs) */
#botsModal.bz-page .bz-tabs {
  position: sticky;
  top: calc(var(--bz-stick) + 8px);
  z-index: 20;
  transition: top .25s ease;
  display: flex;
  gap: 4px;
  padding: 5px;
  border: 1px solid var(--bz-line);
  border-radius: 14px;
  background: rgba(21, 30, 44, .92);
  backdrop-filter: blur(8px);
  overflow-x: auto;
  scrollbar-width: none;
}
#botsModal.bz-page .bz-tab {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: 1 0 auto;
  justify-content: center;
  min-height: 40px;
  padding: 0 16px;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: var(--bz-text-2) !important;
  font: 700 13.5px var(--bz-body) !important;
  cursor: pointer;
  white-space: nowrap;
  box-shadow: none !important;
}
#botsModal.bz-page .bz-tab:hover { color: var(--bz-text) !important; background: var(--bz-surface) !important; }
#botsModal.bz-page .bz-tab.active { background: var(--bz-raised) !important; color: var(--bz-text) !important; box-shadow: inset 0 -2px 0 var(--bz-emerald), 0 6px 16px -10px rgba(0, 0, 0, .8) !important; }
#botsModal.bz-page .bz-tab--farm span:first-child::before { content: ''; display: inline-block; width: 6px; height: 6px; margin-right: 7px; border-radius: 2px; background: var(--bz-gold); vertical-align: 2px; }
#botsModal.bz-page .bz-tab-badge { display: grid; place-items: center; min-width: 19px; height: 19px; padding: 0 5px; border-radius: 999px; background: var(--bz-gold); color: #2a1a00; font: 900 11px/1 var(--bz-body); }
#botsModal.bz-page .bz-tab-badge[data-level="danger"] { background: var(--bz-red); color: #30121b; }
#botsModal.bz-page .bz-tab .spw-tab-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--bz-emerald); box-shadow: none; animation: none; }
#botsModal.bz-page .bz-panes { min-width: 0; }
#botsModal.bz-page .bz-pane { min-width: 0; animation: bzIn .22s ease-out; }
#botsModal.bz-page .bz-pane > * + * { margin-top: 16px; }
@keyframes bzIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }

/* ------------------------------------------------------------ 6. Übersicht */
#botsModal.bz-page .bz-overview {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-areas:
    "focus focus"
    "state money"
    "insights insights"
    "auto activity"
    "farm farm";
  gap: 16px;
  align-items: start;
}
@media (min-width: 1680px) {
  #botsModal.bz-page .bz-overview {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-areas:
      "focus focus focus"
      "state money auto"
      "insights insights activity"
      "farm farm activity";
  }
}
#botsModal.bz-page .bz-card--state { grid-area: state; --bz-card-tint: #194139; --bz-card-end: #1c3030; --bz-card-accent: #63d5ad; border-color: #346454; }
#botsModal.bz-page .bz-card--money { grid-area: money; --bz-card-tint: #433922; --bz-card-end: #302e26; --bz-card-accent: #dfb966; border-color: #6a5c3a; }
#botsModal.bz-page .bz-card--auto { grid-area: auto; --bz-card-tint: #3b2b52; --bz-card-end: #2e2940; --bz-card-accent: #b79bed; border-color: #65517f; }
#botsModal.bz-page .bz-card--insights { grid-area: insights; --bz-card-tint: #24394f; --bz-card-end: #212e40; --bz-card-accent: #9db4de; border-color: #45688b; }
#botsModal.bz-page .bz-card--activity { grid-area: activity; --bz-card-tint: #21434b; --bz-card-end: #20343d; --bz-card-accent: #70cee4; border-color: #3f7381; }
#botsModal.bz-page .bz-card--farm { grid-area: farm; --bz-card-tint: #2e422e; --bz-card-end: #29362b; --bz-card-accent: #accb96; border-color: #5b764d; }
#botsModal.bz-page .bz-overview > .bz-card { margin: 0; height: 100%; }
#botsModal.bz-page .bz-card--activity { height: auto; }

#botsModal.bz-page .bz-state-body { display: grid; grid-template-columns: 104px minmax(0, 1fr); align-items: center; gap: 16px; }
#botsModal.bz-page .bz-ring { position: relative; width: 104px; height: 104px; }
#botsModal.bz-page .bz-ring svg { width: 100%; height: 100%; transform: rotate(-90deg); }
#botsModal.bz-page .bz-ring-track { fill: none; stroke: #2b3e54; stroke-width: 7; }
#botsModal.bz-page .bz-ring-fill { fill: none; stroke: var(--bz-emerald); stroke-width: 7; stroke-linecap: round; transition: stroke-dasharray .6s ease, stroke .3s; }
#botsModal.bz-page .bz-ring[data-level="warn"] .bz-ring-fill { stroke: var(--bz-gold); }
#botsModal.bz-page .bz-ring[data-level="danger"] .bz-ring-fill { stroke: var(--bz-red); }
#botsModal.bz-page .bz-ring[data-level="wait"] .bz-ring-fill { stroke: var(--bz-text-3); }
#botsModal.bz-page .bz-ring-copy { position: absolute; inset: 0; display: grid; place-content: center; text-align: center; }
#botsModal.bz-page .bz-ring-copy strong { font: 900 24px/1 var(--bz-display); letter-spacing: .02em; }
#botsModal.bz-page .bz-ring-copy span { color: var(--bz-text-3); font-size: 11px; font-weight: 700; }
#botsModal.bz-page .bz-facts { display: grid; gap: 8px; margin: 0; }
#botsModal.bz-page .bz-facts > div { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding-bottom: 7px; border-bottom: 1px solid rgba(160, 182, 211, .08); }
#botsModal.bz-page .bz-facts > div:last-child { border-bottom: 0; padding-bottom: 0; }
#botsModal.bz-page .bz-facts dt { color: var(--bz-text-3); font-size: 12px; font-weight: 700; }
#botsModal.bz-page .bz-facts dd { margin: 0; font-weight: 700; font-size: 13px; text-align: right; font-variant-numeric: tabular-nums; min-width: 0; overflow-wrap: anywhere; }
#botsModal.bz-page .bz-health { display: inline-flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 4px 8px; }
#botsModal.bz-page .bz-hearts i { width: 13px !important; height: 12px !important; }
#botsModal.bz-page .bz-hearts { filter: saturate(.8) brightness(.95); }
/* Schmale Zustandskarte (z. B. 1000 px Fensterbreite, zwei Spalten): Herzen passen nicht neben „20 / 20“ – nur die Zahl. */
#botsModal.bz-page .bz-card--state { container-type: inline-size; }
@container (max-width: 430px) {
  #botsModal.bz-page .bz-health .bz-hearts { display: none !important; }
}

#botsModal.bz-page .bz-money-total { font: 900 clamp(28px, 2.8vw, 38px)/1 var(--bz-display); letter-spacing: .01em; color: #e4c480; font-variant-numeric: tabular-nums; }
#botsModal.bz-page .bz-money-bar { display: flex; height: 8px; border-radius: 999px; overflow: hidden; background: #2b3e54; }
#botsModal.bz-page .bz-money-bar i:first-child { background: var(--bz-gold); }
#botsModal.bz-page .bz-money-bar i:last-child { background: var(--bz-emerald); }
#botsModal.bz-page .bz-money-bar i { transition: width .5s ease; }
#botsModal.bz-page .bz-money-split { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 0; }
#botsModal.bz-page .bz-money-split div { display: grid; gap: 2px; padding: 8px 10px; border-radius: 10px; background: var(--bz-bg-2); }
#botsModal.bz-page .bz-money-split dt { display: flex; align-items: center; gap: 6px; color: var(--bz-text-3); font-size: 11.5px; font-weight: 700; }
#botsModal.bz-page .bz-money-split dt::before { content: ''; width: 8px; height: 8px; border-radius: 2px; background: var(--bz-text-3); }
#botsModal.bz-page .bz-money-split .is-cash dt::before { background: var(--bz-gold); }
#botsModal.bz-page .bz-money-split .is-bank dt::before { background: var(--bz-emerald); }
#botsModal.bz-page .bz-money-split .is-bricks dt::before { background: #cc986c; }
#botsModal.bz-page .bz-money-split dd { margin: 0; font-weight: 800; font-size: 13px; font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

#botsModal.bz-page .bz-auto-list { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
#botsModal.bz-page .bz-auto-list li { display: grid; grid-template-columns: 10px minmax(0, auto) 1fr; align-items: center; gap: 10px; padding: 9px 12px; border-radius: 10px; background: var(--bz-bg-2); }
#botsModal.bz-page .bz-auto-list li i { width: 10px; height: 10px; border-radius: 50%; background: var(--bz-text-3); }
#botsModal.bz-page .bz-auto-list li[data-on="true"] i { background: var(--bz-amethyst); box-shadow: none; }
#botsModal.bz-page .bz-auto-list strong { font-size: 13px; }
#botsModal.bz-page .bz-auto-list span { color: var(--bz-text-2); font-size: 12.5px; text-align: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#botsModal.bz-page .bz-auto-list li.bz-empty { display: block; background: none; padding: 0; }

#botsModal.bz-page .bz-insights { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
#botsModal.bz-page .bz-insight { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 12px; padding: 12px 14px; border-radius: 12px; background: var(--bz-bg-2); border: 1px solid var(--bz-line); border-left: 4px solid var(--bz-text-3); }
#botsModal.bz-page .bz-insight[data-level="danger"] { border-left-color: var(--bz-red); background: var(--bz-bg-2); }
#botsModal.bz-page .bz-insight[data-level="warn"] { border-left-color: var(--bz-gold); background: var(--bz-bg-2); }
#botsModal.bz-page .bz-insight[data-level="info"] { border-left-color: var(--bz-diamond); }
#botsModal.bz-page .bz-insight[data-level="tip"] { border-left-color: var(--bz-amethyst); }
#botsModal.bz-page .bz-insight[data-level="ok"] { border-left-color: var(--bz-emerald); }
#botsModal.bz-page .bz-insight-icon { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: rgba(0, 0, 0, .25); font-size: 17px; }
#botsModal.bz-page .bz-insight-copy { display: grid; gap: 4px; min-width: 0; }
#botsModal.bz-page .bz-insight-copy strong { font-size: 14px; }
#botsModal.bz-page .bz-insight-copy p { color: var(--bz-text-2); font-size: 13px; overflow-wrap: anywhere; }
#botsModal.bz-page .bz-insight-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 6px; }

#botsModal.bz-page .bz-timeline { display: grid; gap: 2px; margin: 0; padding: 0; list-style: none; }
#botsModal.bz-page .bz-timeline li { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; gap: 10px; align-items: start; padding: 8px 4px; border-bottom: 1px solid rgba(160, 182, 211, .07); }
#botsModal.bz-page .bz-timeline li:last-child { border-bottom: 0; }
#botsModal.bz-page .bz-tl-icon { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 8px; background: var(--bz-bg-2); font-size: 14px; }
#botsModal.bz-page .bz-timeline strong { font-size: 12.5px; }
#botsModal.bz-page .bz-timeline p { color: var(--bz-text-2); font-size: 12.5px; line-height: 1.4; overflow-wrap: anywhere; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
#botsModal.bz-page .bz-timeline time { color: var(--bz-text-3); font-size: 11px; white-space: nowrap; }
#botsModal.bz-page .bz-timeline li[data-kind="error"] strong { color: #e8acb7; }
#botsModal.bz-page .bz-timeline li[data-kind="warn"] strong { color: #e4c480; }
#botsModal.bz-page .bz-timeline li[data-kind="whisper"] strong { color: #c3aef0; }

#botsModal.bz-page .bz-farm-mini { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
#botsModal.bz-page .bz-farm-stat { display: grid; gap: 4px; padding: 10px 12px; border-radius: 10px; background: var(--bz-bg-2); }
#botsModal.bz-page .bz-farm-stat span { color: var(--bz-text-3); font-size: 11.5px; font-weight: 700; }
#botsModal.bz-page .bz-farm-stat strong { font-size: 13.5px; }
#botsModal.bz-page .bz-meter { display: block; height: 6px; border-radius: 999px; background: #2b3e54; overflow: hidden; }
#botsModal.bz-page .bz-meter b { display: block; height: 100%; background: var(--bz-emerald); }
#botsModal.bz-page .bz-meter[data-level="warn"] b { background: var(--bz-gold); }
#botsModal.bz-page .bz-meter[data-level="danger"] b { background: var(--bz-red); }

/* ------------------------------------------------------------ 7. Chat & Konsole */
#botsModal.bz-page .bz-console { gap: 12px; }
#botsModal.bz-page .bz-console-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; }
#botsModal.bz-page .bz-console-head h3 { display: flex; align-items: center; gap: 8px; font: 800 15px var(--bz-body); }
#botsModal.bz-page .bz-live-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--bz-emerald); box-shadow: none; animation: none; }
#botsModal.bz-page .bz-console-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; min-width: 0; }
#botsModal.bz-page .bz-console-tools .bz-search--sm { flex: 1 1 150px; min-width: 0; }
#botsModal.bz-page .bz-segment { display: flex !important; flex-wrap: wrap !important; gap: 4px !important; padding: 4px !important; margin: 0 !important; overflow: visible !important; width: auto !important; border-radius: 12px !important; background: var(--bz-bg-2) !important; border: 1px solid var(--bz-line) !important; }
#botsModal.bz-page .bz-segment button,
#botsModal.bz-page .term-filter-btn {
  flex: 1 0 auto;
  min-height: 32px;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: var(--bz-text-2) !important;
  font: 700 12.5px var(--bz-body) !important;
  cursor: pointer;
  box-shadow: none !important;
}
#botsModal.bz-page .bz-segment button:hover { color: var(--bz-text) !important; }
#botsModal.bz-page .term-filter-btn.active, #botsModal.bz-page .bz-segment button.is-active { background: var(--bz-raised) !important; color: var(--bz-text) !important; box-shadow: inset 0 -2px 0 var(--bz-diamond) !important; }
body.bot-page #botsModal.bz-page #activeBotChatContainer,
.tc-redesign #botsModal.bz-page #activeBotChatContainer {
  display: block !important;
  height: min(56vh, 560px) !important;
  max-height: none !important;
  min-height: 260px !important;
  margin: 0 !important;
  padding: 12px 14px !important;
  overflow-y: auto !important;
  border: 1px solid var(--bz-line) !important;
  border-radius: 12px !important;
  background: #121c2a !important;
  font: 500 13px/1.55 var(--bz-mono) !important;
  color: #dae4f1 !important;
  scrollbar-width: thin;
  scrollbar-color: var(--bz-line-2) transparent;
}
.tc-redesign #botsModal.bz-page #activeBotChatContainer .mylify-log-row { padding: 3px 0 !important; border-bottom: 1px dashed rgba(160, 182, 211, .06) !important; }
.tc-redesign #botsModal.bz-page #activeBotChatContainer .mylify-log-time { color: var(--bz-text-3) !important; font-size: 11.5px !important; }
.tc-redesign #botsModal.bz-page #activeBotChatContainer .mylify-log-sender { color: #83cdee !important; font-weight: 700 !important; }
.tc-redesign #botsModal.bz-page #activeBotChatContainer .mylify-log-sender.clickable { cursor: pointer; text-decoration: underline dotted rgba(174, 189, 205, .5); }
.tc-redesign #botsModal.bz-page #activeBotChatContainer .mylify-log-msg { color: #dae4f1 !important; }
.tc-redesign #botsModal.bz-page #activeBotChatContainer .log-type-whisper .mylify-log-msg { color: #c3aef0 !important; }
.tc-redesign #botsModal.bz-page #activeBotChatContainer .log-type-error .mylify-log-msg { color: #e8acb7 !important; }
#botsModal.bz-page .mylify-log-empty { color: var(--bz-text-3); font-family: var(--bz-body); padding: 20px; text-align: center; }
#botsModal.bz-page .bz-chat-form { display: flex; align-items: center; gap: 10px; padding: 6px 6px 6px 14px; border: 1px solid var(--bz-line-2); border-radius: 12px; background: var(--bz-bg-2); }
#botsModal.bz-page .bz-chat-form:focus-within { border-color: var(--bz-emerald); box-shadow: 0 0 0 3px rgba(131, 181, 160, .12); }
#botsModal.bz-page .bz-prompt { color: var(--bz-emerald); font: 800 16px var(--bz-mono); }
#botsModal.bz-page #activeBotChatInput { flex: 1; min-width: 0; height: 40px; border: 0 !important; outline: none; background: transparent !important; color: var(--bz-text) !important; font: 500 14px var(--bz-mono) !important; box-shadow: none !important; padding: 0 !important; }
#botsModal.bz-page .bz-chips { display: flex; flex-wrap: wrap; gap: 6px; }
#botsModal.bz-page .quick-chip { padding: 5px 10px !important; border: 1px solid var(--bz-line) !important; border-radius: 8px !important; background: var(--bz-bg-2) !important; color: var(--bz-text-2) !important; font: 600 12.5px var(--bz-mono) !important; cursor: pointer; box-shadow: none !important; }
#botsModal.bz-page .quick-chip:hover { color: var(--bz-text) !important; border-color: var(--bz-emerald) !important; }

/* ------------------------------------------------------------ 8. Geld & Bank */
#botsModal.bz-page .bz-money-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
#botsModal.bz-page .bz-money-card { gap: 8px; }
#botsModal.bz-page .bz-money-card .bz-label { color: var(--bz-text-3); font: 800 11.5px var(--bz-body); letter-spacing: .1em; text-transform: uppercase; }
#botsModal.bz-page .bz-money-card strong { font: 900 30px/1.05 var(--bz-display); letter-spacing: .01em; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
#botsModal.bz-page .bz-money-card.is-cash strong { color: #e4c480; }
#botsModal.bz-page .bz-money-card.is-bank strong { color: #86debc; }
#botsModal.bz-page .bz-money-card.is-bricks strong { color: #d8b696; }
#botsModal.bz-page .bz-money-card .bz-btn { justify-self: start; }
#botsModal.bz-page .bz-amounts { display: grid; gap: 10px; }
#botsModal.bz-page .bz-amount-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
#botsModal.bz-page .bz-amount-label { width: 86px; color: var(--bz-text-2); font-weight: 700; font-size: 13px; }
#botsModal.bz-page .bz-amount { min-width: 64px; min-height: 36px; padding: 0 12px; border: 1px solid var(--bz-line) !important; border-radius: 9px !important; background: var(--bz-bg-2) !important; color: var(--bz-text) !important; font: 800 13px var(--bz-body) !important; cursor: pointer; }
#botsModal.bz-page .bz-amount:hover { border-color: var(--bz-gold) !important; color: #e4c480 !important; }

/* ------------------------------------------------------------ 9. Automatik */
#botsModal.bz-page .bz-toggle-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
#botsModal.bz-page .bz-toggle { grid-template-columns: minmax(0, 1fr) auto; align-items: center; cursor: pointer; }
#botsModal.bz-page .bz-toggle-copy { display: grid; gap: 3px; }
#botsModal.bz-page .bz-toggle-copy strong { font-size: 14.5px; }
#botsModal.bz-page .bz-toggle-copy small { color: var(--bz-text-3); font-size: 12px; }
#botsModal.bz-page .bz-state-text { color: var(--bz-text-2); font-weight: 700; font-size: 12.5px; }
#botsModal.bz-page .bz-state-text[data-on="true"] { color: #86debc; }
#botsModal.bz-page .bz-form { display: grid; gap: 12px; padding: 14px; border-radius: 12px; background: var(--bz-bg-2); border: 1px dashed var(--bz-line-2); }
#botsModal.bz-page .bz-form-grid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 12px; }
#botsModal.bz-page .bz-field { display: grid; gap: 6px; font-size: 12.5px; font-weight: 700; color: var(--bz-text-2); }
#botsModal.bz-page :is(.bz-field, .bz-time) :is(input, select) {
  height: 40px;
  padding: 0 12px !important;
  border: 1px solid var(--bz-line-2) !important;
  border-radius: 10px !important;
  background: var(--bz-surface) !important;
  color: var(--bz-text) !important;
  font: 500 13.5px var(--bz-body) !important;
}
#botsModal.bz-page .bz-check { display: inline-flex; align-items: center; gap: 8px; color: var(--bz-text-2); font-weight: 600; cursor: pointer; }
#botsModal.bz-page .bz-time { flex-wrap: wrap; align-items: center; gap: 10px; color: var(--bz-text-2); font-weight: 700; font-size: 13px; }
#botsModal.bz-page .bz-form-actions { display: flex; justify-content: flex-end; gap: 8px; }
#botsModal.bz-page .bz-rules { display: grid; gap: 8px; }
#botsModal.bz-page .bh-rule { display: grid !important; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 10px 12px !important; border: 1px solid var(--bz-line) !important; border-radius: 12px !important; background: var(--bz-bg-2) !important; }
#botsModal.bz-page .bh-rule[data-state="off"] { opacity: .65; }
#botsModal.bz-page .bh-rule-copy { display: grid; gap: 2px; min-width: 0; }
#botsModal.bz-page .bh-rule-copy code { justify-self: start; font-size: 13px; }
#botsModal.bz-page .bh-rule-copy span { color: var(--bz-text-3); font-size: 12px; }
#botsModal.bz-page .bh-rule[data-state="on"] .bh-rule-copy span { color: #86debc; }
#botsModal.bz-page .bh-rule-actions { display: flex; gap: 6px; }
#botsModal.bz-page .bh-icon-btn { display: inline-grid; place-items: center; min-width: 34px; height: 34px; padding: 0 8px; border: 1px solid var(--bz-line) !important; border-radius: 9px !important; background: var(--bz-surface) !important; color: var(--bz-text-2) !important; cursor: pointer; }
#botsModal.bz-page .bh-icon-btn:hover { color: var(--bz-text) !important; border-color: var(--bz-line-2) !important; }
#botsModal.bz-page .bh-countdown { margin-top: 16px; padding: 16px 18px; border: 1px solid var(--bz-line); border-radius: var(--bz-r); background: var(--bz-surface); }
#botsModal.bz-page .bh-countdown :is(input, select) { height: 34px; padding: 0 10px; border: 1px solid var(--bz-line-2); border-radius: 8px; background: var(--bz-bg-2); color: var(--bz-text); }

/* ------------------------------------------------------------ 10. Live & Farm (Innenleben aus bot-hub.css, neu gerahmt) */
#botsModal.bz-page .spw-card, #botsModal.bz-page .spw-hero, #botsModal.bz-page .lv-head {
  border-color: var(--bz-line) !important;
  border-radius: var(--bz-r) !important;
  background: var(--bz-surface) !important;
}
#botsModal.bz-page .spw-card-head h4 { font: 800 14.5px/1.2 var(--bz-body) !important; }
#botsModal.bz-page .spw-btn, #botsModal.bz-page .spw-mini { border-radius: 10px !important; font-family: var(--bz-body) !important; }
#botsModal.bz-page .spw-btn--primary { background: var(--bz-action) !important; border-color: var(--bz-action-line) !important; color: var(--bz-action-text) !important; }
#botsModal.bz-page .spw-hero h3 { font: 800 19px/1.2 var(--bz-body) !important; }
#botsModal.bz-page .spw-kpi dd { font-family: var(--bz-display) !important; font-size: 24px !important; letter-spacing: .01em; }
#botsModal.bz-page :is(.spw-xyz, .spw-field, .spw-target) :is(input, select) { border-radius: 9px !important; }
#botsModal.bz-page .bz-farm-nav { position: sticky; top: calc(var(--bz-stick) + var(--bz-tabs-h, 52px) + 16px); z-index: 15; max-width: 520px; backdrop-filter: blur(8px); background: rgba(21, 30, 44, .92); }
#botsModal.bz-page .bz-farm-nav button { position: relative; }
#botsModal.bz-page .bz-dirty-dot { position: absolute; top: 6px; right: 8px; width: 8px; height: 8px; border-radius: 50%; background: var(--bz-gold); font-style: normal; }
#botsModal.bz-page .bz-farm-view > * + * { margin-top: 16px; }
#botsModal.bz-page .spw-savebar { position: sticky; bottom: 12px; z-index: 12; border-radius: 14px !important; box-shadow: 0 18px 40px -20px rgba(0, 0, 0, .9); }
#botsModal.bz-page .lv-pane > * + * { margin-top: 16px; }
/* Ältere Farm-Anzeigen enthalten feste Neonfarben; im Workspace gelten dieselben ruhigen Statusfarben. */
#botsModal.bz-page :is(.fc-progress, .fc-progress[data-mode="idle"], .fc-craft[data-on="true"]) { background: var(--bz-bg-2); border-color: var(--bz-line-2); }
#botsModal.bz-page .fc-progress-bar i { background: var(--bz-gold); animation: none; }
#botsModal.bz-page .fc-progress[data-mode="idle"] .fc-progress-bar i { background: var(--bz-diamond); }
#botsModal.bz-page .fc-progress[data-mode="idle"] .fc-steps li.is-now { color: var(--bz-diamond); }
#botsModal.bz-page .fc-progress[data-mode="idle"] .fc-steps li.is-pause::before { background: var(--bz-diamond); }
#botsModal.bz-page .fc-badge:is(.is-pause, .is-wait) { background: rgba(143, 182, 198, .08); border-color: #65528b; color: #c9b0f2; }
#botsModal.bz-page .fc-badge.is-craft { background: rgba(196, 171, 123, .08); border-color: #786139; color: var(--bz-gold); }
#botsModal.bz-page .fc-bar i { background: var(--bz-emerald-lo); }
#botsModal.bz-page .fc-bar.is-today i { background: var(--bz-emerald); }
#botsModal.bz-page .fc-bar:is(:hover, :focus-visible) i { background: #7ae2bd; }
#botsModal.bz-page .fc-hero[data-state="running"] .fc-cage { box-shadow: inset 0 0 0 1px var(--bz-gold); }
#botsModal.bz-page .lv-tool[aria-pressed="true"] { background: var(--bz-selection); border-color: var(--bz-diamond); color: var(--bz-text); }
#botsModal.bz-page .lv-map { background: #18302f; }

/* ------------------------------------------------------------ 11. Verwaltung */
#botsModal.bz-page .bz-kv { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; }
#botsModal.bz-page .bz-kv div { display: grid; gap: 3px; padding: 10px 12px; border-radius: 10px; background: var(--bz-bg-2); min-width: 0; }
#botsModal.bz-page .bz-kv dt { color: var(--bz-text-3); font-size: 11.5px; font-weight: 700; }
#botsModal.bz-page .bz-kv dd { margin: 0; font-weight: 700; font-size: 13px; overflow-wrap: anywhere; }
#botsModal.bz-page .bz-admin-actions { display: flex; flex-wrap: wrap; gap: 8px; }
#botsModal.bz-page #activeBotAdminBar[style*="flex"] { display: grid !important; }

/* ------------------------------------------------------------ 12. Befehlsübersicht (Strg + K) */
#botsModal.bz-page .bz-palette { position: fixed; inset: 0; z-index: 100000; display: grid; place-items: start center; padding-top: 12vh; background: rgba(4, 7, 15, .66); backdrop-filter: blur(4px); }
#botsModal.bz-page .bz-palette[hidden] { display: none !important; }
#botsModal.bz-page .bz-palette-box { width: min(640px, calc(100vw - 24px)); border: 1px solid var(--bz-line-2); border-radius: 18px; background: var(--bz-surface); box-shadow: 0 40px 90px -30px rgba(0, 0, 0, .95); overflow: hidden; animation: bzIn .16s ease-out; }
#botsModal.bz-page .bz-palette-search { display: flex; align-items: center; gap: 10px; padding: 14px 16px; border-bottom: 1px solid var(--bz-line); color: var(--bz-text-3); }
#botsModal.bz-page .bz-palette-search input { flex: 1; border: 0 !important; outline: none; background: transparent !important; color: var(--bz-text) !important; font: 600 16px var(--bz-body) !important; box-shadow: none !important; padding: 0 !important; }
#botsModal.bz-page .bz-palette-list { max-height: min(56vh, 460px); margin: 0; padding: 6px; overflow-y: auto; list-style: none; }
#botsModal.bz-page .bz-palette-list li[role="option"] { padding: 10px 12px; border-radius: 10px; color: var(--bz-text); font-weight: 600; cursor: pointer; }
#botsModal.bz-page .bz-palette-list li[role="option"]:hover, #botsModal.bz-page .bz-palette-list li.is-active { background: var(--bz-raised); box-shadow: inset 3px 0 0 var(--bz-emerald); }
#botsModal.bz-page .bz-palette-group { padding: 10px 12px 4px; color: var(--bz-text-3); font: 800 10.5px var(--bz-body); letter-spacing: .12em; text-transform: uppercase; }
#botsModal.bz-page .bz-palette-empty { padding: 18px; color: var(--bz-text-3); text-align: center; }
#botsModal.bz-page .bz-palette-foot { display: flex; gap: 6px; align-items: center; justify-content: flex-end; padding: 10px 14px; border-top: 1px solid var(--bz-line); color: var(--bz-text-3); font-size: 12px; }

/* ------------------------------------------------------------ 12b. Altlasten neutralisieren
   Frühere Schichten (bot-workspace.css, control-room.css, bot-hub.css) setzen per ID Grid-Plätze, Ränder und Farben
   (teils mit zwei IDs + !important). Hier gezielt zurückgesetzt, damit das neue Raster gilt. */
#botsModal.bz-page .bz-main > *,
#botsModal.bz-page .bz-fleet > * { grid-row: auto !important; }
#botsModal.bz-page .bz-main > * { grid-column: 1 / -1 !important; }
#botsModal.bz-page .bz-fleet > * { grid-column: auto !important; }
body.bot-page #botsModal.bz-page #tcBotSearchEmpty { grid-area: auto !important; margin: 0 !important; }
body.bot-page #botsModal.bz-page #activeBotAuthCard:not([hidden]) { display: grid !important; }
body.bot-page #botsModal.bz-page #activeBotIngameNotice[style*="flex"] { display: grid !important; }
body.bot-page #botsModal.bz-page :is(#activeBotAuthCard, #activeBotIngameNotice) { margin: 0 !important; }
body.bot-page #botsModal.bz-page #activeBotAdminBar {
  margin: 0 !important;
  padding: 18px 20px !important;
  gap: 14px !important;
  border: 1px solid var(--bz-line) !important;
  border-radius: var(--bz-r) !important;
  background: var(--bz-surface) !important;
}
body.bot-page #botsModal.bz-page #activeBotAdminBar[style*="flex"] { display: grid !important; }
body.bot-page #botsModal.bz-page #botAutoBankRow { background: var(--bz-surface) !important; border-color: var(--bz-line) !important; }
body.bot-page #botsModal.bz-page #botAutoBankRow[style*="flex"] { display: grid !important; }
body.bot-page #botsModal.bz-page :is(#activeBotPocketBalance, #activeBotBankBalance, #activeBotBricks) { font: 600 30px/1.15 var(--bz-body) !important; letter-spacing: -.045em !important; }
body.bot-page #botsModal.bz-page #activeBotPocketBalance { color: #e4c480 !important; }
body.bot-page #botsModal.bz-page #activeBotBankBalance { color: #86debc !important; }
body.bot-page #botsModal.bz-page #activeBotBricks { color: #d8b696 !important; }
body.bot-page #botsModal.bz-page #activeBotSendBtn { background: var(--bz-action) !important; border-color: var(--bz-action-line) !important; color: var(--bz-action-text) !important; font-weight: 800 !important; }
body.bot-page #botsModal.bz-page #activeBotChatInput { min-height: 40px !important; font-size: 14px !important; color: var(--bz-text) !important; }

/* ------------------------------------------------------------ 13. Schmalere Fenster */
@media (max-width: 1100px) {
  #botsModal.bz-page .bz-cmdk { min-width: 0; }
  #botsModal.bz-page .bz-cmdk span, #botsModal.bz-page .bz-cmdk kbd { display: none; }
  #botsModal.bz-page .bz-farm-mini { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  #botsModal.bz-page .bz-topbar { gap: 10px; flex-wrap: wrap; }
  #botsModal.bz-page .bz-fleet-health { white-space: normal; }
  #botsModal.bz-page .bz-layout { grid-template-columns: minmax(0, 1fr); gap: 14px; padding-top: 14px; }
  #botsModal.bz-page .bz-fleet { position: static; max-height: none; grid-template-rows: auto; padding: 10px; }
  body.bot-page #botsModal.bz-page #botsTabContainer, .tc-redesign #botsModal.bz-page #botsTabContainer { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; overflow-x: auto !important; overflow-y: hidden !important; gap: 8px !important; padding-bottom: 4px !important; } /* bot-workspace.css: column bis 640 px */
  #botsModal.bz-page #botsTabContainer .bh-bot { flex: 0 0 min(240px, 76vw); border-color: var(--bz-line) !important; background: var(--bz-surface) !important; }
  #botsModal.bz-page .bh-group { display: none; }
  #botsModal.bz-page .bz-tabs { top: var(--bz-stick); }
  #botsModal.bz-page .bz-farm-nav { top: calc(var(--bz-stick) + var(--bz-tabs-h, 52px) + 8px); }
  #botsModal.bz-page .bz-money-cards, #botsModal.bz-page .bz-toggle-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) {
  #botsModal.bz-page .bz-topbar { position: static; }
  #botsModal.bz-page .bz-back span { display: none; }
  #botsModal.bz-page #tcBotWorkspaceTitle { font-size: 22px !important; }
  #botsModal.bz-page .bz-brand-mark { display: none; }
  #botsModal.bz-page .bz-bothead { grid-template-columns: auto minmax(0, 1fr); padding: 14px; gap: 12px; }
  #botsModal.bz-page .bz-avatar { width: 52px; height: 52px; }
  #botsModal.bz-page .bz-bothead-actions { grid-column: 1 / -1; justify-content: space-between; }
  #botsModal.bz-page .bz-overview { grid-template-columns: minmax(0, 1fr); grid-template-areas: "focus" "state" "insights" "money" "auto" "activity" "farm"; }
  #botsModal.bz-page .bz-state-body { grid-template-columns: 84px minmax(0, 1fr); }
  #botsModal.bz-page .bz-ring { width: 84px; height: 84px; }
  #botsModal.bz-page .bz-health .bz-hearts { display: none !important; }
  #botsModal.bz-page .bz-card { padding: 14px; }
  #botsModal.bz-page .bz-callout { grid-template-columns: minmax(0, 1fr); }
  #botsModal.bz-page .bz-callout-icon { display: none; }
  #botsModal.bz-page .bz-form-grid, #botsModal.bz-page .bz-kv { grid-template-columns: minmax(0, 1fr); }
  #botsModal.bz-page .bz-row-card { grid-template-columns: minmax(0, 1fr); }
  #botsModal.bz-page .bz-farm-mini { grid-template-columns: minmax(0, 1fr); }
  #botsModal.bz-page .bz-tab { padding: 0 12px; font-size: 13px !important; }
  #botsModal.bz-page .bz-amount-label { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  #botsModal.bz-page .bz-pane, #botsModal.bz-page .bz-palette-box { animation: none; }
  #botsModal.bz-page .bz-dot, #botsModal.bz-page .bz-live-dot { animation: none; }
}

/* Workspace: kompakter Flottenüberblick und eine klare Reihenfolge der nächsten Schritte. */
#botsModal.bz-page { color-scheme: dark; --bz-r: 18px; --bz-r-sm: 10px; }
body.bot-page #botsModal.bz-page,
body.bot-page.tc-redesign #botsModal.bz-page,
.tc-redesign #botsModal.bz-page { background: var(--bz-bg) !important; }
#botsModal.bz-page .bz-topbar { padding-block: 14px; background: rgba(17, 23, 32, .96); gap: 20px; }
#botsModal.bz-page #tcBotWorkspaceTitle { font: 800 20px/1.2 var(--bz-body) !important; letter-spacing: -.035em !important; }
#botsModal.bz-page .bz-brand-mark { background: #293d49; border-color: #4f6976; border-radius: 12px; }
#botsModal.bz-page .bz-brand-mark svg { filter: none; }
#botsModal.bz-page .bz-top-actions { gap: 8px; }
#botsModal.bz-page .bz-cmdk { min-width: 225px; color: var(--bz-text-2); }
#botsModal.bz-page .bz-back { border-color: transparent; padding-inline: 4px 14px; border-radius: 0; border-right-color: var(--bz-line); }
#botsModal.bz-page .bz-eyebrow { display: block; font: 700 10px/1.4 var(--bz-body); letter-spacing: .12em; color: var(--bz-text-3); }
#botsModal.bz-page .bz-fleet-summary { display: grid; grid-template-columns: minmax(220px, 1fr) minmax(0, 1.45fr); align-items: center; gap: 32px; width: 100%; max-width: 1680px; margin: 0 auto; padding: 30px clamp(18px, 2.4vw, 36px) 26px; }
#botsModal.bz-page .bz-workspace-intro h2 { margin-top: 6px; font: 700 clamp(23px, 2.4vw, 30px)/1.2 var(--bz-body); letter-spacing: -.045em !important; }
#botsModal.bz-page .bz-workspace-intro p { margin-top: 7px; color: var(--bz-text-3); font-size: 12px; }
#botsModal.bz-page .bz-fleet-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; padding: 0; margin: 0; }
#botsModal.bz-page .bz-fleet-metrics > div { display: grid; gap: 10px; padding: 4px 20px; border-left: 1px solid var(--bz-line); }
#botsModal.bz-page .bz-fleet-metrics dt { display: flex; align-items: center; gap: 6px; color: var(--bz-text-2); font-size: 11px; font-weight: 500; white-space: nowrap; }
#botsModal.bz-page .bz-fleet-metrics dd { margin: 0; font: 600 32px/1 var(--bz-body); font-variant-numeric: tabular-nums; letter-spacing: -.05em; }
#botsModal.bz-page .bz-metric-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--bz-text-3); }
#botsModal.bz-page .is-online :is(dd, .bz-metric-dot) { color: var(--bz-emerald); }
#botsModal.bz-page .is-attention dd { color: var(--bz-gold); }
#botsModal.bz-page .is-online .bz-metric-dot { background: var(--bz-emerald); }
#botsModal.bz-page .is-attention .bz-metric-dot { background: var(--bz-gold); }
#botsModal.bz-page .is-auto .bz-metric-dot { background: var(--bz-amethyst); }
#botsModal.bz-page .bz-layout { width: 100%; grid-template-columns: 268px minmax(0, 1fr); gap: 26px; padding: 0 clamp(18px, 2.4vw, 36px) 56px; }
#botsModal.bz-page .bz-fleet { display: flex; flex-direction: column; gap: 14px; padding: 18px 12px 12px; background: var(--bz-bg-2); border-color: var(--bz-line); }
#botsModal.bz-page .bz-fleet > * { flex-shrink: 0; }
#botsModal.bz-page .bz-fleet-heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-inline: 4px; }
#botsModal.bz-page .bz-fleet-heading h3 { font: 650 13px var(--bz-body); }
#botsModal.bz-page .bz-fleet-heading .bz-chip { min-height: 22px; font-size: 11px; }
#botsModal.bz-page .bz-fleet .bz-search { height: 38px; background: #121c2a; border-radius: 9px; }
#botsModal.bz-page .bz-fleet .bz-search input { font-size: 11.5px; }
#botsModal.bz-page .bz-filters { gap: 5px; }
#botsModal.bz-page .bh-fleet-chip { padding: 6px 8px; gap: 4px; font-size: 10.5px !important; border-radius: 7px !important; }
#botsModal.bz-page .bh-fleet-chip b { font: 600 11px var(--bz-body) !important; }
#botsModal.bz-page .bz-category-controls { gap: 8px; padding: 10px; border: 1px solid var(--bz-line); border-radius: 10px; background: var(--bz-bg); }
#botsModal.bz-page .bz-category-controls .bz-field { gap: 4px; font-size: 11px; }
#botsModal.bz-page .bz-category-controls .bz-btn { min-height: 34px; padding-inline: 9px; font-size: 11px !important; }
#botsModal.bz-page .bz-category-controls :is(input, select) { height: 34px; font-size: 11px; }
#botsModal.bz-page .bz-category-assignment { margin-top: 6px; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 8px; max-width: 225px; font-size: 11px; }
#botsModal.bz-page .bz-category-assignment select { height: 30px; font-size: 11px; padding-block: 3px; }
body.bot-page #botsModal.bz-page #botsTabContainer,
.tc-redesign #botsModal.bz-page #botsTabContainer { flex: 1 1 auto; min-height: 80px; gap: 5px !important; padding: 3px 1px !important; overscroll-behavior: contain; }
#botsModal.bz-page .bh-group { padding-block: 6px; font-size: 9px; letter-spacing: .09em; }
#botsModal.bz-page #botsTabContainer .bh-bot { padding: 12px 9px !important; border-radius: 11px !important; grid-template-columns: 34px minmax(0, 1fr) auto; }
#botsModal.bz-page #botsTabContainer .bh-bot.active { background: linear-gradient(110deg, #24475a, var(--bz-selection)) !important; border-color: #56a1bb !important; }
#botsModal.bz-page #botsTabContainer .bh-bot.active::before { left: -1px; top: 13px; bottom: 13px; width: 4px; background: var(--bz-diamond); }
#botsModal.bz-page .bz-fleet-head { width: 34px; height: 34px; border-radius: 8px; }
#botsModal.bz-page .bz-fleet-copy { gap: 3px; }
#botsModal.bz-page .bz-fleet-copy strong { font-size: 12px; font-weight: 650; }
#botsModal.bz-page .bz-fleet-copy :is(small, em) { font-size: 10px; }
#botsModal.bz-page .bz-dot { width: 7px; height: 7px; }
#botsModal.bz-page .bz-fleet-alert { min-width: 17px; height: 17px; font-size: 10px; }
#botsModal.bz-page .bz-tag { font-size: 8px; letter-spacing: .02em; }
#botsModal.bz-page .bz-fleet-empty { padding: 16px 6px; display: grid; gap: 10px; }
#botsModal.bz-page .bz-fleet-footer { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px; padding: 12px 4px 0; border-top: 1px solid var(--bz-line); color: var(--bz-text-3); font-size: 10px; }
#botsModal.bz-page .bz-fleet-key { display: inline-flex; gap: 6px; align-items: center; }
#botsModal.bz-page .bz-fleet-footer kbd { font-size: 9px; }
#botsModal.bz-page .bz-main { gap: 18px; }
#botsModal.bz-page .bz-bothead { padding: 24px; gap: 18px; border-color: #456c96; background: linear-gradient(115deg, #243d60, #283554 58%, #2d304b); }
#botsModal.bz-page .bz-avatar { width: 68px; height: 68px; border-radius: 16px; border: 1px solid #617b8b; background: #2c444f; box-shadow: 0 8px 24px #0003; }
#botsModal.bz-page .bz-bothead-copy { gap: 7px; }
#botsModal.bz-page #activeBotName { font: 650 clamp(24px, 2.7vw, 32px)/1.1 var(--bz-body) !important; letter-spacing: -.04em !important; overflow-wrap: anywhere; }
#botsModal.bz-page .bz-smart-line { font-size: 12px; font-weight: 500; color: var(--bz-text-2); }
#botsModal.bz-page .bz-bothead-meta { font-size: 10px; gap: 4px 10px; }
#botsModal.bz-page .bz-bothead-meta > span + span::before { margin-right: 10px; }
#botsModal.bz-page .bz-bothead-actions { flex-wrap: wrap; justify-content: flex-end; max-width: 180px; }
#botsModal.bz-page .bz-bothead-actions > .bz-btn { min-height: 34px; font-size: 11px !important; }
#botsModal.bz-page .bz-power { min-height: 34px; background: var(--bz-bg-2); border-color: var(--bz-line); }
#botsModal.bz-page .bz-power-state { font-size: 11px; }
#botsModal.bz-page .bz-state { min-height: 24px; padding-inline: 9px; font-size: 10px; font-weight: 600; }
#botsModal.bz-page .bz-tabs { padding: 0; gap: 4px; border: 0; border-bottom: 1px solid var(--bz-line); border-radius: 0; background: rgba(17, 23, 32, .96); backdrop-filter: blur(12px); }
#botsModal.bz-page .bz-tab { flex: 1 0 auto; min-height: 49px; padding: 0 14px; gap: 8px; font-size: 12px !important; font-weight: 600 !important; border-radius: 8px 8px 0 0 !important; color: var(--bz-text-3) !important; }
#botsModal.bz-page .bz-tab.active { color: #a4e2f0 !important; background: linear-gradient(180deg, #1a3548, #1a2c40) !important; box-shadow: inset 0 -3px var(--bz-diamond) !important; }
#botsModal.bz-page .bz-tab-icon { width: 16px; height: 16px; flex-shrink: 0; }
#botsModal.bz-page .bz-tab--farm span:first-of-type::before { display: none; }
#botsModal.bz-page .bz-tab-badge { min-width: 16px; height: 16px; font-size: 9px; }
#botsModal.bz-page .bz-overview { gap: 18px; }
#botsModal.bz-page .bz-focus { grid-area: focus; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 16px; padding: 20px; border: 1px solid #427c60; border-radius: 14px; background: linear-gradient(105deg, #234637, #22382f); --focus-color: var(--bz-emerald); }
#botsModal.bz-page .bz-focus[data-level="warn"] { --focus-color: var(--bz-gold); border-color: #736345; background: linear-gradient(105deg, #3d362a, #302d28); }
#botsModal.bz-page .bz-focus[data-level="danger"] { --focus-color: var(--bz-red); border-color: #70535f; background: linear-gradient(105deg, #3c2f3a, #302936); }
#botsModal.bz-page .bz-focus[data-level="info"] { --focus-color: var(--bz-diamond); border-color: #488596; background: linear-gradient(105deg, #234652, #24364a); }
#botsModal.bz-page .bz-focus-symbol { display: grid; place-items: center; width: 42px; height: 42px; flex-shrink: 0; color: var(--focus-color); background: color-mix(in srgb, var(--focus-color) 12%, transparent); border: 1px solid color-mix(in srgb, var(--focus-color) 32%, transparent); border-radius: 12px; }
#botsModal.bz-page .bz-focus-symbol svg { width: 21px; height: 21px; }
#botsModal.bz-page .bz-focus-copy { flex: 1; min-width: 0; }
#botsModal.bz-page .bz-focus .bz-eyebrow { color: var(--focus-color); font-size: 9px; letter-spacing: .1em; text-transform: uppercase; }
#botsModal.bz-page .bz-focus h3 { margin-top: 5px; font: 600 16px/1.3 var(--bz-body); letter-spacing: -.02em !important; }
#botsModal.bz-page .bz-focus p { margin-top: 5px; color: var(--bz-text-2); font-size: 11px; line-height: 1.6; overflow-wrap: anywhere; }
#botsModal.bz-page .bz-focus .bz-btn { flex-shrink: 0; min-height: 34px; font-size: 11px !important; background: #ffffff08 !important; border-color: #ffffff25 !important; }
#botsModal.bz-page .bz-card { padding: 22px; gap: 18px; border-radius: 14px; background: linear-gradient(120deg, var(--bz-card-tint, var(--bz-surface)), var(--bz-card-end, var(--bz-surface))); box-shadow: none; }
#botsModal.bz-page .bz-card-head h3 { font-size: 13px; font-weight: 600; }
#botsModal.bz-page .bz-link { color: var(--bz-diamond); font-size: 11px; font-weight: 500; }
#botsModal.bz-page .bz-chip { font-size: 10px; min-height: 22px; font-weight: 600; }
#botsModal.bz-page .bz-muted { font-size: 11px; }
#botsModal.bz-page .bz-state-body { grid-template-columns: 90px minmax(0, 1fr); gap: 20px; }
#botsModal.bz-page .bz-ring { width: 90px; height: 90px; }
#botsModal.bz-page .bz-ring-track { stroke-width: 4; }
#botsModal.bz-page .bz-ring-fill { stroke-width: 4; }
#botsModal.bz-page .bz-ring-copy strong { font: 600 15px/1.2 var(--bz-body); letter-spacing: -.04em; }
#botsModal.bz-page .bz-ring-copy span { font-size: 9px; margin-top: 2px; }
#botsModal.bz-page .bz-facts { gap: 10px; }
#botsModal.bz-page .bz-facts dt { font-size: 11px; font-weight: 500; }
#botsModal.bz-page .bz-facts dd { font-size: 12px; font-weight: 600; }
#botsModal.bz-page .bz-money-total { color: var(--bz-text); font: 600 clamp(24px, 2.7vw, 34px)/1.15 var(--bz-body); letter-spacing: -.055em; overflow-wrap: anywhere; }
#botsModal.bz-page .bz-money-bar { height: 5px; }
#botsModal.bz-page .bz-money-split { gap: 0; }
#botsModal.bz-page .bz-money-split div { background: transparent; padding: 2px 10px; border-left: 1px solid var(--bz-line); border-radius: 0; }
#botsModal.bz-page .bz-money-split div:first-child { border: 0; padding-left: 0; }
#botsModal.bz-page .bz-money-split dt { font-size: 10px; font-weight: 500; }
#botsModal.bz-page .bz-money-split dd { font-size: 12px; font-weight: 600; }
#botsModal.bz-page .bz-money-split dt::before { width: 5px; height: 5px; }
#botsModal.bz-page .bz-insight { background: var(--bz-bg-2); padding: 14px; border-radius: 10px; border-left-width: 2px; }
#botsModal.bz-page .bz-insight-copy strong { font-size: 13px; font-weight: 600; }
#botsModal.bz-page .bz-insight-copy p { font-size: 12px; line-height: 1.7; }
#botsModal.bz-page .bz-insight-actions .bz-btn { min-height: 32px; font-size: 11px !important; }
#botsModal.bz-page .bz-auto-list li { padding: 12px; background: var(--bz-bg-2); border-radius: 8px; }
#botsModal.bz-page .bz-auto-list strong { font-size: 11px; font-weight: 600; }
#botsModal.bz-page .bz-auto-list span { font-size: 10px; }
#botsModal.bz-page .bz-auto-list li i { width: 6px; height: 6px; }
#botsModal.bz-page .bz-timeline strong { font-size: 11px; font-weight: 600; }
#botsModal.bz-page .bz-timeline p { font-size: 11px; }
#botsModal.bz-page .bz-timeline time { font-size: 9px; }
#botsModal.bz-page .bz-pane-intro { margin: 4px 0 20px; }
#botsModal.bz-page .bz-pane-intro h2 { font: 600 22px/1.3 var(--bz-body); letter-spacing: -.035em !important; }
#botsModal.bz-page .bz-pane-intro p { color: var(--bz-text-3); font-size: 12px; margin-top: 6px; }
#botsModal.bz-page .bz-money-card { gap: 18px; background: linear-gradient(130deg, #433922, #302e26); border-color: #6a5c3a; }
#botsModal.bz-page .bz-money-card.is-bank { background: linear-gradient(130deg, #194139, #1c3030); border-color: #346454; }
#botsModal.bz-page .bz-money-card strong { font-family: var(--bz-body); font-size: clamp(24px, 2.5vw, 34px); font-weight: 600; letter-spacing: -.045em; }
#botsModal.bz-page .bz-toggle { padding: 22px; }
#botsModal.bz-page .bz-toggle-copy strong { font-size: 13px; font-weight: 600; }
#botsModal.bz-page .bz-toggle-copy small { font-size: 11px; line-height: 1.6; }
#botsModal.bz-page .bz-danger-zone { border-color: #704552; background: #2c2434; }
#botsModal.bz-page :is(.bz-log, .spw-card, .lv-head, .spw-hero) { border-radius: 14px !important; }
#botsModal.bz-page .bz-log { background: #121c2a !important; }
#botsModal.bz-page .bz-chat-form { border-color: #385c7a; background: #17293d; }
#botsModal.bz-page .bz-prompt { color: var(--bz-emerald); }
#botsModal.bz-page .quick-chip { font-family: var(--bz-mono) !important; font-size: 11px !important; border-radius: 7px !important; }
#botsModal.bz-page :is(.bz-btn, .bz-icon, .bz-tab, .bh-bot, .bh-fleet-chip, .spw-btn, .spw-mini) { -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
#botsModal.bz-page :is(.bz-callout, .bz-focus, .bz-pane, .bz-card, .bz-farm-view) { scroll-margin-top: calc(var(--bz-stick) + var(--bz-tabs-h, 52px) + 24px); }
#botsModal.bz-page :is(.bz-callout, .bz-log, .bz-toggle, .bz-kv, .bz-rule) { overflow-wrap: anywhere; }

@media (max-width: 1200px) {
  #botsModal.bz-page .bz-layout { grid-template-columns: 244px minmax(0, 1fr); gap: 20px; }
  #botsModal.bz-page .bz-fleet-metrics > div { padding-inline: 14px; }
  #botsModal.bz-page .bz-state-body { grid-template-columns: 74px minmax(0, 1fr); gap: 14px; }
  #botsModal.bz-page .bz-ring { width: 74px; height: 74px; }
  #botsModal.bz-page .bz-ring-copy strong { font-size: 12px; }
  #botsModal.bz-page .bz-cmdk { min-width: 0; }
}
@media (max-width: 1000px) {
  #botsModal.bz-page .bz-fleet-summary { gap: 20px; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); }
  #botsModal.bz-page .bz-fleet-metrics > div { padding-inline: 10px; }
  #botsModal.bz-page .bz-fleet-metrics dt { font-size: 9px; }
  #botsModal.bz-page .bz-card { padding: 18px; }
  #botsModal.bz-page .bz-state-body { grid-template-columns: minmax(0, 1fr); }
  #botsModal.bz-page .bz-ring { display: none; }
  #botsModal.bz-page .bz-bothead { padding: 20px; }
  #botsModal.bz-page .bz-bothead-actions { max-width: 148px; }
  #botsModal.bz-page .bz-focus { grid-template-columns: auto minmax(0, 1fr); }
  #botsModal.bz-page .bz-focus .bz-btn { grid-column: 2; justify-self: start; }
}
@media (max-width: 900px) {
  #botsModal.bz-page .bz-layout { grid-template-columns: minmax(0, 1fr); padding-top: 0; gap: 20px; }
  #botsModal.bz-page .bz-fleet { padding: 14px; gap: 12px; position: static; max-height: none; }
  #botsModal.bz-page .bz-fleet-heading { padding: 0; }
  #botsModal.bz-page .bz-category-controls { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: end; }
  #botsModal.bz-page .bz-category-create { height: 34px; }
  #botsModal.bz-page .bz-category-controls #botCategoryError { grid-column: 1 / -1; }
  #botsModal.bz-page .bz-fleet-footer { padding-top: 10px; }
  #botsModal.bz-page #botsTabContainer .bh-bot { flex-basis: 210px; }
  #botsModal.bz-page .bz-state-body { grid-template-columns: 90px minmax(0, 1fr); }
  #botsModal.bz-page .bz-ring { display: block; width: 90px; height: 90px; }
  #botsModal.bz-page .bz-ring-copy strong { font-size: 15px; }
  #botsModal.bz-page .bz-bothead-actions { max-width: 180px; }
  #botsModal.bz-page .bz-tab { min-height: 46px; }
}
@media (max-width: 640px) {
  #botsModal.bz-page .bz-topbar { display: grid; grid-template-columns: 30px minmax(0, 1fr); padding: 14px 18px; gap: 12px; }
  #botsModal.bz-page .bz-topbar .bz-back { grid-column: 1; grid-row: 1; padding: 8px 10px 8px 0; }
  #botsModal.bz-page .bz-brand { grid-column: 2; grid-row: 1; margin: 0; }
  #botsModal.bz-page .bz-top-actions { grid-column: 1 / -1; }
  #botsModal.bz-page .bz-top-actions > .bz-btn--primary { margin-left: auto; }
  #botsModal.bz-page .bz-brand { min-width: 120px; }
  #botsModal.bz-page #tcBotWorkspaceTitle { font-size: 18px !important; }
  #botsModal.bz-page .bz-fleet-health { font-size: 10px; white-space: nowrap; max-width: 100%; }
  #botsModal.bz-page .bz-top-actions { gap: 6px; flex-wrap: wrap; }
  #botsModal.bz-page .bz-top-actions :is(.bz-icon, .bz-cmdk) { width: 32px; height: 32px; min-height: 32px; padding: 0; justify-content: center; }
  #botsModal.bz-page .bz-top-actions > .bz-btn--primary { min-height: 32px; padding-inline: 10px; font-size: 11px !important; }
  #botsModal.bz-page .bz-fleet-summary { grid-template-columns: minmax(0, 1fr); gap: 22px; padding: 22px 18px; }
  #botsModal.bz-page .bz-workspace-intro h2 { font-size: 25px; }
  #botsModal.bz-page .bz-workspace-intro p { font-size: 11px; }
  #botsModal.bz-page .bz-fleet-metrics > div { padding: 0 10px; gap: 8px; }
  #botsModal.bz-page .bz-fleet-metrics > div:first-child { border: 0; padding-left: 0; }
  #botsModal.bz-page .bz-fleet-metrics dt { white-space: normal; font-size: 9px; min-height: 24px; align-items: flex-start; gap: 4px; line-height: 1.3; }
  #botsModal.bz-page .bz-metric-dot { flex-shrink: 0; width: 4px; height: 4px; margin-top: 4px; }
  #botsModal.bz-page .bz-fleet-metrics dd { font-size: 27px; }
  #botsModal.bz-page .bz-layout { padding-inline: 14px; gap: 18px; }
  #botsModal.bz-page .bz-fleet { padding: 12px; }
  #botsModal.bz-page .bz-category-controls { grid-template-columns: minmax(0, 1fr); padding: 10px; }
  #botsModal.bz-page .bz-category-create { height: 32px; }
  #botsModal.bz-page .bz-bothead { gap: 12px; padding: 18px; }
  #botsModal.bz-page .bz-avatar { width: 52px; height: 52px; border-radius: 12px; }
  #botsModal.bz-page .bz-bothead .bz-eyebrow { font-size: 8px; }
  #botsModal.bz-page #activeBotName { font-size: 24px !important; }
  #botsModal.bz-page .bz-bothead-title { gap: 6px; }
  #botsModal.bz-page .bz-smart-line { font-size: 11px; }
  #botsModal.bz-page .bz-bothead-meta { font-size: 9px; }
  #botsModal.bz-page .bz-bothead-actions { max-width: none; width: 100%; justify-content: space-between; padding-top: 12px; margin-top: 2px; border-top: 1px solid var(--bz-line); }
  #botsModal.bz-page .bz-main { gap: 14px; }
  #botsModal.bz-page .bz-tab { min-height: 45px; padding-inline: 12px; gap: 6px; font-size: 11px !important; }
  #botsModal.bz-page .bz-tab-icon { width: 14px; height: 14px; }
  #botsModal.bz-page .bz-focus { padding: 16px; gap: 12px; }
  #botsModal.bz-page .bz-focus-symbol { width: 34px; height: 34px; border-radius: 9px; }
  #botsModal.bz-page .bz-focus h3 { font-size: 14px; }
  #botsModal.bz-page .bz-focus .bz-btn { margin-left: 0; }
  #botsModal.bz-page .bz-card { padding: 18px; }
  #botsModal.bz-page .bz-overview { gap: 14px; }
  #botsModal.bz-page .bz-state-body { grid-template-columns: 82px minmax(0, 1fr); gap: 14px; }
  #botsModal.bz-page .bz-ring { width: 82px; height: 82px; }
  #botsModal.bz-page .bz-ring-copy strong { font-size: 13px; }
  #botsModal.bz-page .bz-pane-intro h2 { font-size: 20px; }
  #botsModal.bz-page .bz-console-tools { width: 100%; }
  #botsModal.bz-page .bz-chat-form { flex-wrap: wrap; }
  #botsModal.bz-page .bz-chat-form input { width: 0; }
  #botsModal.bz-page .bz-chat-form .bz-btn { padding-inline: 10px; font-size: 11px !important; }
  #botsModal.bz-page .bz-farm-mini { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (prefers-reduced-motion: reduce) {
  #botsModal.bz-page *, #botsModal.bz-page *::before, #botsModal.bz-page *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

/* Slot-Dialog verwendet dieselbe visuelle Sprache, liegt außerhalb des Workspaces. */
#customBotCreateModal.bz-create { z-index: 100001 !important; padding: 20px !important; background: #0e0e12c7 !important; backdrop-filter: blur(8px); color: #dce4ee; font-family: 'Onest', 'Avenir Next', 'Segoe UI', system-ui, sans-serif; }
#customBotCreateModal.bz-create[hidden] { display: none !important; }
#customBotCreateModal.bz-create .bz-create-dialog { width: min(460px, 100%); max-height: calc(100dvh - 40px); overflow-y: auto; margin: auto; padding: 28px !important; border: 1px solid #506176 !important; border-radius: 20px !important; background: #1c2735 !important; color: #dce4ee; box-shadow: 0 30px 100px #0008; }
#customBotCreateModal .bz-create-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; }
#customBotCreateModal .bz-create-kicker { color: #b5beff; font-size: 9px; font-weight: 700; letter-spacing: .1em; }
#customBotCreateModal #bzCreateTitle { margin: 7px 0 0; font: 650 24px/1.3 'Onest', 'Avenir Next', system-ui, sans-serif; letter-spacing: -.035em; color: #dce4ee; }
#customBotCreateModal .bz-create-close { display: grid; place-items: center; width: 32px; height: 32px; border: 1px solid #506176; border-radius: 8px; background: #293648; color: #b4bfce; font-size: 22px; cursor: pointer; }
#customBotCreateModal .bz-create-intro { margin: 14px 0 24px; color: #b4bfce; font-size: 12px; line-height: 1.7; }
#customBotCreateModal .bz-create-fields { display: grid; gap: 16px; }
#customBotCreateModal .bz-create-fields label:not(.bz-create-check) { display: flex; flex-wrap: wrap; gap: 7px; color: #d0dbea; font-size: 12px; font-weight: 600; }
#customBotCreateModal .bz-create-fields :is(input:not([type="checkbox"]), select) { box-sizing: border-box; width: 100%; height: 42px; padding: 0 12px; border: 1px solid #506176; border-radius: 9px; color: #dce4ee; background: #121c2a; font: 400 13px 'Onest', 'Avenir Next', system-ui, sans-serif; color-scheme: dark; }
#customBotCreateModal .bz-create-optional { margin-left: auto; color: #a2b0c3; font-weight: 400; font-size: 11px; }
#customBotCreateModal .bz-create-note { margin: -6px 0 0; padding: 10px 12px; border: 1px solid #786139; border-radius: 9px; color: #e4c480; background: #302b24; font-size: 11px; line-height: 1.6; }
#customBotCreateModal .bz-create-check { display: flex; gap: 10px; align-items: center; font-size: 12px; cursor: pointer; }
#customBotCreateModal .bz-create-check input { width: 17px; height: 17px; accent-color: #63d5ad; }
#customBotCreateModal .bz-create-check small { display: block; color: #a2b0c3; font-size: 11px; font-weight: 400; margin-top: 3px; }
#customBotCreateModal .bz-create-advanced { border-top: 1px solid #344151; padding-top: 14px; }
#customBotCreateModal .bz-create-advanced summary { color: #b4bfce; font-size: 11px; cursor: pointer; }
#customBotCreateModal .bz-create-advanced label { margin-top: 14px; }
#customBotCreateModal .bz-create-foot { display: flex; gap: 8px; justify-content: flex-end; margin-top: 26px; padding-top: 18px; border-top: 1px solid #344151; }
#customBotCreateModal .bz-create-foot button { min-height: 40px; padding: 0 16px; border-radius: 9px; border: 1px solid #506176; background: #293648; color: #dce4ee; font: 600 12px 'Onest', 'Avenir Next', system-ui, sans-serif; cursor: pointer; }
#customBotCreateModal .bz-create-foot .bz-create-submit { background: var(--bz-action); border-color: var(--bz-action-line); color: var(--bz-action-text); }
#customBotCreateModal .bz-create-foot button:disabled { opacity: .55; cursor: wait; }
#customBotCreateModal :is(button, input, select, summary):focus-visible { outline: 2px solid var(--bz-diamond) !important; outline-offset: 3px; }
#botsModal.bz-page .bz-focus .bz-btn::after { content: '→'; margin-left: 3px; }
#botsModal.bz-page .bz-ring[data-level="info"] .bz-ring-fill { stroke: var(--bz-diamond); }
@media (max-width: 640px) {
  #customBotCreateModal.bz-create { padding: 12px !important; }
  #customBotCreateModal.bz-create .bz-create-dialog { max-height: calc(100dvh - 24px); padding: 22px !important; }
  #customBotCreateModal #bzCreateTitle { font-size: 22px; }
}

/* Leere Zeitleisten sind Text, keine Ereigniszeile mit Symbolspalte. */
#botsModal.bz-page .bz-timeline li.bz-empty { display: block; padding: 14px 0; color: var(--bz-text-3); line-height: 1.7; font-size: 12px; }
#botsModal.bz-page .bz-fleet-health[data-level="danger"] { color: #e8acb7; }
#botsModal.bz-page #bzFleetAttention[data-level="danger"] { color: var(--bz-red); }
#botsModal.bz-page .bz-category-new summary { font-size: 10px; color: var(--bz-text-3); cursor: pointer; }
#botsModal.bz-page .bz-category-new .bz-category-create { margin-top: 10px; }
#botsModal.bz-page .bz-category-create input { background: var(--bz-surface) !important; }
#botsModal.bz-page :is(.bz-pane, .bz-farm-view):focus-visible { outline: 2px solid var(--bz-line-2) !important; outline-offset: 6px; border-radius: 4px; }
#botsModal.bz-page :is(.spw-kpi dd, .fc-kpi dd) { font-family: var(--bz-body) !important; font-weight: 600 !important; letter-spacing: -.035em; }
#botsModal.bz-page .spw-hero h3 { font-weight: 600 !important; }
@media (max-width: 900px) {
  #botsModal.bz-page .bz-category-controls { grid-template-columns: minmax(0, 1fr); }
}

#botsModal.bz-page .bz-category-controls { display: block; }
#botsModal.bz-page .bz-category-summary { font-size: 11px; font-weight: 600; color: var(--bz-text-2); cursor: pointer; }
#botsModal.bz-page .bz-category-controls[open] > :not(summary) { margin-top: 12px; }

/* Die Zentrale bringt ihre eigene Navigation mit; zurück geht es über „Casino“. */
body.bot-page.tc-redesign.tc-max > header.topbar, body.bot-page > .tc-skip-link { display: none !important; }
#botsModal.bz-page .bz-brand > div { min-width: 0; }
body.bot-page #botsModal.bz-page :is(h1, h2, h3, h4) { font-family: var(--bz-body) !important; }
body.bot-page #botsModal.bz-page .bz-search input:focus { box-shadow: none !important; }
#botsModal.bz-page :is(.spw-field, .spw-xyz, .spw-xyz-row, .spw-target, .fc-hours) :is(input, select),
#botsModal.bz-page :is(.spw-target-cmd, .spw-teleport-input) { background: var(--bz-bg-2) !important; border-color: var(--bz-line-2) !important; color: var(--bz-text) !important; }
#botsModal.bz-page .spw-card-head h4 { font-weight: 600 !important; }
#botsModal.bz-page .spw-btn--save { background: var(--bz-action) !important; border-color: var(--bz-action-line) !important; color: var(--bz-action-text) !important; }
@media (prefers-reduced-motion: reduce) {
  #customBotCreateModal.bz-create, #customBotCreateModal.bz-create .bz-create-dialog { animation: none !important; transition: none !important; }
}

/* Editions bleiben auch bei vielen Slots auf einen Blick unterscheidbar. */
#botsModal.bz-page .bz-edition { display: inline-flex; align-items: center; flex-shrink: 0; width: fit-content; padding: 3px 6px; border: 1px solid #356757; border-radius: 5px; color: #86debc; background: #1b3835; font: 600 9px/1.2 var(--bz-body); letter-spacing: .015em; }
#botsModal.bz-page .bz-edition[data-edition="bedrock"] { border-color: #65528b; color: #c9b0f2; background: #302744; }
#botsModal.bz-page #activeBotEdition { padding: 4px 7px; font-size: 10px; }
#botsModal.bz-page .bz-bedrock-note { grid-template-columns: minmax(0, 1fr) auto; background: linear-gradient(115deg, #393047, #2e2c3d); border-color: #6f6383; align-items: center; }
#botsModal.bz-page #botBedrockBatchGuide .bz-callout-body { grid-column: 1 / -1; }
#botsModal.bz-page .bz-bedrock-note[hidden],
#botsModal.bz-page #botBedrockBankNote[hidden],
#customBotCreateModal .bz-create-batch[hidden] { display: none !important; }
#botsModal.bz-page .bz-bedrock-note .bz-callout-body { min-width: 0; }
#botsModal.bz-page .bz-bedrock-note > .bz-btn { flex-shrink: 0; }
#botsModal.bz-page .bz-bedrock-slots { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 15px; }
#botsModal.bz-page .bz-bedrock-slots button { min-height: 34px; padding: 7px 10px; border: 1px solid #535077; border-radius: 7px; background: #23283e; color: #d1d6ea; font: 500 11px/1.3 var(--bz-body); cursor: pointer; }
#botsModal.bz-page .bz-bedrock-slots button[aria-pressed="true"] { border-color: var(--bz-amethyst); background: #454073; color: #ede6ff; }
#botsModal.bz-page .bz-bedrock-slots button:focus-visible { outline: 2px solid var(--bz-amethyst); outline-offset: 3px; }
#botsModal.bz-page #botBedrockBankNote { margin: 0; padding: 14px 16px; border: 1px solid #534b73; border-radius: 10px; background: #24243b; color: var(--bz-text-2); font-size: 12px; line-height: 1.7; }
#customBotCreateModal .bz-create-edition select { border-color: #6874bd; }
#customBotCreateModal .bz-create-batch { display: grid; gap: 14px; padding: 16px; border: 1px solid #65528b; border-radius: 12px; background: linear-gradient(140deg, #393047, #2e2c3d); }
#customBotCreateModal .bz-create-batch strong { color: #e1d6fa; font-size: 12px; line-height: 1.5; }
#customBotCreateModal .bz-create-batch p { margin: 7px 0 0; color: #bfb1dc; font-size: 11px; line-height: 1.7; }
#customBotCreateModal .bz-create-batch .bz-btn { min-height: 40px; padding: 9px 12px; border: 1px solid #9580c0; border-radius: 8px; background: #7055af; color: #f0e7ff; font: 600 11px/1.4 'Onest', system-ui, sans-serif; cursor: pointer; }
#customBotCreateModal .bz-create-batch .bz-btn:disabled { opacity: .55; cursor: wait; }
@media (max-width: 640px) {
  #botsModal.bz-page .bz-bedrock-note { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  #botsModal.bz-page .bz-bedrock-note > .bz-btn { margin: 0; width: 100%; justify-content: center; }
}

/* Bereichsfarben: gleiche Anordnung und Größen; Farbe schafft Orientierung auf dunklen Flächen. */
#botsModal.bz-page .bz-brand-mark svg { stroke: var(--bz-emerald); }
#botsModal.bz-page .bz-card-head h3 { color: var(--bz-card-accent, var(--bz-text)); }
#botsModal.bz-page .bz-fleet-metrics > div { background: linear-gradient(110deg, #263243, #1c2531); border-left-color: #516078; }
#botsModal.bz-page .bz-fleet-metrics > .is-online { background: linear-gradient(110deg, #283a33, #202c28); border-left-color: #526f60; }
#botsModal.bz-page .bz-fleet-metrics > .is-attention { background: linear-gradient(110deg, #393228, #2a2925); border-left-color: #756448; }
#botsModal.bz-page .bz-fleet-metrics > .is-auto { background: linear-gradient(110deg, #352e42, #292633); border-left-color: #6a5b7e; }
#botsModal.bz-page .is-auto dd { color: var(--bz-amethyst); }
#botsModal.bz-page .bz-tab { --bz-tab-color: var(--bz-diamond); --bz-tab-tint: #293e46; }
#botsModal.bz-page #botModalSubTabBtn_console { --bz-tab-color: #a1b1cd; --bz-tab-tint: #2b3549; }
#botsModal.bz-page #botModalSubTabBtn_bank { --bz-tab-color: var(--bz-gold); --bz-tab-tint: #393329; }
#botsModal.bz-page #botModalSubTabBtn_schedule { --bz-tab-color: var(--bz-amethyst); --bz-tab-tint: #352e43; }
#botsModal.bz-page :is(#botModalSubTabBtn_live, #botModalSubTabBtn_spawner) { --bz-tab-color: var(--bz-emerald); --bz-tab-tint: #293c34; }
#botsModal.bz-page #botModalSubTabBtn_admin { --bz-tab-color: #b4a6bf; --bz-tab-tint: #352f3f; }
#botsModal.bz-page .bz-tab-icon { color: var(--bz-tab-color); }
#botsModal.bz-page .bz-tab.active { color: var(--bz-tab-color) !important; background: linear-gradient(180deg, var(--bz-tab-tint), #242d3a) !important; box-shadow: inset 0 -2px var(--bz-tab-color) !important; }
#botsModal.bz-page .bh-fleet-chip[data-status="online"] { background: #263b33 !important; border-color: #405a4f !important; }
#botsModal.bz-page .bh-fleet-chip[data-status="pending"] { background: #383125 !important; border-color: #61543b !important; }
#botsModal.bz-page .bh-fleet-chip[data-status="off"] { background: #302d3b !important; border-color: #504a60 !important; }
#botsModal.bz-page .bh-fleet-chip[aria-pressed="true"] { border-color: var(--bz-diamond) !important; box-shadow: inset 0 -2px var(--bz-diamond); }
#botsModal.bz-page .bz-money-card.is-bricks { background: linear-gradient(130deg, #3c302a, #2e2b2a); border-color: #655143; }
#botsModal.bz-page #botModalSubPane_schedule .bz-card { --bz-card-tint: #332d42; --bz-card-end: #282733; border-color: #514a63; }
#botsModal.bz-page .bz-auto-list li { background: #242431; border-left: 2px solid #615675; }
#botsModal.bz-page .bz-insight { background: #222d3b; }
#botsModal.bz-page .bz-console { --bz-card-tint: #283645; --bz-card-end: #212d38; border-color: #455b70; }
#botsModal.bz-page :is(.spw-hero, .lv-head) { background: linear-gradient(115deg, #293b38, #223034) !important; border-color: #495f57 !important; }

/* Leichte Neonakzente bleiben auf Auswahl, Kennzahlen und Hauptaktionen begrenzt. */
#botsModal.bz-page .bz-btn--primary { background: linear-gradient(120deg, #4263d2, #625dc7) !important; box-shadow: 0 4px 16px -7px #718eff80 !important; }
#botsModal.bz-page .bz-btn--primary:hover { background: linear-gradient(120deg, #4566d4, #6962ca) !important; box-shadow: 0 5px 18px -6px #718eff90 !important; }
#botsModal.bz-page .bz-brand-mark { background: #243d55; border-color: #43899d; box-shadow: inset 0 0 14px #65cfe814; }
#botsModal.bz-page .bz-brand-mark svg { filter: drop-shadow(0 0 5px #63d5ad55); }
#botsModal.bz-page #botsTabContainer .bh-bot.active { box-shadow: inset 0 0 18px #70cee40a, 0 0 12px -5px #70cee44a !important; }
#botsModal.bz-page #botsTabContainer .bh-bot.active::before { box-shadow: 0 0 7px #70cee461; }
#botsModal.bz-page .bz-fleet-metrics > div { background: linear-gradient(110deg, #283955, #1c293c); border-left-color: #526f9c; }
#botsModal.bz-page .bz-fleet-metrics > .is-online { background: linear-gradient(110deg, #244132, #1e312b); border-left-color: #4d8b6a; }
#botsModal.bz-page .bz-fleet-metrics > .is-attention { background: linear-gradient(110deg, #403521, #302b23); border-left-color: #967b42; }
#botsModal.bz-page .bz-fleet-metrics > .is-auto { background: linear-gradient(110deg, #3a2e4d, #2c2740); border-left-color: #80659d; }
#botsModal.bz-page .bz-fleet-metrics .is-online dd { text-shadow: 0 0 18px #63d5ad22; }
#botsModal.bz-page .bz-fleet-metrics .is-auto dd { text-shadow: 0 0 18px #b79bed22; }
#botsModal.bz-page .bz-tab.active { box-shadow: inset 0 -2px var(--bz-tab-color), 0 6px 16px -12px var(--bz-tab-color) !important; }
#botsModal.bz-page .bz-money-total { color: #e4c480; }
#botsModal.bz-page .bz-ring-fill { filter: drop-shadow(0 0 3px #63d5ad18); }
#botsModal.bz-page .bz-money-bar i { box-shadow: 0 0 8px #63d5ad20; }

/* ── Wurf-Farm (JohannaHoney_): Standplatz & Wurf statt Kisten ─────────────────────────────────────────────
   #botModalSubPane_spawner[data-farm-mode="werfen"] blendet alles rund um Kisten/Craften aus (.fc-only-store),
   sonst bleibt alles rund ums Werfen weg (.fc-only-throw). */
#botsModal.bz-page #botModalSubPane_spawner[data-farm-mode="werfen"] .fc-only-store,
#botsModal.bz-page #botModalSubPane_spawner:not([data-farm-mode="werfen"]) .fc-only-throw { display: none !important; }
#botsModal.bz-page #botModalSubPane_spawner[data-farm-mode="werfen"] .fc-chart-card { grid-column: 1 / -1; }
#botsModal.bz-page #botModalSubPane_spawner[data-farm-mode="werfen"] .spw-card--spawner .spw-cmd { display: none; }
/* Schmale Karte: „Platz“ und ⌖ oben, die drei Koordinaten darunter über die ganze Breite (wie bei den Spawnern, bot-hub.css) */
#botsModal.bz-page .fc-throw-card { border-top: 3px solid var(--bz-emerald); container-type: inline-size; }
/* Sechsstellige Koordinaten mit Minus (-225579) müssen ganz lesbar sein – ohne Zähl-Pfeile, eng gesetzt */
#botsModal.bz-page #botModalSubPane_spawner[data-farm-mode="werfen"] .spw-xyz input { padding-right: 4px !important; font-size: 12.5px !important; letter-spacing: 0 !important; font-variant-numeric: tabular-nums; -moz-appearance: textfield; appearance: textfield; }
#botsModal.bz-page #botModalSubPane_spawner[data-farm-mode="werfen"] .spw-xyz input::-webkit-outer-spin-button,
#botsModal.bz-page #botModalSubPane_spawner[data-farm-mode="werfen"] .spw-xyz input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
#botsModal.bz-page .fc-throw-state { padding: 3px 9px; border-radius: 999px; border: 1px solid var(--bz-line-2); font-size: 11.5px; font-weight: 700; color: var(--bz-text-3); white-space: nowrap; }
#botsModal.bz-page .fc-throw-state:empty { display: none; }
#botsModal.bz-page .fc-throw-state[data-level="ok"] { border-color: #2f6b56; color: var(--bz-emerald); }
#botsModal.bz-page .fc-throw-state[data-level="warn"] { border-color: #786139; color: var(--bz-gold); }
#botsModal.bz-page .fc-throw-note { margin: 8px 0 0; font-size: 12px; line-height: 1.5; color: var(--bz-text-3); }
#botsModal.bz-page .fc-throw-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 14px; }
#botsModal.bz-page .fc-throw-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-top: 10px; }
#botsModal.bz-page .fc-throw-hint { flex: 1 1 180px; font-size: 11.5px; line-height: 1.45; color: var(--bz-text-3); }
#botsModal.bz-page .fc-throw-what { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 16px; }
#botsModal.bz-page .fc-throw-label { flex: 1 0 100%; font-size: 12px; font-weight: 600; color: var(--wb-soft); }
#botsModal.bz-page .fc-throw-chip { display: inline-flex; align-items: center; gap: 7px; min-height: 34px; padding: 5px 11px; border-radius: 9px; border: 1px solid var(--bz-line-2); background: var(--bz-bg-2); font-size: 12.5px; font-weight: 600; color: var(--bz-text); cursor: pointer; }
#botsModal.bz-page .fc-throw-chip:has(input:checked) { border-color: #2f6b56; }
#botsModal.bz-page .fc-throw-chip:has(input:focus-visible) { outline: 2px solid var(--bz-diamond); outline-offset: 2px; }
#botsModal.bz-page .fc-throw-chip input { width: 15px; height: 15px; margin: 0; accent-color: var(--bz-emerald); }
#botsModal.bz-page .fc-throw-chip--wide { display: flex; margin-top: 12px; }
#botsModal.bz-page .fc-throw-more { margin-top: 10px; }
#botsModal.bz-page .fc-kpi--stand[data-level="ok"] dd { color: var(--bz-emerald); }
#botsModal.bz-page .fc-kpi--stand[data-level="warn"] dd { color: var(--bz-gold); }
@media (max-width: 980px) {
  #botsModal.bz-page .fc-kpis .fc-kpi--stand { grid-column: 1 / -1; }
}
@media (max-width: 520px) {
  #botsModal.bz-page .fc-throw-grid { grid-template-columns: minmax(0, 1fr); }
}

/* --------------------------------------------------------------------------
   Eisen-Spawner von gekauften Accounts (Farm-Cockpit Moricaa_AFK, .spg-*)
   -------------------------------------------------------------------------- */
#botsModal.bz-page .spg-card { border-top: 3px solid var(--bz-gold); }
#botsModal.bz-page .spg-card[hidden] { display: none; }
#botsModal.bz-page .spg-card[data-shop="on"] { border-top-color: var(--bz-emerald); }
#botsModal.bz-page .spg-days { display: grid; grid-template-columns: repeat(14, minmax(0, 1fr)); gap: 4px; height: 64px; margin-top: 12px; align-items: end; }
#botsModal.bz-page .spg-day { position: relative; display: flex; flex-direction: column; justify-content: flex-end; height: 100%; border-radius: 3px; background: var(--bz-bg-2); overflow: hidden; }
#botsModal.bz-page .spg-day i { display: block; min-height: 2px; background: color-mix(in srgb, var(--bz-gold) 55%, transparent); }
#botsModal.bz-page .spg-day.has i { background: var(--bz-gold); }
#botsModal.bz-page .spg-day b { position: absolute; inset: auto 0 2px; text-align: center; font: 700 10px var(--bz-mono, monospace); color: var(--bz-text); text-shadow: 0 1px 2px rgb(0 0 0 / .6); }
#botsModal.bz-page .spg-owner { margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--bz-line); }
#botsModal.bz-page .spg-owner[hidden] { display: none; }
#botsModal.bz-page .spg-controls { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; }
#botsModal.bz-page .spg-switch { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; color: var(--bz-text); cursor: pointer; }
#botsModal.bz-page .spg-min { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; color: var(--bz-text-2); font-size: 13px; }
#botsModal.bz-page .spg-min input { width: 96px; padding: 6px 8px; border-radius: 6px; border: 1px solid var(--bz-line-2); background: var(--bz-bg-2); color: var(--bz-text); font: 600 13px var(--bz-mono, monospace); }
#botsModal.bz-page .spg-hint { margin: 10px 0 0; font-size: 12.5px; line-height: 1.5; color: var(--bz-text-2); }
#botsModal.bz-page .spg-list { list-style: none; margin: 12px 0 0; padding: 0; display: grid; gap: 6px; max-height: 360px; overflow-y: auto; }
#botsModal.bz-page .spg-row { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: 10px; padding: 7px 10px; border-radius: 6px; background: var(--bz-bg-2); border: 1px solid var(--bz-line); }
#botsModal.bz-page .spg-row.is-off { opacity: .6; }
#botsModal.bz-page .spg-row.is-bad { border-color: color-mix(in srgb, var(--bz-red) 55%, var(--bz-line)); }
#botsModal.bz-page .spg-row small { display: block; font-size: 11.5px; color: var(--bz-text-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#botsModal.bz-page .spg-name strong { display: block; font-size: 13px; color: var(--bz-text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#botsModal.bz-page .spg-bar { display: block; height: 6px; border-radius: 3px; background: var(--bz-surface); overflow: hidden; margin-bottom: 3px; }
#botsModal.bz-page .spg-bar i { display: block; height: 100%; background: var(--bz-gold); }
#botsModal.bz-page .spg-facts { text-align: right; }
#botsModal.bz-page .spg-empty { padding: 10px; color: var(--bz-text-3); font-size: 13px; }
@media (max-width: 620px) {
  #botsModal.bz-page .spg-row { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  #botsModal.bz-page .spg-facts { grid-column: 1 / -1; text-align: left; display: flex; gap: 10px; }
  #botsModal.bz-page .spg-days { height: 52px; gap: 2px; }
  #botsModal.bz-page .spg-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ------------------------------------------------------------ Bots je IP (BotEgress, nur Inhaber) */
#botsModal.bz-page .bz-ip-panel { width: 100%; max-width: 1680px; margin: -6px auto 24px; padding: 0 clamp(18px, 2.4vw, 36px); }
#botsModal.bz-page .bz-ip-panel[hidden] { display: none; }
#botsModal.bz-page .bz-ip-summary { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 14px; padding: 12px 2px; border-top: 1px solid var(--bz-line); cursor: pointer; list-style: none; }
#botsModal.bz-page .bz-ip-summary::-webkit-details-marker { display: none; }
#botsModal.bz-page .bz-ip-summary::before { content: ''; align-self: center; width: 0; height: 0; border-block: 4px solid transparent; border-left: 6px solid var(--bz-text-3); transition: transform .15s; }
#botsModal.bz-page .bz-ip-panel[open] > .bz-ip-summary::before { transform: rotate(90deg); }
#botsModal.bz-page .bz-ip-summary:focus-visible { outline: 2px solid var(--bz-action-line); outline-offset: 2px; border-radius: 6px; }
#botsModal.bz-page .bz-ip-title { font: 650 13px var(--bz-body); color: var(--bz-text); }
#botsModal.bz-page .bz-ip-total { font: 600 12px var(--bz-body); color: var(--bz-text-2); font-variant-numeric: tabular-nums; }
#botsModal.bz-page .bz-ip-rule { margin-left: auto; color: var(--bz-text-3); font-size: 11.5px; }
#botsModal.bz-page .bz-ip-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); gap: 12px; }
#botsModal.bz-page .bz-ip-card { display: grid; align-content: start; gap: 12px; min-width: 0; padding: 14px 16px 16px; border: 1px solid var(--bz-line); border-radius: 12px; background: var(--bz-surface); }
#botsModal.bz-page .bz-ip-card-head { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; min-width: 0; }
#botsModal.bz-page .bz-ip-card-head strong { overflow: hidden; font: 650 14px var(--bz-body); color: var(--bz-text); text-overflow: ellipsis; white-space: nowrap; }
#botsModal.bz-page .bz-ip-card-head small { flex: none; color: var(--bz-text-3); font-size: 11px; }
#botsModal.bz-page .bz-ip-meters { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
#botsModal.bz-page .bz-ip-meter { display: grid; gap: 6px; min-width: 0; color: var(--bz-text-2); font-size: 11.5px; white-space: nowrap; }
#botsModal.bz-page .bz-ip-meter b { font: 650 17px/1 var(--bz-body); color: var(--bz-text); font-variant-numeric: tabular-nums; }
#botsModal.bz-page .bz-ip-meter[data-full="true"] b { color: var(--bz-gold); }
#botsModal.bz-page .bz-ip-meter[data-off] { color: var(--bz-text-3); }
#botsModal.bz-page .bz-ip-bar { display: block; height: 5px; overflow: hidden; border-radius: 3px; background: var(--bz-raised); }
#botsModal.bz-page .bz-ip-bar > i { display: block; height: 100%; border-radius: inherit; background: var(--bz-emerald); }
#botsModal.bz-page .bz-ip-meter[data-kind="bedrock"] .bz-ip-bar > i { background: var(--bz-diamond); }
#botsModal.bz-page .bz-ip-meter[data-full="true"] .bz-ip-bar > i { background: var(--bz-gold); }
#botsModal.bz-page .bz-ip-bots { display: flex; flex-wrap: wrap; gap: 5px; margin: 0; padding: 0; list-style: none; }
#botsModal.bz-page .bz-ip-bots > li { min-width: 0; max-width: 100%; }
#botsModal.bz-page .bz-ip-bot { display: inline-flex; align-items: center; gap: 6px; max-width: 100%; min-height: 26px; padding: 0 9px; overflow: hidden; border: 1px solid transparent; border-radius: 999px; background: rgba(160, 182, 211, .1); color: var(--bz-text-2); font: 600 11.5px/1 var(--bz-body); text-overflow: ellipsis; white-space: nowrap; cursor: pointer; }
#botsModal.bz-page .bz-ip-bot::before { content: ''; flex: none; width: 6px; height: 6px; border-radius: 50%; background: var(--bz-text-3); }
#botsModal.bz-page .bz-ip-bot[data-edition="bedrock"] { background: rgba(112, 206, 228, .1); color: #a9dcea; }
#botsModal.bz-page .bz-ip-bot[data-state="online"]::before { background: var(--bz-emerald); }
#botsModal.bz-page .bz-ip-bot:is([data-state="pending"], [data-state="login"])::before { background: var(--bz-gold); }
#botsModal.bz-page .bz-ip-bot[data-state="offline"]::before { background: var(--bz-red); }
#botsModal.bz-page .bz-ip-bot:is(:hover, :focus-visible) { border-color: var(--bz-line-2); color: var(--bz-text); outline: none; }
#botsModal.bz-page .bz-ip-none { margin: 0; color: var(--bz-text-3); font-size: 12px; }
#botsModal.bz-page .bz-ip-wait { display: grid; gap: 8px; margin-top: 12px; padding: 12px 14px; border: 1px solid rgba(223, 185, 102, .35); border-radius: 12px; background: rgba(223, 185, 102, .07); color: #e4c480; font-size: 12px; }
#botsModal.bz-page .bz-ip-wait[hidden] { display: none; }
@media (max-width: 640px) {
  #botsModal.bz-page .bz-ip-panel { margin-top: 0; padding-inline: 18px; }
  #botsModal.bz-page .bz-ip-rule { margin-left: 0; flex-basis: 100%; }
}