/* announce-float.css — v3 (compact pill below navbar) */
#announce-float.toast{
  position: fixed !important;
  top: 72px; left: 50% !important; right: auto !important; bottom: auto !important;
  transform: translateX(-50%);
  --bs-toast-max-width: 880px;
  max-width: min(880px, calc(100% - 32px));
  width: auto;
  margin: 0 !important;
  padding: 0 !important;
  background: rgba(255,255,255,.97) !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 30px rgba(2,6,23,.06) !important;
  color: #0f172a !important;
  backdrop-filter: saturate(160%) blur(8px);
  height: auto !important;
}
#announce-float.toast *{ color:#0f172a !important; text-shadow:none !important; mix-blend-mode:normal !important }
#announce-float .toast-body{
  display: flex; align-items: center; gap: .75rem;
  padding: 10px 14px !important;
  max-height: 80px; overflow: hidden;
}
#announce-float .btn-close{
  position: absolute; top: 8px; right: 10px;
  filter: none !important; opacity: .6; margin: 0 !important;
}
#announce-float .btn-close:hover{ opacity: 1 }
#announce-float a{ color:#1d4ed8 !important; text-decoration: none }
#announce-float a:hover{ text-decoration: underline }
/* left accent bar */
#announce-float.toast::before{
  content:""; position:absolute; left:0; top:0; bottom:0; width:4px; border-radius:14px 0 0 14px;
  background: linear-gradient(180deg,#1d4ed8,#60a5fa);
}
@media (max-width: 576px){
  #announce-float.toast{ top: 64px; max-width: calc(100% - 16px) }
  #announce-float .toast-body{ max-height: 96px }
}