.admin-nav {
    display: flex;
    gap: 10px;

    /* Habilita rolagem lateral e proíbe quebra de linha */
    overflow-x: auto;
    white-space: nowrap;
    flex-wrap: nowrap !important;
    /* !important garante que sobrescreva */

    padding-bottom: 5px;
    margin-bottom: 10px;
    -webkit-overflow-scrolling: touch;
}

/* Personaliza a barra de rolagem para ficar sutil */
.admin-nav::-webkit-scrollbar {
    height: 4px;
}

.admin-nav::-webkit-scrollbar-thumb {
    background: var(--surface-2);
    border-radius: 4px;
}

.admin-nav .btn {
    padding: 8px 12px;
    border-radius: 999px;
    flex-shrink: 0;
    /* Impede que o botão amasse */
    font-size: 13px;
}