/* Gekko UI status lights - visual overlay only. No engine action. */
.gekko-status-light-host {
  position: relative;
}

.gekko-status-light-badge {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  margin: .35rem 0 .55rem;
  padding: .38rem .62rem;
  border-radius: 999px;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .035em;
  text-transform: uppercase;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(10, 18, 28, .72);
  box-shadow: 0 0 0 1px rgba(255,255,255,.04), 0 10px 22px rgba(0,0,0,.20);
}

.gekko-status-light-dot {
  width: .9rem;
  height: .9rem;
  border-radius: 999px;
  display: inline-block;
  box-shadow: 0 0 0 3px rgba(255,255,255,.08), 0 0 18px currentColor;
}

.gekko-status-light-badge.status-green {
  color: #53ff9f;
  border-color: rgba(83,255,159,.36);
  background: linear-gradient(135deg, rgba(8,70,42,.75), rgba(10,18,28,.72));
}
.gekko-status-light-badge.status-green .gekko-status-light-dot { background: #35f684; }

.gekko-status-light-badge.status-red {
  color: #ff6f7d;
  border-color: rgba(255,111,125,.42);
  background: linear-gradient(135deg, rgba(93,18,30,.78), rgba(10,18,28,.74));
}
.gekko-status-light-badge.status-red .gekko-status-light-dot { background: #ff4057; }

.gekko-status-light-badge.status-orange {
  color: #ffd36a;
  border-color: rgba(255,211,106,.45);
  background: linear-gradient(135deg, rgba(105,68,9,.78), rgba(10,18,28,.74));
}
.gekko-status-light-badge.status-orange .gekko-status-light-dot { background: #ffb423; }

.gekko-status-light-cause {
  display: block;
  margin-top: -.2rem;
  margin-bottom: .65rem;
  color: rgba(221, 235, 255, .82);
  font-size: .82rem;
  line-height: 1.35;
}

.runtime-container-card .gekko-status-light-badge,
.module-card .gekko-status-light-badge,
.dashboard-card .gekko-status-light-badge,
.panel .gekko-status-light-badge {
  width: fit-content;
}

@media (max-width: 700px) {
  .gekko-status-light-badge {
    font-size: .74rem;
    padding: .34rem .55rem;
  }
  .gekko-status-light-dot {
    width: .82rem;
    height: .82rem;
  }
  .gekko-status-light-cause {
    font-size: .78rem;
  }
}

/* Inline status lights for Trading Engines inner cards. */
.gekko-status-light-inline {
  display: inline-flex !important;
  vertical-align: middle;
  margin: 0 0 0 .45rem !important;
  padding: .22rem .48rem !important;
  font-size: .66rem !important;
  line-height: 1 !important;
}
.gekko-status-light-inline .gekko-status-light-dot {
  width: .62rem !important;
  height: .62rem !important;
}
.gekko-status-light-inline-cause {
  margin-top: .28rem !important;
  margin-bottom: .45rem !important;
}

/* Professional cleanup: hide legacy explanatory warning card; backend safety remains enforced. */
[data-gekko-hidden-ui-warning="dry-live-professional-cleanup"] {
  display: none !important;
}


/* Bot Fleet card status lights. */
.gekko-bot-card-status {
  display: inline-flex;
  align-items: center;
  gap: .48rem;
  width: fit-content;
  margin: .45rem 0 .5rem;
  padding: .42rem .72rem;
  border-radius: 999px;
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: .045em;
  text-transform: uppercase;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(10,18,28,.72);
  box-shadow: 0 0 0 1px rgba(255,255,255,.04), 0 10px 22px rgba(0,0,0,.20);
}
.gekko-bot-card-status.status-green { color:#53ff9f; border-color:rgba(83,255,159,.38); background:linear-gradient(135deg,rgba(8,70,42,.78),rgba(10,18,28,.74)); }
.gekko-bot-card-status.status-orange { color:#ffd36a; border-color:rgba(255,211,106,.46); background:linear-gradient(135deg,rgba(105,68,9,.78),rgba(10,18,28,.74)); }
.gekko-bot-card-status.status-red { color:#ff6f7d; border-color:rgba(255,111,125,.44); background:linear-gradient(135deg,rgba(93,18,30,.78),rgba(10,18,28,.74)); }
.gekko-bot-card-status .gekko-status-light-dot { width:.92rem; height:.92rem; border-radius:999px; display:inline-block; background:currentColor; box-shadow:0 0 0 3px rgba(255,255,255,.08),0 0 20px currentColor; }
.gekko-bot-card-status-cause { display:block; color:rgba(221,235,255,.82); font-size:.84rem; line-height:1.35; margin:-.15rem 0 .65rem; }
@media (max-width:700px){ .gekko-bot-card-status{font-size:.75rem;padding:.36rem .6rem}.gekko-bot-card-status .gekko-status-light-dot{width:.82rem;height:.82rem}.gekko-bot-card-status-cause{font-size:.78rem} }


/* On Trading Bot cards, use only the authoritative bot badge to avoid conflicting generic status labels. */
.gekko-bot-card-status-host > .gekko-status-light-badge,
.gekko-bot-card-status-host > .gekko-status-light-cause {
  display: none !important;
}
.gekko-bot-card-status-host .gekko-bot-card-status {
  display: inline-flex !important;
}