/* DataUp V328.0 - compact language flags and modern section navigation. */
.dataup-app .du-preference-switchers .du-language-switcher__flag > span {
    width: calc(90% - 6px) !important;
    height: calc(70% - 6px) !important;
}

.dataup-app .du-section-shell {
    width: 100%;
    min-width: 0;
}

.dataup-app .du-section-nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: min(100%, 980px);
    margin: 8px auto 12px;
    padding: 8px;
    background: var(--theme-surface-alt);
    border: 1px solid var(--theme-border);
    border-radius: var(--theme-panel-radius, 6px);
    box-shadow: var(--theme-shadow-soft);
}

.dataup-app .du-section-nav__button {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 6px 12px;
    color: var(--theme-text) !important;
    background: var(--theme-surface) !important;
    border-color: var(--theme-border) !important;
    text-decoration: none !important;
}

.dataup-app .du-section-nav__button .fa {
    color: var(--theme-primary);
}

.dataup-app .du-section-nav__button:hover,
.dataup-app .du-section-nav__button:focus {
    color: var(--theme-heading) !important;
    background: var(--theme-surface-raised) !important;
    border-color: var(--theme-primary) !important;
}

.dataup-app .du-section-nav__button.active {
    color: var(--theme-on-primary) !important;
    background: var(--theme-primary) !important;
    border-color: var(--theme-primary) !important;
    box-shadow: 0 0 0 2px var(--theme-focus-ring);
}

.dataup-app .du-section-nav__button.active .fa {
    color: var(--theme-on-primary);
}

.dataup-app .du-bonus-success {
    display: flex;
    align-items: center;
    gap: 8px;
    max-width: 980px;
    margin-right: auto;
    margin-left: auto;
}

@media (max-width: 480px) {
    .dataup-app .du-section-nav {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        width: calc(100% - 8px);
    }

    .dataup-app .du-section-nav__button {
        width: 100%;
        min-height: 42px;
    }
}