/* Admin tab navigation: links to sibling pages of one admin view, the current one marked with aria-current="page".
   A row of underlined links that scrolls sideways on narrow screens instead of wrapping. */

.admin-tabs {
    display: flex;
    overflow-x: auto;
    scrollbar-width: none;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid var(--md-sys-color-outline-variant);
}

.admin-tabs::-webkit-scrollbar {
    display: none;
}

.admin-tabs a {
    flex: none;
    margin-bottom: -1px;
    padding: 0.75rem 1.125rem;
    border-bottom: 3px solid transparent;
    color: var(--md-sys-color-on-surface-variant);
    font-weight: 500;
    text-decoration: none;
}

.admin-tabs a:hover {
    color: var(--md-sys-color-primary);
}

.admin-tabs a[aria-current="page"] {
    border-bottom-color: var(--md-sys-color-primary);
    color: var(--md-sys-color-primary);
}

.admin-tabs a:focus-visible {
    outline: 2px solid var(--md-sys-color-primary);
    outline-offset: -2px;
}