/* Hub de navegação da gestão (app/includes/admin_nav.php) — Gestão 2.0 Leva 6.
   Barra única em todas as telas admin/instrutor; scroll horizontal no mobile. */
.gnav {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding: 2px 2px 14px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(var(--brand-accent-rgb, 224, 193, 147), 0.14);
}
.gnav::-webkit-scrollbar { display: none; }

.gnav-group {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}
.gnav-group + .gnav-group {
    padding-left: 14px;
    border-left: 1px solid rgba(var(--ink-rgb, 255, 255, 255), 0.08);
}
.gnav-group-label {
    font-family: 'Clash Display', Inter, sans-serif;
    font-size: 0.6rem;
    font-weight: 600;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: rgba(var(--ink-rgb, 255, 255, 255), 0.35);
    margin-right: 6px;
    white-space: nowrap;
}
.gnav-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 11px;
    border-radius: 999px;
    border: 1px solid transparent;
    color: rgba(var(--ink-rgb, 255, 255, 255), 0.6);
    text-decoration: none;
    font-size: 0.78rem;
    white-space: nowrap;
    transition: color 0.2s, border-color 0.2s, background 0.2s;
}
.gnav-item .material-icons { font-size: 15px; }
.gnav-item:hover {
    color: rgba(var(--ink-rgb, 255, 255, 255), 0.9);
    border-color: rgba(var(--ink-rgb, 255, 255, 255), 0.14);
}
.gnav-item.is-active {
    color: var(--accent-ink, #e0c193);
    border-color: rgba(var(--brand-accent-rgb, 224, 193, 147), 0.5);
    background: rgba(var(--brand-accent-rgb, 224, 193, 147), 0.08);
}
.gnav-item:focus-visible {
    outline: 2px solid var(--accent-ink, #e0c193);
    outline-offset: 2px;
}

@media (max-width: 768px) {
    .gnav { gap: 14px; }
    .gnav-group + .gnav-group { padding-left: 14px; }
    .gnav-group-label { display: none; }

    /* O sino global é position:fixed no topo-direito (38px + 10px de margem) e
       ficava POR CIMA desta barra — no celular ele tapava justamente a pílula da
       tela ativa. Encurtar a pista faz a barra terminar antes do sino; como ela
       rola na horizontal, nenhum item se perde. */
    .gnav { margin-right: 44px; }
}