.gateway-ai-training-metrics{
  position:relative;margin-left:auto;margin-right:12px;min-width:0;max-width:68%;
  display:flex;align-items:center;gap:.5rem;white-space:nowrap;overflow:hidden;
  font-size:clamp(6px,.68vw,10px);font-weight:700;letter-spacing:.095em;text-transform:uppercase;color:#bbb4c2;
}
.gateway-ai-training-metrics strong{color:#d8c1e8;overflow:hidden;text-overflow:ellipsis}
.gateway-ai-training-stats{color:#8f8099;overflow:hidden;text-overflow:ellipsis}
.gateway-ai-training-dot{width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:#685e6e;box-shadow:0 0 6px rgba(152,120,174,.35)}
.gateway-ai-training-metrics.is-running .gateway-ai-training-dot{background:#d8c1e8;box-shadow:0 0 9px rgba(190,135,224,.8);animation:gatewayAiPulse 1.15s ease-in-out infinite}
.gateway-ai-training-metrics.is-complete .gateway-ai-training-dot{background:#b9a96d}
.gateway-ai-training-metrics.is-failed .gateway-ai-training-dot{background:#ad6f6f}
.gateway-ai-training-progress{position:absolute;left:0;right:0;bottom:-7px;height:1px;background:rgba(144,101,171,.16);overflow:hidden}
.gateway-ai-training-progress i{display:block;width:0;height:100%;background:currentColor;transition:width .35s ease}
.gateway-ai-training-sample{position:absolute;left:22%;right:17%;top:50%;transform:translateY(-50%);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;color:#76637f;font-size:6px;font-weight:600;letter-spacing:.08em;text-transform:none}
@keyframes gatewayAiPulse{50%{opacity:.35;transform:scale(.75)}}
@media(max-width:760px){.gateway-ai-training-metrics{max-width:59%;margin-right:5px;gap:.28rem}.gateway-ai-training-stats{display:none}.gateway-ai-training-sample{left:7%;right:7%;font-size:5px}.gateway-reference-signal-copy{display:none}}
@media(max-height:720px){.gateway-ai-training-sample{display:none}.gateway-ai-training-progress{bottom:-5px}}
@media(prefers-reduced-motion:reduce){.gateway-ai-training-metrics.is-running .gateway-ai-training-dot{animation:none}}