.notif-sticky { position: sticky; z-index: 60; box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 12px; }
.notif-sticky-top { top: 0px; }
.notif-sticky-bottom { bottom: 0px; box-shadow: rgba(0, 0, 0, 0.15) 0px -2px 12px; }
.notif-sticky-inner { display: flex; align-items: center; gap: 12px; padding: 10px 18px; font-size: 0.85rem; line-height: 1.45; }
.notif-sticky-inner > i { font-size: 1rem; flex-shrink: 0; }
.notif-sticky-text { flex: 1 1 0%; min-width: 0px; }
.notif-sticky-text strong { margin-right: 6px; }
.notif-sticky-close { background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: inherit; opacity: 0.7; padding: 4px 8px; border-radius: 6px; flex-shrink: 0; cursor: pointer; transition: opacity 0.15s, background 0.15s; }
.notif-sticky-close:hover { opacity: 1; background: rgba(255, 255, 255, 0.15); }
.notif-sticky-link { flex-shrink: 0; display: inline-flex; align-items: center; padding: 5px 12px; border: 1px solid rgba(255, 255, 255, 0.6); border-radius: 8px; color: inherit; font-size: 0.8rem; font-weight: 600; line-height: 1.2; text-decoration: none; white-space: nowrap; transition: background 0.15s, border-color 0.15s; }
.notif-sticky-link:hover, .notif-sticky-link:focus-visible { background: rgba(255, 255, 255, 0.16); border-color: rgb(255, 255, 255); color: inherit; }
.notif-sticky-info { background: rgb(42, 45, 52); color: rgb(255, 255, 255); }
.notif-sticky-maintenance { background: rgb(180, 83, 9); color: rgb(255, 255, 255); }
.notif-sticky-feature { background: var(--primary); color: rgb(255, 255, 255); }
.notif-sticky-promo { background: rgb(13, 148, 136); color: rgb(255, 255, 255); }
@media (max-width: 767px) {
  .notif-sticky-inner { padding: 9px 12px; font-size: 0.78rem; }
  .notif-sticky-link { padding: 4px 10px; font-size: 0.74rem; }
}