/* Same product menu in Posting, Engagement, Briefing, S4S and Model Page. */
[aria-label="Switch product"]{display:inline-flex!important;align-items:center;gap:3px!important;padding:3px!important;width:max-content;max-width:100%;border:1px solid #342e31!important;border-radius:9px!important;background:#1b1719!important;overflow:visible!important}
[aria-label="Switch product"]>a,[aria-label="Switch product"]>button,[aria-label="Switch product"]>span{display:inline-flex!important;align-items:center;justify-content:center;gap:7px!important;flex:0 0 auto;padding:7px 11px!important;border:0;border-radius:6px!important;background:transparent;color:#aaa2a6!important;font-family:inherit;font-weight:550;font-size:13px;line-height:1.4;text-decoration:none;white-space:nowrap;cursor:pointer}
[aria-label="Switch product"]>[aria-current="page"]{background:#292326!important;color:#fff!important;box-shadow:inset 0 0 0 1px #41383d!important}
[aria-label="Switch product"]>a:hover,[aria-label="Switch product"]>button:hover{background:#292326!important;color:#fff!important}
[aria-label="Switch product"]>a:focus-visible,[aria-label="Switch product"]>button:focus-visible{outline:2px solid #ff287d;outline-offset:2px}
[aria-label="Switch product"]>*>svg{width:16px;height:16px;flex-shrink:0}
[aria-label="Switch product"]>[aria-current="page"]>svg{color:#ff287d}
@media(max-width:899px){
 .ap-topbar,.eg-top{height:auto!important;min-height:58px;flex-wrap:wrap;padding:8px 12px!important;gap:8px!important}
 .ap-topbar>.wv-feat-wrap,.eg-top>[aria-label="Switch product"]{order:3;flex:1 0 100%!important;width:100%;max-width:100%}
 .ap-topbar>.wv-menu,.eg-top>.eg-acct{margin-left:auto}
 [aria-label="Switch product"]{display:flex!important;width:100%!important;max-width:100%!important;box-sizing:border-box}
 [aria-label="Switch product"]>a,[aria-label="Switch product"]>button,[aria-label="Switch product"]>span{flex:1 1 auto!important;min-width:0;font-size:12px!important;padding:8px 5px!important;gap:4px!important}
 [aria-label="Switch product"]>*>svg{display:none!important}
}
@media(max-width:767px){
 .topbar:has(.product-switcher){height:auto!important;min-height:58px;flex-wrap:wrap;padding:8px 12px!important;gap:8px}
 .topbar:has(.product-switcher)>.actions:first-child{display:contents}
 .topbar .product-switcher{order:3;flex:1 0 100%}
}
/* "Model Page" is one piece of text in every app (same colour, weight and spacing for both words), whatever the
   host app's own nav CSS does to spans. On small phones it shortens to "Page" so every tab keeps a readable label. */
[aria-label="Switch product"] .pn-label,[aria-label="Switch product"] .pn-long{display:inline!important;white-space:nowrap;color:inherit!important;font:inherit;margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
@media(max-width:479px){[aria-label="Switch product"] .pn-long{display:none!important}}
/* S4S and Engagement are hidden from the menu for now (see HIDDEN in product-navigation.js). */
[aria-label="Switch product"]>[hidden],[aria-label="Switch product"]>a[href="/s4s"],[aria-label="Switch product"]>a[href$="/cloud"]{display:none!important}
/* New automatic briefs (product-navigation.js): the number on Briefing. */
[aria-label="Switch product"] .nav-count{display:inline-block;margin-left:6px;min-width:17px;height:17px;padding:0 5px;border-radius:999px;background:#ff2e74;color:#fff;font-size:11px;font-weight:700;line-height:17px;text-align:center;font-variant-numeric:tabular-nums;vertical-align:middle}
/* Phones (15 Oct 2026, product-navigation.js): the bar is one button with the product you are in ("Briefing ▾"), in
   the same header row as the menu and the account, and a list of all five opens from it. Saves a whole row and
   nothing is cut off any more. Only when the app marks its active product; otherwise the bar stays as above. */
@media(max-width:767px){
 .ap-topbar,.eg-top{flex-wrap:nowrap!important;height:56px!important;min-height:56px!important;padding:0 12px!important;gap:10px!important}
 .ap-topbar>.wv-feat-wrap,.eg-top>[aria-label="Switch product"]{order:0!important;flex:0 1 auto!important;width:auto!important;min-width:0}
 .ap-topbar>.wv-top-right,.ap-topbar>.wv-menu,.eg-top>.eg-acct{margin-left:auto}
 .topbar:has(.product-switcher){flex-wrap:nowrap!important;height:56px!important;min-height:56px!important;padding:0 12px!important;gap:10px!important}
 .topbar:has(.product-switcher)>.actions:first-child{display:flex!important;align-items:center;flex:0 1 auto!important;min-width:0;gap:8px}
 .topbar .product-switcher{order:0!important;flex:0 1 auto!important;max-width:none!important;overflow:visible!important}
 [aria-label="Switch product"].pn-has-active{display:inline-flex!important;width:auto!important;max-width:100%!important;padding:0!important;border:0!important;background:none!important}
 [aria-label="Switch product"].pn-has-active>:not(.pn-trigger){display:none!important}
 [aria-label="Switch product"].pn-has-active>.pn-trigger{position:relative;flex:0 1 auto!important;height:40px;padding:0 13px 0 11px!important;gap:8px!important;font-size:15px!important;font-weight:650!important;color:#fff!important;background:#1b1719!important;border:1px solid #342e31!important;border-radius:10px!important;box-shadow:none!important;cursor:pointer}
 [aria-label="Switch product"].pn-has-active>.pn-trigger>svg{display:inline-block!important;width:17px!important;height:17px!important;color:#ff287d!important}
 [aria-label="Switch product"].pn-has-active>.pn-trigger::after{content:'';flex:0 0 auto;width:7px;height:7px;margin:-4px 0 0 3px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:rotate(45deg);opacity:.75}
 [aria-label="Switch product"].pn-has-active>.pn-trigger[aria-expanded="true"]::after{transform:rotate(225deg);margin-top:4px}
 /* Something new in another product: a dot on the button (the number itself is in the list). */
 [aria-label="Switch product"].pn-news>.pn-trigger::before{content:'';position:absolute;top:-4px;right:-4px;width:10px;height:10px;border-radius:50%;background:#ff287d;box-shadow:0 0 0 2px #0f0d0e}
}
.pn-scrim{position:fixed;inset:0;z-index:2147482990;background:rgba(0,0,0,.5)}
.pn-sheet{position:fixed;left:12px;right:12px;z-index:2147482991;display:flex;flex-direction:column;gap:2px;padding:6px;background:#1b1719;border:1px solid #342e31;border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.55);font-family:inherit}
.pn-row{display:flex;align-items:center;gap:13px;width:100%;min-height:50px;padding:0 14px;border:0;border-radius:10px;background:none;color:#e9e1e5;font:inherit;font-size:16px;font-weight:600;text-align:left;cursor:pointer}
.pn-row svg{width:20px!important;height:20px!important;flex:0 0 auto;color:#aaa2a6}
.pn-row.on{background:#292326;color:#fff}.pn-row.on svg{color:#ff287d}
.pn-row:focus-visible{outline:2px solid #ff287d;outline-offset:-2px}
.pn-row-label{flex:1;min-width:0}
.pn-row-count{min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:#ff287d;color:#fff;font-size:12px;font-weight:700;line-height:22px;text-align:center;font-variant-numeric:tabular-nums}
.pn-row-count.bad{background:#e5484d}