/* BRL_CONTAINER_ALIGNMENT_FIX
   Residual micro-fix after host correction.
   Scope: signal-bot, arbitrage-bot, security-api-keys only.
   Purpose: improve lateral breathing of custom BullRun Labs blocks.
   If any of these still looks wrong after this, next diagnosis should inspect
   the INTERNAL CSS of the concrete block. */

/* -------- signal-bot / arbitrage-bot -------- */
body#signal-bot #brlDemoGuideCard,
body#signal-bot #brlStrategyAccessPanel,
body#signal-bot #brlStrategyActionPanel,
body#arbitrage-bot #brlDemoGuideCard,
body#arbitrage-bot #brlStrategyAccessPanel,
body#arbitrage-bot #brlStrategyActionPanel {
  box-sizing: border-box;
  width: calc(100% - 24px);
  margin-left: 12px;
  margin-right: 12px;
}

/* keep internal CTA row from feeling glued */
body#signal-bot #brlStrategyActionPanel .brl-strategy-cta,
body#arbitrage-bot #brlStrategyActionPanel .brl-strategy-cta {
  gap: 14px;
}

/* -------- security-api-keys -------- */
body#security-api-keys #brlConnectionsVault,
body#security-api-keys #brlDemoGuideCard {
  box-sizing: border-box;
  width: calc(100% - 24px);
  margin-left: 12px;
  margin-right: 12px;
}

/* internal breathing for the custom vault only */
body#security-api-keys #brlConnectionsVault #brlConnectionsFeedback {
  margin-left: 2px;
  margin-right: 2px;
}

/* desktop */
@media (min-width: 1200px) {
  body#signal-bot #brlDemoGuideCard,
  body#signal-bot #brlStrategyAccessPanel,
  body#signal-bot #brlStrategyActionPanel,
  body#arbitrage-bot #brlDemoGuideCard,
  body#arbitrage-bot #brlStrategyAccessPanel,
  body#arbitrage-bot #brlStrategyActionPanel,
  body#security-api-keys #brlConnectionsVault,
  body#security-api-keys #brlDemoGuideCard {
    width: calc(100% - 32px);
    margin-left: 16px;
    margin-right: 16px;
  }
}

/* tablet */
@media (max-width: 1199.98px) and (min-width: 768px) {
  body#signal-bot #brlDemoGuideCard,
  body#signal-bot #brlStrategyAccessPanel,
  body#signal-bot #brlStrategyActionPanel,
  body#arbitrage-bot #brlDemoGuideCard,
  body#arbitrage-bot #brlStrategyAccessPanel,
  body#arbitrage-bot #brlStrategyActionPanel,
  body#security-api-keys #brlConnectionsVault,
  body#security-api-keys #brlDemoGuideCard {
    width: calc(100% - 24px);
    margin-left: 12px;
    margin-right: 12px;
  }
}

/* mobile */
@media (max-width: 767.98px) {
  body#signal-bot #brlDemoGuideCard,
  body#signal-bot #brlStrategyAccessPanel,
  body#signal-bot #brlStrategyActionPanel,
  body#arbitrage-bot #brlDemoGuideCard,
  body#arbitrage-bot #brlStrategyAccessPanel,
  body#arbitrage-bot #brlStrategyActionPanel,
  body#security-api-keys #brlConnectionsVault,
  body#security-api-keys #brlDemoGuideCard {
    width: calc(100% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
}