[hidden]{display:none!important}
.top-navigation{background:#fff;border-bottom:1px solid #dce2ed;padding:1rem 1.5rem 0}
.top-navigation-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:start}
#event-navigation{min-width:0;max-width:100%}
.event-picker{display:flex;align-items:flex-start;gap:.875rem;max-width:100%}
.event-choice{flex:0 1 370px;min-width:0}
.event-choice label{display:block;margin-bottom:.35rem}
.event-choice select{width:100%;min-width:0}
.event-status{font-size:.8rem;color:#65708a;margin-top:.35rem;overflow-wrap:anywhere}
.event-actions{display:flex;gap:.35rem;margin-top:1.8rem;flex-shrink:0}
.event-actions button{padding:.5rem .6rem}
.event-actions svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;display:block}
.account-navigation{justify-self:end;margin-top:1.8rem;min-width:0}
.user-menu{max-width:100%}
.user-menu-toggle{display:flex;align-items:center;gap:.5rem;background:#f3f5f8;color:#46536b;border:1px solid #e0e4ed;border-radius:1.5rem;max-width:100%}
.user-menu-toggle:hover,.user-menu-toggle:focus,.user-menu-toggle.show{background:#e9edf4;color:#253047;border-color:#c9d1df}
.user-menu-toggle svg{width:18px;height:18px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.navigation-user{font-size:.85rem;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.page-navigation{display:flex;justify-content:center;align-items:stretch;gap:1rem;border-top:1px solid #edf0f6;max-width:100%}
.page-tab{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:58px;min-width:125px;padding:.8rem .75rem .65rem;border-bottom:3px solid transparent;color:#52627a;text-decoration:none;font-size:1rem;font-weight:600;white-space:nowrap}
.page-tab:hover{color:#315ac7;background:#f7f9fd}
.page-tab:focus-visible{outline:2px solid #315ac7;outline-offset:-4px}
.page-tab[aria-current="page"]{color:#315ac7;border-bottom-color:#315ac7;font-weight:700}
.page-tab svg{width:19px;height:19px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.editor-context{display:flex;gap:.5rem;align-items:flex-end;flex-wrap:wrap;border-bottom:1px solid #edf0f6;margin:0 -1.5rem;padding:.75rem 1.5rem;background:#fff}
.editor-context>div{flex:0 1 300px;min-width:0;max-width:100%}
.editor-context .form-label{font-size:.85rem;margin-bottom:.3rem}
@media(max-width:960px){
  .top-navigation{padding:.75rem .75rem 0}
  .top-navigation-row{position:relative;display:block;min-height:0}
  #event-navigation{padding-top:2.65rem}
  .event-picker{flex-wrap:wrap;gap:0}
  .event-choice{max-width:none;flex-basis:100%}
  .event-choice label{position:absolute;top:0;left:0;margin:0;font-size:1.05rem}
  .event-status{margin-top:.55rem}
  .event-actions{margin:.75rem 0 1rem;gap:.35rem}
  .event-actions button{min-width:44px;min-height:44px}
  .account-navigation{position:absolute;top:0;right:0;margin:0;max-width:45%}
  .navigation-user{max-width:90px}
  .page-navigation{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;width:calc(100% + 1.5rem);max-width:none;margin:0 -.75rem}
  .page-tab{min-width:0;min-height:78px;flex-direction:column;gap:.35rem;padding:.7rem .1rem .45rem;font-size:.75rem}
  .page-tab svg{width:21px;height:21px}
  .editor-context{margin:0 -.75rem;padding:.75rem}
  .editor-context>div{flex:1 1 200px}
}
