/* Compact, theme-aware labels shared by navigation and component tooltips. */
:root {
    --ginoma-tooltip-bg: color-mix(in srgb, var(--ginoma-bg-elevated) 90%, white);
    --ginoma-tooltip-border: color-mix(in srgb, var(--ginoma-text) 16%, transparent);
}

.topbar-action-tooltip::after,
.topbar-chat-tooltip::after,
.topbar-local-tooltip::after,
.ginoma-native-tooltip::after,
.mud-tooltip.mud-tooltip-default {
    padding: 6px 10px !important;
    border: 1px solid var(--ginoma-tooltip-border) !important;
    border-radius: 8px !important;
    background: var(--ginoma-tooltip-bg) !important;
    color: var(--ginoma-text) !important;
    box-shadow: 0 3px 10px rgb(0 0 0 / 10%) !important;
    font-family: inherit !important;
    font-size: 0.75rem !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    letter-spacing: normal !important;
    text-shadow: none !important;
}

.topbar-action-tooltip::before,
.topbar-chat-tooltip::before,
.ginoma-native-tooltip::before,
.mud-tooltip.mud-tooltip-default.mud-tooltip-arrow::before,
.mud-tooltip.mud-tooltip-default.mud-tooltip-arrow::after {
    display: none !important;
}

.topbar-action-tooltip::after,
.topbar-chat-tooltip::after,
.topbar-local-tooltip::after,
.ginoma-native-tooltip::after {
    top: calc(100% + 8px);
}

@media (prefers-reduced-motion: reduce) {
    .topbar-action-tooltip::after,
    .topbar-chat-tooltip::after,
    .ginoma-native-tooltip::after {
        transition: none;
    }
}

/* Tooltips da barra usam o portal do MudBlazor, fora do contêiner com rolagem. */
.topbar-portal-tooltip::before,
.topbar-portal-tooltip::after { display:none !important; }