header:has(#context-switcher:not([hidden])){flex-wrap:wrap}
body[data-view=manage] #hero{display:none}
#context-switcher:not([hidden]){--context-accent:#6040ac;display:flex;align-items:center;gap:1rem;flex:1 0 100%;min-width:0;padding:.8rem 1rem;border:2px solid var(--context-accent);border-left:8px solid var(--context-accent);border-radius:18px;background:#fff;color:#26213c;box-sizing:border-box}
#context-switcher[data-kind=association]{--context-accent:#267454}
#context-switcher[data-kind=commerce]{--context-accent:#9c4e15}
#context-switcher[data-kind=entreprise]{--context-accent:#285fa4}
#context-switcher .context-caption{display:flex;align-items:center;gap:.65rem;flex-shrink:0}
#context-switcher .context-caption>span{font-size:1.8rem;color:var(--context-accent)}
#context-switcher label{display:block;font-weight:800;font-size:.9rem;margin:0}
#context-switcher small{display:block;font-size:.8rem;color:#514b60}
#context-switcher select{flex:1;min-width:0;max-width:100%;margin:0;background:#fff;color:#26213c;border:1px solid #878193;border-radius:10px;padding:.65rem;font:inherit;font-size:.9rem}
#context-switcher select:focus-visible{outline:3px solid var(--context-accent);outline-offset:3px}
#context-switcher .context-scope{font-size:.8rem;max-width:12rem}
@media(max-width:700px){#context-switcher:not([hidden]){gap:.6rem;flex-wrap:wrap}#context-switcher select{flex-basis:100%;order:2}#context-switcher .context-scope{margin-left:auto;font-size:.75rem;max-width:9rem}}