/* Privacy Dawg "Latest breaches" ticker. Dark slate panel matching the site's portal theme. */
.bt {
  margin: 0 0 2rem;
  background: #0f172a;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  overflow: hidden;
  font-family: "Manrope", "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
  color: #f8fafc;
  line-height: 1.5;
}
.bt-head { display: flex; align-items: center; gap: 0.6rem; padding: 0.55rem 1rem; border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
.bt-dot { width: 8px; height: 8px; border-radius: 50%; background: #f87171; box-shadow: 0 0 0 4px rgba(248, 113, 113, 0.18); flex-shrink: 0; }
.bt .bt-heading { margin: 0; color: #60a5fa; font-weight: 800; font-size: 0.78rem; letter-spacing: 0.12em; text-transform: uppercase; font-family: inherit; }
.bt-sub { color: #64748b; font-size: 0.78rem; }
.bt-spacer { flex: 1; }
.bt-pause {
  background: transparent; border: 1px solid rgba(255, 255, 255, 0.14); color: #cbd5e1; border-radius: 6px;
  font-size: 0.7rem; line-height: 1; padding: 0.35rem 0.5rem; cursor: pointer; letter-spacing: -0.1em;
}
.bt-pause:hover { background: rgba(255, 255, 255, 0.06); }
.bt-pause:focus-visible, .bt-title:focus-visible { outline: 2px solid #60a5fa; outline-offset: 3px; border-radius: 3px; }
.bt-body { min-height: 2.5rem; }
.bt-msg { margin: 0; padding: 0.75rem 1.25rem; color: #cbd5e1; font-size: 0.92rem; }
.bt-msg-muted { color: #94a3b8; font-size: 0.9rem; }
.bt-viewport {
  overflow: hidden; padding: 0.5rem 0;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent);
}
.bt-track { display: flex; width: max-content; animation: bt-scroll 30s linear infinite; }
.bt-viewport:hover .bt-track, .bt-viewport:focus-within .bt-track, .bt-track.bt-paused { animation-play-state: paused; }
@keyframes bt-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.bt .bt-list { display: flex; list-style: none; margin: 0; padding: 0; }
.bt .bt-list.bt-static { flex-direction: column; padding: 0.5rem 0; }
.bt .bt-item { display: flex; align-items: baseline; gap: 0.5rem; flex-shrink: 0; padding: 0.25rem 1.25rem; margin: 0; white-space: nowrap; }
.bt .bt-static .bt-item { flex-wrap: wrap; white-space: normal; row-gap: 0.15rem; }
.bt-scope {
  flex-shrink: 0; font-size: 0.68rem; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase;
  padding: 0.1rem 0.4rem; border-radius: 4px; border: 1px solid;
}
.bt-scope-ga { color: #fcd34d; background: rgba(245, 158, 11, 0.14); border-color: rgba(245, 158, 11, 0.35); }
.bt-scope-us { color: #93c5fd; background: rgba(59, 130, 246, 0.14); border-color: rgba(96, 165, 250, 0.35); }
.bt a.bt-title, .bt .bt-title { color: #f8fafc; font-weight: 700; font-size: 0.95rem; text-decoration: none; }
.bt a.bt-title:hover { text-decoration: underline; }
.bt-meta { color: #94a3b8; font-size: 0.82rem; }
.bt .bt-foot { margin: 0; padding: 0 1.25rem 0.6rem; color: #64748b; font-size: 0.72rem; }
@media (max-width: 600px) { .bt-sub { display: none; } }
@media (prefers-reduced-motion: reduce) {
  .bt-track { animation: none; }
}