/* Gold rate + flash news — shared on staff and member login */
.rate-strip{
  background:linear-gradient(150deg,#2A2028,#161318);
  border:1.5px solid transparent;border-radius:16px;margin-bottom:12px;overflow:visible;
  background-image:linear-gradient(150deg,#2A2028,#161318),
                   linear-gradient(120deg,#8A6612,#EBCF74 45%,#8A6612);
  background-origin:border-box;background-clip:padding-box,border-box;
  box-shadow:0 6px 20px rgba(0,0,0,.35)
}
.rate-strip .hd{
  display:flex;align-items:center;justify-content:center;gap:8px;
  padding:11px 0 4px;font:700 12px "Poppins",system-ui,sans-serif;
  letter-spacing:.08em;color:#EBCF74
}
.rate-strip .hd .dot{width:5px;height:5px;border-radius:50%;background:#4FBF8B;
  box-shadow:0 0 0 3px rgba(79,191,139,.2)}
.rate-strip .row{display:flex;padding:0 6px 11px}
.rate-strip .r{flex:1;text-align:center;padding:2px 4px 0;border-right:1px solid rgba(212,175,55,.18)}
.rate-strip .r:last-child{border-right:none}
.rate-strip .r i{display:block;font:600 8.5px "IBM Plex Mono",monospace;
  letter-spacing:.1em;color:#726B60;font-style:normal}
.rate-strip .r b{display:block;font:700 14px "IBM Plex Mono",monospace;color:#EBCF74;
  margin-top:2px;font-variant-numeric:tabular-nums}
.rate-strip .r span{display:block;font-size:8.5px;color:#726B60;margin-top:2px}

.flashnews{
  display:flex;align-items:stretch;margin-bottom:12px;overflow:hidden;
  border:1.5px solid transparent;border-radius:16px;
  background-image:linear-gradient(150deg,#2A2028,#161318),
                   linear-gradient(120deg,#8A6612,#EBCF74 45%,#8A6612);
  background-origin:border-box;background-clip:padding-box,border-box;
  box-shadow:0 6px 20px rgba(0,0,0,.35)
}
.flashnews .fn-lab{
  flex:0 0 auto;display:flex;align-items:center;gap:7px;padding:0 12px;
  background:linear-gradient(180deg,rgba(212,175,55,.2),rgba(107,34,49,.42));
  border-right:1px solid rgba(212,175,55,.28);
  font:700 9.5px "IBM Plex Mono",monospace;letter-spacing:.18em;color:#EBCF74
}
.flashnews .fn-lab .dot{width:7px;height:7px;border-radius:50%;background:#EBCF74;
  box-shadow:0 0 0 3px rgba(235,207,116,.22);animation:fnpulse 1.6s ease-in-out infinite}
.flashnews .fn-track{flex:1;min-width:0;overflow:hidden;display:flex;align-items:center}
.flashnews .fn-run{
  display:inline-flex;align-items:center;white-space:nowrap;
  animation:fnscroll 28s linear infinite;will-change:transform;padding:13px 0;
  min-width:max(200%,max-content)
}
.flashnews:hover .fn-run,.flashnews:focus-within .fn-run{animation-play-state:paused}
.flashnews .fn-item{
  display:inline-flex;align-items:center;gap:10px;padding:0 6px 0 18px;
  font:600 13px "Poppins",system-ui,sans-serif;color:#F4EEE1;letter-spacing:.01em
}
.flashnews .fn-item em{
  font:700 9px "IBM Plex Mono",monospace;font-style:normal;letter-spacing:.12em;
  color:#1B1403;background:linear-gradient(96deg,#D4AF37,#9A7418);
  padding:3px 7px;border-radius:5px
}
.flashnews .fn-sep{width:5px;height:5px;border-radius:50%;background:#EBCF74;opacity:.7;flex:0 0 auto}
@keyframes fnscroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes fnpulse{0%,100%{opacity:1}50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){
  .flashnews .fn-run{animation:none;padding-left:14px}
  .flashnews .fn-lab .dot{animation:none}
}