/* RST ▸ Trade-Busters (09.10.2026): die App als iframe von /trade-busters/
   (modules/tradeBustersTab.js). Feste Höhe = Fenster minus Kopf; die App
   scrollt selbst. Nicht im Demo-Paket (DROP_STYLESHEETS im Export). */

.tb-view { padding: 0; margin: 0; }
.tb-rahmen { position: relative; min-height: 600px; }
.tb-leiste { display: flex; justify-content: flex-end; margin-bottom: var(--space-2); }
.tb-knopf {
  display: inline-flex; align-items: center; gap: var(--space-1);
  padding: 6px 12px; border-radius: var(--radius-md); border: 1px solid var(--border-1);
  background: var(--surface-1); color: var(--text-1); font-size: 13px; font-weight: 600; text-decoration: none;
}
.tb-knopf:hover { border-color: var(--accent, #1783ff); }
.tb-frame {
  display: block; width: 100%; height: calc(100vh - 170px - var(--akf-fab-platz, 0px)); min-height: 600px;
  border: 0; border-radius: var(--radius-lg); background: transparent; transition: opacity var(--t-base) ease;
}
.tb-frame.ist-ladend { opacity: 0; }
.tb-lade { position: absolute; inset: 0; z-index: var(--z-base); pointer-events: none; overflow: hidden; }
.tb-lade-inhalt { display: flex; flex-direction: column; gap: var(--space-4); padding-top: var(--space-2); }
.tb-fehler .lz-leer { background: var(--surface-1); border: 1px solid var(--border-1); border-radius: var(--radius-lg); }
.tb-sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }