/* One bar system for workspace sections, pages, and contextual record navigation. */
:root {
    --navigation-primary: #005681;
    --navigation-primary-text: #ffffff;
    --navigation-primary-hover: #126b98;
    --navigation-primary-active: #20739e;
    --navigation-pages: #dcebf4;
    --navigation-pages-text: #173f59;
    --navigation-local: #edf2f5;
    --navigation-local-text: #243e50;
    --navigation-hover: #d3e4ee;
    --navigation-active: #ffffff;
    --navigation-accent: #006298;
    --navigation-line: #b7ccd9;
}
html[data-theme="dark"] {
    --navigation-primary: #183f57;
    --navigation-primary-hover: #245571;
    --navigation-primary-active: #2b6180;
    --navigation-pages: #243b49;
    --navigation-pages-text: #e0eef7;
    --navigation-local: #1b2b35;
    --navigation-local-text: #d3e4ef;
    --navigation-hover: #304f61;
    --navigation-active: #344e5d;
    --navigation-accent: #8bd1f5;
    --navigation-line: #476170;
}

nav.module-tabs {
    --bar-background: var(--navigation-local);
    --bar-text: var(--navigation-local-text);
    --bar-hover: var(--navigation-hover);
    --bar-active: var(--navigation-active);
    --bar-accent: var(--navigation-accent);
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: .15rem;
    width: 100%;
    min-width: 0;
    margin: 0 0 1rem;
    padding: .3rem .5rem 0;
    border: 0;
    border-bottom: 1px solid var(--navigation-line);
    border-radius: .35rem .35rem 0 0;
    background: var(--bar-background);
    color: var(--bar-text);
}
.workspace-navigation { min-width: 0; margin: 0 0 1.1rem; }
.workspace-navigation > .module-tabs { margin: 0; }
nav.workspace-pages {
    --bar-background: var(--navigation-pages);
    --bar-text: var(--navigation-pages-text);
}
nav.workspace-sections, nav.workspace-pages:only-child {
    --bar-background: var(--navigation-primary);
    --bar-text: var(--navigation-primary-text);
    --bar-hover: var(--navigation-primary-hover);
    --bar-active: var(--navigation-primary-active);
    --bar-accent: var(--navigation-primary-text);
    border-bottom-color: var(--navigation-primary);
}
.workspace-sections + .workspace-pages { border-radius: 0; }
nav.module-tabs.navigation-enhanced { display: block; }
.module-tabs .navigation-links {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: .15rem;
    min-width: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}
.module-tabs .navigation-links > li { display: flex; min-width: 0; margin: 0; }
nav.module-tabs :is(a, [aria-disabled="true"]) {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    min-width: 0;
    max-width: 100%;
    min-height: 44px;
    margin: 0;
    padding: .65rem .9rem;
    border: 0;
    border-bottom: 3px solid transparent;
    border-radius: .2rem .2rem 0 0;
    background: transparent;
    color: var(--bar-text);
    box-shadow: none;
    font-size: .8rem;
    font-weight: 650;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;
    white-space: normal;
    overflow-wrap: anywhere;
    transform: none;
}
nav.module-tabs a:hover { color: var(--bar-text); background: var(--bar-hover); transform: none; }
nav.module-tabs a:is([aria-current="page"], [aria-current="true"]) {
    border-bottom-color: var(--bar-accent);
    background: var(--bar-active);
    color: var(--bar-text);
    font-weight: 800;
}
nav.module-tabs :is(a, .navigation-toggle):focus-visible {
    position: relative;
    outline: 3px solid var(--bar-accent);
    outline-offset: -3px;
    z-index: 1;
}
nav.module-tabs [aria-disabled="true"] { cursor: not-allowed; border-bottom-style: dotted; }
.module-tabs.navigation-enhanced > .navigation-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    width: 100%;
    min-height: 60px;
    margin: 0;
    padding: .65rem .85rem;
    border: 0;
    border-radius: inherit;
    box-shadow: none;
    color: var(--bar-text);
    background: transparent;
    font: inherit;
    text-align: left;
    cursor: pointer;
}
.module-tabs .navigation-toggle:hover { background: var(--bar-hover); }
.navigation-toggle-copy { display: grid; min-width: 0; gap: .1rem; }
.navigation-toggle-label { font-size: .68rem; font-weight: 550; overflow-wrap: anywhere; }
.navigation-toggle-current { font-size: .86rem; font-weight: 800; overflow-wrap: anywhere; }
.navigation-toggle-icon { flex: 0 0 .5rem; width: .5rem; height: .5rem; margin: 0 .2rem .25rem; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); }
.navigation-toggle[aria-expanded="true"] .navigation-toggle-icon { margin-top: .35rem; transform: rotate(225deg); }
.module-tabs .event-sanction-workflow-link { width: 100%; }
nav.community-tabs { margin-bottom: 0; padding-inline: clamp(1.25rem, 4vw, 3rem); border-radius: 0; }

@media (max-width: 700px) {
    nav.module-tabs { padding: .25rem; }
    nav.module-tabs > a, .module-tabs .navigation-links > :is(a, li) { flex: 1 1 9rem; }
    nav.module-tabs :is(a, [aria-disabled="true"]) { padding: .7rem .75rem; }
    nav.module-tabs.navigation-enhanced { padding: 0; }
    .module-tabs.navigation-enhanced > .navigation-links { padding: .25rem; border-top: 1px solid var(--bar-accent); }
}

/* Hidden links must leave both the layout and keyboard order. */
.module-tabs > [hidden] { display: none !important; }
@media (forced-colors: active) {
    nav.module-tabs { border: 1px solid CanvasText; }
    nav.module-tabs a[aria-current] { border-bottom-color: Highlight; }
}