#platform-project-switcher{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 16px;background:#edf5ef;border-bottom:1px solid #cfdfd3;position:relative;z-index:1;box-sizing:border-box}
#platform-project-switcher label{display:flex;align-items:center;gap:8px;font-weight:750;margin:0;min-width:0}
#platform-project-switcher select{max-width:340px;min-width:220px;padding:10px;border:1px solid #a9c7b2;border-radius:10px;background:#fff;font:inherit;color:#214b32}
#platform-project-switcher .btn{width:auto;min-width:0;margin:0;text-decoration:none;white-space:normal}
.platform-project-session{font-size:12px;color:#456b52;margin-left:auto}
@media(max-width:700px){#platform-project-switcher{gap:8px;padding:10px 14px}#platform-project-switcher label{flex-basis:100%;display:block}#platform-project-switcher select{display:block;width:100%;max-width:none;min-width:0;margin-top:4px}#platform-project-switcher .btn{flex:1 1 120px;font-size:13px;padding:10px 8px}.platform-project-session{margin-left:0}}
/* Only the global superadmin receives the new bar. Existing operator/admin layouts keep their selectors. */
@media(min-width:761px) and (max-width:1200px){#app:has(>#platform-project-switcher)>.topbar{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:10px}#app:has(>#platform-project-switcher)>.topbar #header-summary{position:static!important;transform:none!important;justify-self:end}#app:has(>#platform-project-switcher)>.topbar .topbar-center{display:none}#app:has(>#platform-project-switcher)>.topbar .topbar-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:flex-end}}