/* ── MudTabs — global UPF style ─────────────────────────── */

.upf-tabs {
    background: var(--upf-color-surface);
    border: 1px solid var(--upf-color-border);
    border-radius: var(--upf-radius-lg);
    box-shadow: var(--upf-shadow-sm);
    overflow: hidden;
}

.upf-tabs .mud-tabs-header {
    border-bottom: 1px solid var(--upf-color-border);
}

.upf-tabs .mud-tabs-toolbar {
    padding-inline: var(--upf-space-4);
}

.upf-tabs .mud-tab {
    min-height: 56px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.8rem !important;
    letter-spacing: 0.03em;
    opacity: 0.78;
}

.upf-tabs .mud-tab.mud-tab-active {
    opacity: 1;
}

/* Pin icon size — MudBlazor uses !important on mud-icon-size-*, match it */
.upf-tabs .mud-tab .mud-icon-root {
    font-size: 1.25rem !important;
    width: 1.25rem !important;
    height: 1.25rem !important;
}

.upf-tabs .mud-tab-slider {
    height: 3px;
    border-radius: 999px 999px 0 0;
}

.upf-tabs .mud-tabs-panels {
    padding: var(--upf-space-5);
}

@media (max-width: 575.98px) {
    .upf-tabs .mud-tabs-panels {
        padding: var(--upf-space-4);
    }
}