/* Stage 398 — post-auth runtime, market feed and AI activation */
.stage398-runtime-live #heroLoginBtn .hero-cta-text strong,
.stage398-runtime-live #heroLoginTitle { letter-spacing:-.01em; }
.stage398-runtime-live .stage398-live-pill,
.stage398-runtime-live #stage398RuntimePill {
  display:inline-flex; align-items:center; gap:8px; width:max-content; max-width:100%;
  padding:7px 12px; border-radius:999px; border:1px solid rgba(34,211,238,.34);
  background:linear-gradient(135deg, rgba(10,36,54,.94), rgba(8,24,43,.98));
  color:#dff8ff; font-size:11px; font-weight:900; letter-spacing:.06em; text-transform:uppercase;
  box-shadow:0 0 0 1px rgba(255,255,255,.025) inset, 0 12px 36px rgba(8,145,178,.12);
}
.stage398-runtime-live .stage398-live-pill::before,
.stage398-runtime-live #stage398RuntimePill::before {
  content:""; width:7px; height:7px; border-radius:50%; background:#20d989; box-shadow:0 0 16px rgba(32,217,137,.75);
}
.stage398-runtime-live .stage398-chart-host { position:relative !important; overflow:hidden !important; min-height:360px; }
.stage398-runtime-live .stage398-chart-canvas {
  position:absolute; inset:0; width:100%; height:100%; z-index:8; border-radius:inherit; pointer-events:none;
  background:radial-gradient(circle at 76% 18%, rgba(26,75,130,.18), transparent 38%), linear-gradient(180deg, rgba(4,10,19,.12), rgba(6,13,25,.34));
}
.stage398-runtime-live .stage398-chart-badge {
  position:absolute; left:16px; top:14px; z-index:12; display:flex; align-items:center; gap:8px;
  padding:7px 10px; border-radius:999px; border:1px solid rgba(96,165,250,.26);
  background:rgba(6,14,27,.82); color:#dcecff; font-size:11px; font-weight:800; letter-spacing:.04em;
  backdrop-filter:blur(10px);
}
.stage398-runtime-live .stage398-chart-badge::before { content:""; width:7px; height:7px; border-radius:50%; background:#22c55e; box-shadow:0 0 12px rgba(34,197,94,.7); }
.stage398-runtime-live .stage398-chart-price {
  position:absolute; right:16px; top:14px; z-index:12; padding:7px 11px; border-radius:999px;
  border:1px solid rgba(245,158,11,.25); background:rgba(20,14,4,.74); color:#ffe8a3; font-size:12px; font-weight:900;
  backdrop-filter:blur(10px);
}
.stage398-runtime-live .stage398-runtime-card {
  border-color:rgba(34,211,238,.28) !important;
  box-shadow:0 20px 60px rgba(6,182,212,.10), inset 0 1px 0 rgba(255,255,255,.045) !important;
}
.stage398-runtime-live select,
.stage398-runtime-live .stage397-account-select,
.stage398-runtime-live #derivAccountSelect {
  color:#edf6ff !important; background:#071322 !important; border-color:rgba(96,165,250,.34) !important;
  text-shadow:none !important; color-scheme:dark;
}
.stage398-runtime-live select option,
.stage398-runtime-live #derivAccountSelect option { background:#071322 !important; color:#edf6ff !important; }
.stage398-runtime-live button[data-stage398-bound="true"] { cursor:pointer; }
.stage398-runtime-live button[data-stage398-running="true"] {
  border-color:rgba(32,217,137,.42) !important; box-shadow:0 0 0 1px rgba(32,217,137,.12) inset, 0 14px 38px rgba(32,217,137,.10) !important;
}
.stage398-toast {
  position:fixed; right:18px; bottom:18px; z-index:1000000; min-width:280px; max-width:460px;
  padding:13px 15px; border-radius:16px; border:1px solid rgba(96,165,250,.28);
  background:linear-gradient(135deg, rgba(9,20,36,.98), rgba(10,18,31,.96)); color:#eef7ff;
  box-shadow:0 22px 56px rgba(0,0,0,.44); font:800 12px/1.45 Inter,system-ui,-apple-system,Segoe UI,sans-serif;
}
.stage398-toast[data-tone="success"] { border-color:rgba(32,217,137,.38); }
.stage398-toast[data-tone="error"] { border-color:rgba(248,113,113,.42); }
@media (max-width: 760px) {
  .stage398-runtime-live .stage398-chart-host { min-height:300px; }
  .stage398-toast { left:12px; right:12px; bottom:12px; min-width:0; }
}
