/* Compact, truthful progress feedback; the bar is never time-animated. */
#etfLoadingBar {
  background: #f5f8fc;
  border: 1px solid #dce5ef;
  box-shadow: none;
  color: #34445c;
  padding: 12px 16px;
  margin: 8px 0 14px;
}
#etfLoadingBar .ring {
  width: 18px;
  height: 18px;
  border: 2px solid #dce5ef;
  border-top-color: #2058a5;
}
#etfLoadingBar .text { color: #192942; font-size: 13px; }
#etfLoadingBar .sub { color: #53627a; max-width: none; white-space: normal; }
#etfLoadingProgress {
  width: 100%;
  height: 8px;
  flex-basis: 100%;
  margin-top: 4px;
  accent-color: #2058a5;
}
#etfLoadingProgress[hidden], #wlProgress[hidden] { display: none; }
#wlElapsedLive { color: #53627a; font-variant-numeric: tabular-nums; }
#wlElapsedLive[hidden] { display: none; }
.etf-stale-warning { display: block; color: #9a4d10; font-size: 10px; line-height: 1.4; }
.sec-quality-alert {
  margin: 8px 0 14px;
  padding: 10px 14px;
  border: 1px solid #efc98e;
  border-radius: 8px;
  background: #fff6e8;
  color: #754310;
  font-size: 13px;
  line-height: 1.5;
}
.sec-quality-alert[hidden] { display: none; }
@media (prefers-reduced-motion: reduce) {
  #etfLoadingBar .ring { animation: none; }
}