/* SoneBoost v5.4.2 — shared placement, contrast and long-page usability. */
.sb-public-nav-tools{display:flex;align-items:center;gap:.55rem;margin-inline-start:auto;order:3}
.sb-public .bm-lp__nav-inner>.sb-public-nav-tools+.bm-lp__links{margin-inline-start:auto}
.sb-public .bm-lp__orbit{overflow:visible!important;isolation:isolate}
.sb-public .bm-lp__orb{box-shadow:0 0 32px -5px var(--sb-orb-glow,#8950d4)!important;background-clip:padding-box}
.sb-public .bm-lp__orb[data-brand="instagram"]{--sb-orb-glow:#e6407f}
.sb-public .bm-lp__orb[data-brand="tiktok"]{--sb-orb-glow:#20b8be}
.sb-public .bm-lp__orb[data-brand="youtube"]{--sb-orb-glow:#ef2929}
.sb-public .bm-lp__orb[data-brand="facebook"]{--sb-orb-glow:#1877f2}
.sb-public .bm-lp__orb[data-brand="telegram"]{--sb-orb-glow:#26a5e4}
.sb-public .bm-lp__orb[data-brand="traffic"]{--sb-orb-glow:#ff7a18}
.sb-public .bm-lp__orb::before,.sb-public .bm-lp__orb::after{content:none!important}

.sb-auth-toolbar{position:sticky;inset-block-start:0;z-index:90;height:64px;background:var(--surface-base);border-block-end:1px solid var(--border-subtle)}
.sb-auth-toolbar__inner{height:100%;max-width:1680px;margin-inline:auto;padding-inline:clamp(1rem,4vw,4rem);display:flex;align-items:center;justify-content:flex-end}
.sb-panel #page-header .content-header{direction:ltr}

.sb-back-to-top{position:fixed;z-index:80;inset-inline-end:max(1rem,env(safe-area-inset-right));inset-block-end:max(1rem,env(safe-area-inset-bottom));width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:50%;color:#fff;background:linear-gradient(135deg,#8255ef,#f25b16);box-shadow:0 10px 28px rgba(34,16,88,.34);cursor:pointer;opacity:1;transform:translateY(0);transition:opacity .2s ease,transform .2s ease}
.sb-back-to-top[hidden]{display:grid!important;opacity:0;pointer-events:none;transform:translateY(10px)}
.sb-back-to-top:focus-visible{outline:3px solid #8b75ff;outline-offset:3px}

/* Readable interaction states in the light panel. */
html[data-theme="light"] .sb-panel .sb-notification>a{color:#17233a!important;background:#fff!important}
html[data-theme="light"] .sb-panel .sb-notification.is-unread>a{background:#eee9ff!important}
html[data-theme="light"] .sb-panel .sb-notification>a:is(:hover,:focus,:focus-visible){color:#27116f!important;background:#e8e2fb!important}
html[data-theme="light"] .sb-panel .sb-notification>a[style*="background"]{color:#27116f!important;background:#eee9ff!important}
html[data-theme="light"] .sb-panel #sidebar .nav-main-item.open>.nav-main-link,
html[data-theme="light"] .sb-panel #sidebar .nav-main-submenu,
html[data-theme="light"] .sb-panel #sidebar .nav-main-submenu .nav-main-link{color:#263550!important;background:#e8edf6!important}
html[data-theme="light"] .sb-panel #sidebar .nav-main-submenu .nav-main-link:is(:hover,:focus),
html[data-theme="light"] .sb-panel #sidebar .nav-main-submenu .nav-main-link.active{color:#311886!important;background:#dcd4f7!important}

/* Traffic uses the same fixed-header contract as every other admin page. */
.sb-traffic-page .content{padding-top:1.5rem}
.sb-traffic-toolbar{display:flex;align-items:end;flex-wrap:wrap;gap:.75rem;margin-block:1.25rem}
.sb-traffic-toolbar label{display:block;margin:0 0 .35rem}
.sb-traffic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:1rem;margin-block:1.5rem}
.sb-traffic-stat{display:flex;min-height:116px;flex-direction:column;justify-content:space-between;padding:1rem;border:1px solid var(--border-subtle);border-radius:12px;background:var(--surface-raised)}
.sb-traffic-stat strong{display:block;margin-top:.6rem;color:var(--text-primary);font:700 1.7rem/1.1 "JetBrains Mono",monospace}
.sb-traffic-note{max-width:82ch;color:var(--text-secondary)}
.sb-traffic-page h1,.sb-traffic-page h2{overflow-wrap:anywhere}

/* Announcement composer: a real writing area and predictable black-on-white editor. */
#edit-announcement-modal .modal-dialog{max-width:min(860px,calc(100vw - 2rem))}
#edit-announcement-modal .modal-content{max-height:calc(100dvh - 2rem);overflow:auto}
#edit-announcement-modal .ck-editor__editable_inline{min-height:250px;max-height:48vh;overflow-y:auto;background:#fff!important;color:#17233a!important}
#edit-announcement-modal .ck-editor__editable_inline :is(p,li,h1,h2,h3,h4,blockquote,span){color:#17233a!important}
#edit-announcement-modal .ck-toolbar{background:#f5f7fb!important;color:#17233a!important}
#edit-announcement-modal .ck-toolbar button{color:#17233a!important}

/* Bootstrap Notify should begin below the fixed header instead of covering it. */
.sb-panel [data-notify="container"]{margin-top:64px!important;max-width:min(360px,calc(100vw - 1.5rem))}

@media(max-width:991.98px){
  .sb-public .bm-lp__nav-inner{flex-wrap:wrap}
  .sb-public-nav-tools{order:2;margin-inline-start:auto}
  .sb-public .bm-lp__brand{max-width:calc(100% - 112px)}
  .sb-public-nav-tools .bm-lp__nav-toggle{margin:0!important;order:initial}
  .sb-public .bm-lp__nav-inner>.sb-public-nav-tools+.bm-lp__links{order:4;flex-basis:100%}
  .sb-public .bm-lp__orbit{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;max-width:22rem;padding-block:1.25rem}
  .sb-public .bm-lp__orb:nth-child(n){margin:0!important;transform:none!important;justify-self:center}
  .sb-auth-toolbar{height:58px}
  .sb-auth-toolbar__inner{padding-inline:1rem}
  .sb-traffic-page .content{padding-inline:.85rem}
}
@media(prefers-reduced-motion:reduce){.sb-back-to-top{transition:none}.sb-public .bm-lp__orb{animation:none!important}}
