/* NABD news ticker: one thin, automatically scrolling line at the top of the dashboard.
   It contains only source-linked GOLD/BTC headlines — never trading controls. */
.nabd-news-ticker {
  position:sticky;
  top:0;
  z-index:15;
  display:flex;
  align-items:center;
  gap:12px;
  width:100%;
  min-width:0;
  height:38px;
  max-height:38px;
  padding:0 12px;
  margin:0 0 15px;
  box-sizing:border-box;
  overflow:hidden;
  border:1px solid var(--border);
  border-radius:9px;
  background:var(--card);
  color:var(--ink);
  box-shadow:0 2px 9px #0f172a0a;
}
.nabd-ticker-brand {
  display:inline-flex;
  align-items:center;
  flex:0 0 auto;
  gap:7px;
  max-width:40%;
  padding-inline-end:11px;
  border-inline-end:1px solid var(--border);
  white-space:nowrap;
}
.nabd-ticker-brand strong{font-size:11px;font-weight:750;letter-spacing:0;line-height:1.3}
.nabd-ticker-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:var(--amber)}
.nabd-news-ticker[data-feed-status="live"] .nabd-ticker-dot{background:var(--green)}
.nabd-ticker-viewport{position:relative;display:flex;align-items:center;flex:1 1 auto;min-width:0;height:100%;overflow:hidden;direction:ltr}
.nabd-ticker-track{display:flex;align-items:center;flex:0 0 auto;width:max-content;height:100%;direction:ltr;animation:nabd-news-crawl var(--nabd-ticker-duration,65s) linear infinite;will-change:transform}
/* Keep the movement uninterrupted on both touch and desktop.
   Native Web Animations take precedence, with CSS animation as a fallback. */
.nabd-ticker-track.nabd-ticker-waapi{animation:none!important}
.nabd-ticker-group{display:flex;flex:0 0 auto;align-items:center;gap:24px;padding-inline-end:24px;height:100%;white-space:nowrap;direction:ltr}
.nabd-ticker-story{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;max-width:none;min-width:0;color:var(--ink);font-size:11px;line-height:1.35;font-weight:550;text-decoration:none;white-space:nowrap}
.nabd-ticker-story:hover{color:var(--green);text-decoration:underline}
.nabd-ticker-story:focus-visible{outline:2px solid var(--green);outline-offset:2px;border-radius:3px}
.nabd-ticker-category{color:var(--green);font-weight:700;font-size:10px;white-space:nowrap}
.nabd-ticker-headline{unicode-bidi:isolate;white-space:nowrap}
.nabd-ticker-divider{color:var(--gold);font-size:6px;opacity:.75}
.nabd-ticker-placeholder{display:block;flex:1;min-width:0;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;direction:rtl;text-align:start;font-size:11px;color:var(--muted)}
html[dir="ltr"] .nabd-ticker-placeholder{direction:ltr}
.nabd-ticker-placeholder[hidden]{display:none!important}
.nabd-ticker-viewport[data-has-news="false"] .nabd-ticker-track{display:none}
@keyframes nabd-news-crawl{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@media(max-width:760px){
  .nabd-news-ticker{height:34px;max-height:34px;padding-inline:9px;gap:8px;margin-bottom:12px;border-radius:8px}
  .nabd-ticker-brand{gap:5px;padding-inline-end:8px}
  .nabd-ticker-brand strong{font-size:10px}
  .nabd-ticker-story{font-size:10.5px}
  .nabd-ticker-category{font-size:9px}
  .nabd-ticker-group{gap:18px;padding-inline-end:18px}
}
@media(max-width:380px){.nabd-ticker-brand strong{font-size:9px}.nabd-news-ticker{gap:6px}.nabd-ticker-brand{padding-inline-end:6px}}
/* The user explicitly requested a continuously moving ribbon.
   Reduce Motion uses a slower crawl set by JS, not a static banner. */
@media(prefers-reduced-motion:reduce){
  .nabd-ticker-track{will-change:auto}
}
