/* Shared header state colors; deliberately scoped away from page actions. */
:root body .ralliqo-header-control.ralliqo-header-control{
 display:inline-flex;align-items:center;justify-content:center;gap:8px;
 min-height:44px;padding:10px 14px!important;border:1px solid var(--border-soft)!important;
 border-radius:10px!important;background:#FFFFFF!important;--control-ink:#16232A!important;
 color:#16232A!important;font-size:14px;font-weight:500;line-height:1.3;
 box-shadow:none;transition:background-color .16s ease,color .16s ease,border-color .16s ease;
}
:root body .ralliqo-header-control.ralliqo-header-control:is(:hover,:active,:focus-visible,[aria-current="page"],[aria-expanded="true"]),
:root body details[open]>.ralliqo-header-control.ralliqo-header-control{
 background:#075056!important;--control-ink:#FFFFFF!important;color:#FFFFFF!important;border-color:#075056!important;
}
:root body .ralliqo-header-control :is(span,strong,svg){color:inherit!important}
:root body .ralliqo-header-control .header-outline-icon{display:block;width:20px;height:20px;flex:0 0 20px;fill:none!important;stroke:currentColor!important;stroke-width:1.7}
:root body .ralliqo-header-control .global-nav-icon{width:20px;height:20px}
:root body .ralliqo-header-control:focus-visible{outline:2px solid #075056!important;outline-offset:3px!important}
.global-game-nav,.topbar-nav,.topbar-actions{gap:8px}
@media(prefers-reduced-motion:reduce){:root body .ralliqo-header-control{transition:none}}

/* Logout retains its existing dimensions and handlers. */
:root body :is(.auth-logout,#organizerLogout,#mobileLogout,#blockedLogout){background:transparent!important;--control-ink:#16232A!important;color:#16232A!important;border-color:transparent!important;box-shadow:none!important}
:root body :is(.auth-logout,#organizerLogout,#mobileLogout,#blockedLogout):is(:hover,:focus-visible){background:#FEF2F2!important;--control-ink:#991B1B!important;color:#991B1B!important}
:root body :is(.auth-logout,#organizerLogout,#mobileLogout,#blockedLogout) :is(span,svg){color:inherit!important}

/* Keep navigation and selectors together, with free space beside the logo. */
@media(min-width:1001px){
 .openplay-app .openplay-topbar{grid-template-columns:minmax(0,1fr) auto auto;gap:8px}
 .openplay-app .topbar-nav{justify-content:flex-end}
 .openplay-app .topbar-actions{gap:8px}
}
@media(min-width:701px) and (max-width:1000px){
 .openplay-app .openplay-topbar{grid-template-columns:minmax(0,1fr) auto;gap:8px}
 .openplay-app .topbar-brand{grid-column:1/-1;grid-row:1}
 .openplay-app .topbar-nav{grid-column:1;grid-row:2;justify-content:flex-end}
 .openplay-app .topbar-actions{grid-column:2;grid-row:2;gap:8px}
}
.global-game-nav>.global-nav-home{order:1}
.global-game-nav>.global-nav-audience{order:2}
.global-game-nav>.game-mode-switcher{order:3}
.global-game-nav>:is(.bp-account-menu,.global-nav-logout){order:4}

/* Account information belongs inside the existing Organizer menu. */
:is(.openplay-app,.ot-app) .organizer-account-summary{display:grid;gap:5px;padding:12px 14px;margin-bottom:8px;border-bottom:1px solid #E2E8F0;color:#475569;font-size:12px;line-height:1.5;cursor:default}
:is(.openplay-app,.ot-app) .organizer-account-summary strong{font-size:14px;font-weight:600;color:#16232A}
:is(.openplay-app,.ot-app) .organizer-account-summary span{overflow-wrap:anywhere}
.openplay-app .openplay-topbar{align-items:center}

.ot-header .tournament-organizer-menu{position:relative}
.ot-header .tournament-organizer-menu>.bp-account-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:100;width:280px;max-width:calc(100vw - 24px);padding:8px;background:#fff;border:1px solid #E2E8F0;border-radius:12px;box-shadow:0 8px 24px #16232a14}
.ot-header .tournament-organizer-menu .global-nav-logout{width:100%;justify-content:flex-start;font-size:14px}
.ot-header .tournament-organizer-menu #organizerAdminLink{display:block;padding:10px 14px;color:#075056;font-size:14px}
@media(max-width:700px){.ot-header .tournament-organizer-menu>.bp-account-panel{position:fixed;left:12px;right:12px;top:auto;width:auto;max-width:none;margin-top:8px;max-height:65dvh;overflow-y:auto}}
/* Logout menu row only, shared by all organizer modes. */
:root body #organizerMenu :is(#organizerLogout,.global-nav-logout){display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:11px!important;width:100%!important;min-height:44px!important;height:auto!important;margin:0!important;padding:10px 14px!important;text-align:left!important;line-height:1.4!important;font-size:14px!important;font-weight:500!important;background:transparent!important;border:0!important;box-shadow:none!important;color:#991B1B!important;--control-ink:#991B1B!important;box-sizing:border-box;cursor:pointer}
:root body #organizerMenu :is(#organizerLogout,.global-nav-logout)>span{position:static!important;transform:none!important;display:inline-flex!important;align-items:center;flex:0 0 auto!important;margin:0!important;padding:0!important;text-align:left!important;color:inherit!important}
:root body #organizerMenu :is(#organizerLogout,.global-nav-logout) svg{display:block;width:20px!important;height:20px!important;color:inherit!important;flex:none}
:root body #organizerMenu :is(#organizerLogout,.global-nav-logout):is(:hover,:focus-visible){background:#FEF2F2!important;color:#991B1B!important;--control-ink:#991B1B!important}