@layer mindz.final {
/*
 * MindZ 266.0.10 — salvaguardas finais do shell responsivo.
 * A arquitetura permanece em mindz_structure.css; esta camada apenas impede
 * que CSS legado reintroduza overflow, largura fixa ou corte de conteúdo.
 */

#app.app-shell {
    width: 100%;
    min-width: 0;
    max-width: 100%;
}

#appSidebar.sidebar {
    position: fixed;
    inset: 0 auto 0 0;
    width: var(--sidebar-current-width);
    min-width: 0;
    max-width: 100vw;
    height: 100dvh;
    max-height: 100dvh;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    overflow-x: hidden;
    overflow-y: hidden;
    border-radius: 0;
    box-sizing: border-box;
    contain: layout paint;
}

#appSidebar.sidebar,
#appSidebar.sidebar *,
#appSidebar.sidebar *::before,
#appSidebar.sidebar *::after {
    box-sizing: border-box;
    min-width: 0;
}

#appSidebar > :is(.app-sidebar-brand, .sidebar-brand) {
    order: 0;
    width: 100%;
    height: var(--sidebar-brand-height);
    min-height: var(--sidebar-brand-height);
    max-height: var(--sidebar-brand-height);
    flex: 0 0 var(--sidebar-brand-height);
    align-self: stretch;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#appSidebar > :is(.app-sidebar-brand, .sidebar-brand) .app-sidebar-logo {
    width: 100%;
    height: 100%;
    min-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}

#appSidebar > :is(.app-sidebar-brand, .sidebar-brand) .sistema-logo-img {
    display: block;
    width: auto;
    height: auto;
    max-width: min(136px, 82%);
    max-height: 38px;
    object-fit: contain;
}

#appSidebar > #sidebarNav.sidebar-nav {
    order: 1;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 0;
    flex: 1 1 auto;
    align-self: stretch;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
}

#appSidebar > #sidebarNav.sidebar-nav :is(.sidebar-section, .sidebar-item, .sidebar-link, .sidebar-submenu-trigger) {
    max-width: 100%;
}

#appSidebar > .sidebar-footer {
    order: 2;
    width: 100%;
    max-width: 100%;
    flex: 0 0 auto;
    align-self: stretch;
}

#appArea.app-area,
#mainContent.app-content,
#pageContent.content-page {
    min-width: 0;
    max-width: 100%;
}

#mainContent.app-content {
    width: 100%;
    overflow-x: auto;
}

#pageContent.content-page > :not([class*="modal"]):not([class*="backdrop"]):not([class*="overlay"]):not([role="dialog"]) {
    min-width: 0;
    max-width: 100%;
}

#pageContent.content-page :is(.mindz-table-region, .table-responsive, .table-wrapper, .data-table-wrapper) {
    max-width: 100%;
}

/* Os submenus de origem são apenas templates para o portal no desktop. */
@media (min-width: 960px) {
    #appSidebar .sidebar-item > .sidebar-submenu {
        display: none;
    }
}

body > .sidebar-submenu-portal {
    position: fixed;
    width: max-content;
    min-width: var(--sidebar-flyout-min-width, 220px);
    max-width: min(360px, calc(100vw - 24px));
    height: auto;
    max-height: var(--mindz-sidebar-flyout-max-height, calc(100dvh - 32px));
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    contain: layout paint;
}

body > .sidebar-submenu-portal :is(.sidebar-flyout-level, .sidebar-submenu-link, .sidebar-submenu-trigger) {
    min-width: 0;
    max-width: 100%;
}

body > .sidebar-flyout-bridge {
    position: fixed;
    background: transparent;
    pointer-events: auto;
}

.app-shell.sidebar-collapsed:not(.sidebar-hover-expanded) #appSidebar .sistema-logo-img {
    max-width: 48px;
    max-height: 32px;
}

@media (max-width: 959px) {
    #app.app-shell,
    #app.app-shell.sidebar-collapsed {
        grid-template-columns: minmax(0, 1fr);
    }

    #appSidebar.sidebar,
    .app-shell.sidebar-collapsed #appSidebar.sidebar,
    .app-shell.sidebar-collapsed.sidebar-hover-expanded #appSidebar.sidebar {
        width: min(320px, calc(100vw - 48px));
        min-width: 0;
        max-width: calc(100vw - 24px);
        overflow-x: hidden;
        border-radius: 0;
        contain: layout paint;
    }

    #appArea.app-area {
        grid-column: 1;
        width: 100%;
        max-width: 100%;
        margin-left: 0;
    }

    #appSidebar > #sidebarNav.sidebar-nav {
        overflow-x: hidden;
    }
}

@media (max-width: 640px) {
    #appSidebar.sidebar,
    .app-shell.sidebar-collapsed #appSidebar.sidebar,
    .app-shell.sidebar-collapsed.sidebar-hover-expanded #appSidebar.sidebar {
        width: min(300px, calc(100vw - 28px));
        max-width: calc(100vw - 16px);
    }
}


/* =========================================================
   Identidade compacta no menu recolhido
   - O wordmark completo não é comprimido até ficar ilegível.
   - No estado recolhido, o Z oficial ocupa a área da marca.
   ========================================================= */
#appSidebar .app-sidebar-logo::after {
    content: "";
    display: none;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    background: url("/static/assets/img/logo_mindz_compact.png?v=26623") center / contain no-repeat;
    filter: drop-shadow(0 5px 10px rgb(69 49 184 / 18%));
}

.app-shell.sidebar-collapsed:not(.sidebar-hover-expanded)
#appSidebar .app-sidebar-logo .sistema-logo-img {
    display: none;
}

.app-shell.sidebar-collapsed:not(.sidebar-hover-expanded)
#appSidebar .app-sidebar-logo::after {
    display: block;
}

.app-shell.sidebar-collapsed:not(.sidebar-hover-expanded)
#appSidebar > :is(.app-sidebar-brand, .sidebar-brand) .app-sidebar-logo {
    padding: 0;
}

}

/* =========================================================
   MindZ 26785 — menu lateral premium, fino e fluido
   - Corrige hover/ativo quadrado herdado de estilos legados.
   - Mantém navegação, permissões, portal e abertura por clique.
   - Reduz o peso visual dos ícones e das flyouts.
   ========================================================= */
:root {
    --mindz-sidebar-item-radius-premium: 15px;
    --mindz-sidebar-item-height-premium: 44px;
    --mindz-sidebar-icon-size-premium: 19px;
    --mindz-sidebar-icon-stroke-premium: 1.35;
    --mindz-sidebar-item-transition-premium:
        background-color 160ms cubic-bezier(.2, .8, .2, 1),
        border-color 160ms cubic-bezier(.2, .8, .2, 1),
        color 160ms cubic-bezier(.2, .8, .2, 1),
        box-shadow 160ms cubic-bezier(.2, .8, .2, 1),
        transform 160ms cubic-bezier(.2, .8, .2, 1);
    --mindz-sidebar-hover-bg-premium: color-mix(in srgb, #fff 30%, transparent);
    --mindz-sidebar-hover-border-premium: color-mix(in srgb, #fff 34%, transparent);
    --mindz-sidebar-active-bg-premium: color-mix(in srgb, #fff 52%, transparent);
    --mindz-sidebar-active-border-premium: color-mix(in srgb, #fff 64%, var(--shell-sidebar-half-theme-border) 36%);
    --mindz-sidebar-active-shadow-premium:
        0 8px 22px color-mix(in srgb, var(--primary-dark, var(--primary)) 11%, transparent),
        inset 3px 0 0 color-mix(in srgb, var(--primary-dark, var(--primary)) 88%, transparent);
}

/* Respiro lateral consistente; o fundo nunca mais encosta nas bordas do menu. */
#appSidebar.sidebar #sidebarNav.sidebar-nav {
    padding-inline: 8px;
    scrollbar-gutter: stable;
}

#appSidebar.sidebar .sidebar-section {
    width: 100%;
    min-width: 0;
}

#appSidebar.sidebar :is(.sidebar-link, .sidebar-submenu-trigger) {
    width: 100%;
    min-height: var(--mindz-sidebar-item-height-premium);
    margin: 2px 0;
    padding-inline: 11px;
    border: 1px solid transparent !important;
    border-radius: var(--mindz-sidebar-item-radius-premium) !important;
    overflow: hidden;
    isolation: isolate;
    font-weight: 450;
    letter-spacing: -0.008em;
    box-shadow: none;
    transition: var(--mindz-sidebar-item-transition-premium) !important;
    -webkit-tap-highlight-color: transparent;
}

#appSidebar.sidebar :is(.sidebar-link, .sidebar-submenu-trigger)::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    border-radius: inherit;
    background: transparent;
    pointer-events: none;
    transition: background-color 160ms cubic-bezier(.2, .8, .2, 1);
}

#appSidebar.sidebar :is(.sidebar-link, .sidebar-submenu-trigger):hover {
    border-color: var(--mindz-sidebar-hover-border-premium) !important;
    border-radius: var(--mindz-sidebar-item-radius-premium) !important;
    background: var(--mindz-sidebar-hover-bg-premium) !important;
    color: var(--primary-dark, var(--text)) !important;
    box-shadow: 0 6px 16px color-mix(in srgb, var(--primary-dark, var(--primary)) 8%, transparent) !important;
    transform: translateX(2px);
}

#appSidebar.sidebar :is(.sidebar-link, .sidebar-submenu-trigger):active {
    transform: translateX(1px) scale(.985);
}

#appSidebar.sidebar :is(
    .sidebar-link.active,
    .sidebar-link[aria-current="page"],
    .sidebar-submenu-trigger.active,
    .sidebar-item.has-active-child > .sidebar-submenu-trigger
) {
    border-color: var(--mindz-sidebar-active-border-premium) !important;
    border-radius: var(--mindz-sidebar-item-radius-premium) !important;
    background: var(--mindz-sidebar-active-bg-premium) !important;
    color: var(--primary-dark, var(--text)) !important;
    box-shadow: var(--mindz-sidebar-active-shadow-premium) !important;
}

#appSidebar.sidebar :is(
    .sidebar-link.active,
    .sidebar-link[aria-current="page"],
    .sidebar-submenu-trigger.active,
    .sidebar-item.has-active-child > .sidebar-submenu-trigger
):hover {
    transform: translateX(2px);
    background: color-mix(in srgb, #fff 60%, transparent) !important;
}

/* Ícones finos, consistentes e sem aparência pesada. */
#appSidebar.sidebar :is(.sidebar-icon, .sidebar-submenu-icon) {
    width: var(--mindz-sidebar-icon-size-premium);
    height: var(--mindz-sidebar-icon-size-premium);
    min-width: var(--mindz-sidebar-icon-size-premium);
    flex: 0 0 var(--mindz-sidebar-icon-size-premium);
}

#appSidebar.sidebar :is(.sidebar-icon, .sidebar-submenu-icon) svg {
    width: var(--mindz-sidebar-icon-size-premium) !important;
    height: var(--mindz-sidebar-icon-size-premium) !important;
    overflow: visible;
    stroke-width: var(--mindz-sidebar-icon-stroke-premium) !important;
}

#appSidebar.sidebar :is(.sidebar-icon, .sidebar-submenu-icon) svg :is(path, line, polyline, polygon, circle, ellipse, rect) {
    stroke-width: var(--mindz-sidebar-icon-stroke-premium) !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    vector-effect: non-scaling-stroke;
}

#appSidebar.sidebar .sidebar-chevron {
    width: 14px;
    height: 14px;
    opacity: .58;
}

#appSidebar.sidebar .sidebar-chevron svg,
#appSidebar.sidebar .sidebar-chevron svg * {
    stroke-width: 1.25 !important;
    vector-effect: non-scaling-stroke;
}

#appSidebar.sidebar .sidebar-link-label {
    font-weight: 450;
    line-height: 1.2;
}

/* Estado recolhido: cápsula compacta e perfeitamente arredondada. */
.app-shell.sidebar-collapsed:not(.sidebar-hover-expanded)
#appSidebar.sidebar #sidebarNav.sidebar-nav {
    padding-inline: 0;
}

.app-shell.sidebar-collapsed:not(.sidebar-hover-expanded)
#appSidebar.sidebar :is(.sidebar-link, .sidebar-submenu-trigger) {
    width: 46px;
    min-width: 46px;
    max-width: 46px;
    min-height: 46px;
    max-height: 46px;
    margin: 3px auto;
    padding: 0;
    border-radius: 15px !important;
}

.app-shell.sidebar-collapsed:not(.sidebar-hover-expanded)
#appSidebar.sidebar :is(.sidebar-link, .sidebar-submenu-trigger):hover,
.app-shell.sidebar-collapsed:not(.sidebar-hover-expanded)
#appSidebar.sidebar :is(
    .sidebar-link.active,
    .sidebar-link[aria-current="page"],
    .sidebar-submenu-trigger.active,
    .sidebar-item.has-active-child > .sidebar-submenu-trigger
) {
    border-radius: 15px !important;
    transform: translateY(-1px);
}

.app-shell.sidebar-collapsed:not(.sidebar-hover-expanded)
#appSidebar.sidebar :is(
    .sidebar-link.active,
    .sidebar-link[aria-current="page"],
    .sidebar-submenu-trigger.active,
    .sidebar-item.has-active-child > .sidebar-submenu-trigger
) {
    box-shadow:
        0 9px 22px color-mix(in srgb, var(--primary-dark, var(--primary)) 13%, transparent),
        inset 3px 0 0 color-mix(in srgb, var(--primary-dark, var(--primary)) 88%, transparent) !important;
}

/* Flyouts: superfície leve, cantos amplos e itens alinhados. */
body > .sidebar-submenu-portal {
    padding: 8px !important;
    border: 1px solid color-mix(in srgb, var(--primary) 14%, var(--border) 86%) !important;
    border-radius: 20px !important;
    background: color-mix(in srgb, var(--surface-elevated, var(--surface)) 97%, var(--primary) 3%) !important;
    box-shadow:
        0 22px 54px color-mix(in srgb, var(--shadow-color, #172033) 16%, transparent),
        0 3px 10px color-mix(in srgb, var(--primary) 7%, transparent) !important;
}

body > .sidebar-submenu-portal :is(.sidebar-submenu-link, .sidebar-submenu-trigger) {
    min-height: 42px;
    margin: 2px 0;
    padding: 0 11px;
    border: 1px solid transparent !important;
    border-radius: 12px !important;
    background: transparent !important;
    font-weight: 430 !important;
    line-height: 1.25;
    transition: var(--mindz-sidebar-item-transition-premium) !important;
}

body > .sidebar-submenu-portal :is(.sidebar-submenu-link, .sidebar-submenu-trigger):hover,
body > .sidebar-submenu-portal :is(.sidebar-submenu-link, .sidebar-submenu-trigger):focus-visible {
    border-color: color-mix(in srgb, var(--primary) 16%, var(--border) 84%) !important;
    background: color-mix(in srgb, var(--primary) 7%, var(--surface) 93%) !important;
    color: var(--primary-dark, var(--text)) !important;
    box-shadow: 0 6px 15px color-mix(in srgb, var(--primary) 7%, transparent) !important;
    transform: translateX(2px);
}

body > .sidebar-submenu-portal :is(.sidebar-submenu-link.active, .sidebar-submenu-trigger.active, [aria-current="page"]) {
    border-color: color-mix(in srgb, var(--primary) 24%, var(--border) 76%) !important;
    background: color-mix(in srgb, var(--primary) 10%, var(--surface) 90%) !important;
    color: var(--primary-dark, var(--text)) !important;
    box-shadow: inset 3px 0 0 var(--primary) !important;
}

body > .sidebar-submenu-portal :is(.sidebar-icon, .sidebar-submenu-icon) {
    width: 18px;
    height: 18px;
    min-width: 18px;
}

body > .sidebar-submenu-portal :is(.sidebar-icon, .sidebar-submenu-icon) svg,
body > .sidebar-submenu-portal :is(.sidebar-icon, .sidebar-submenu-icon) svg * {
    stroke-width: 1.3 !important;
    vector-effect: non-scaling-stroke;
}

body > .sidebar-submenu-portal :is(.sidebar-link-label, .sidebar-submenu-label) {
    font-weight: 430 !important;
    text-align: left;
}

/* Rodapé segue o mesmo desenho compacto dos itens principais. */
#appSidebar.sidebar :is(.sidebar-theme-button, .sidebar-user-profile-button, .sidebar-toggle-button) {
    border-radius: 15px !important;
    transition: var(--mindz-sidebar-item-transition-premium) !important;
}

#appSidebar.sidebar :is(.sidebar-theme-button, .sidebar-user-profile-button, .sidebar-toggle-button):hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 20px color-mix(in srgb, var(--primary-dark, var(--primary)) 9%, transparent) !important;
}

:root[data-theme="dark"] {
    --mindz-sidebar-hover-bg-premium: rgba(255, 255, 255, .075);
    --mindz-sidebar-hover-border-premium: rgba(255, 255, 255, .10);
    --mindz-sidebar-active-bg-premium: rgba(255, 255, 255, .13);
    --mindz-sidebar-active-border-premium: rgba(255, 255, 255, .16);
    --mindz-sidebar-active-shadow-premium:
        0 8px 22px rgba(0, 0, 0, .20),
        inset 3px 0 0 rgba(255, 255, 255, .86);
}

:root[data-theme="dark"] #appSidebar.sidebar :is(.sidebar-link, .sidebar-submenu-trigger):hover,
:root[data-theme="dark"] #appSidebar.sidebar :is(
    .sidebar-link.active,
    .sidebar-link[aria-current="page"],
    .sidebar-submenu-trigger.active,
    .sidebar-item.has-active-child > .sidebar-submenu-trigger
) {
    color: #fff !important;
}

:root[data-theme="dark"] body > .sidebar-submenu-portal {
    border-color: color-mix(in srgb, var(--primary) 22%, var(--border) 78%) !important;
    background: color-mix(in srgb, var(--surface-elevated, var(--surface)) 96%, var(--primary) 4%) !important;
}

@media (prefers-reduced-motion: reduce) {
    #appSidebar.sidebar :is(.sidebar-link, .sidebar-submenu-trigger),
    body > .sidebar-submenu-portal :is(.sidebar-submenu-link, .sidebar-submenu-trigger),
    #appSidebar.sidebar :is(.sidebar-theme-button, .sidebar-user-profile-button, .sidebar-toggle-button) {
        transition: none !important;
        transform: none !important;
    }
}

/* =========================================================
   MindZ 26786 — arquitetura temática global do shell
   Mesma engenharia visual para todos os temas; somente a cor muda.
   ========================================================= */
:root {
    /* Estrutura compatível com o shell existente. */
    --mindz-sidebar-width: var(--sidebar-current-width, 72px);
    --mindz-sidebar-expanded-width: var(--sidebar-width-expanded, 248px);
    /* Cabeçalho global compacto e idêntico em todas as telas. */
    --mindz-header-height: 104px;
    --mindz-header-padding-block: 14px;
    --mindz-header-padding-inline: 28px;
    --mindz-header-control-height: 44px;

    /* Geometria visual comum a todos os temas. */
    --mindz-header-gradient-angle: 115deg;
    --mindz-header-gradient-start-position: 0%;
    --mindz-header-gradient-middle-position: 52%;
    --mindz-header-gradient-end-position: 100%;
    --mindz-sidebar-theme-strength: 10%;
    --mindz-sidebar-item-radius: 15px;
    --mindz-header-control-radius: 16px;

    --mindz-shell-transition:
        background-color 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease,
        color 180ms ease,
        transform 180ms ease;

    /* Superfícies e tokens derivados. */
    --mindz-page-surface: var(--surface, #FFFFFF);
    --mindz-shell-contrast-surface: var(--surface-elevated, #FFFFFF);

    --mindz-header-start: var(--theme-primary-light);
    --mindz-header-middle: var(--theme-primary);
    --mindz-header-end: var(--theme-primary-dark);
    --mindz-header-text: var(--theme-on-primary);
    --mindz-header-text-muted: var(--theme-on-primary-muted);
    --mindz-header-border: rgba(255, 255, 255, 0.10);
    --mindz-header-shadow: 0 28px 70px rgba(15, 23, 42, 0.28);
    --mindz-feedback-premium-bg:
        radial-gradient(circle at 20% 8%, rgba(255, 255, 255, 0.13), transparent 30%),
        radial-gradient(circle at 86% 84%, rgba(var(--theme-primary-rgb, 80, 88, 213), 0.44), transparent 34%),
        linear-gradient(145deg, color-mix(in srgb, var(--theme-primary-dark, #39406f) 78%, #0f172a 22%), #111827 58%, #06080f 100%);
    --mindz-feedback-premium-border: rgba(255, 255, 255, 0.12);

    /* Fallbacks antes de color-mix. */
    --mindz-sidebar-bg-start: rgba(var(--theme-primary-rgb), 0.08);
    --mindz-sidebar-bg-start: color-mix(in srgb, var(--theme-primary) 8%, var(--mindz-page-surface) 92%);
    --mindz-sidebar-bg-end: rgba(var(--theme-primary-rgb), 0.12);
    --mindz-sidebar-bg-end: color-mix(in srgb, var(--theme-primary) 12%, var(--mindz-page-surface) 88%);
    --mindz-sidebar-border: rgba(var(--theme-primary-rgb), 0.13);
    --mindz-sidebar-icon: var(--theme-primary-dark);
    --mindz-sidebar-icon: color-mix(in srgb, var(--theme-primary) 84%, #1F2340 16%);
    --mindz-sidebar-icon-hover: var(--theme-primary-dark);
    --mindz-sidebar-icon-hover: color-mix(in srgb, var(--theme-primary) 92%, #171A31 8%);
    --mindz-sidebar-item-hover: rgba(var(--theme-primary-rgb), 0.09);
    --mindz-sidebar-item-active: rgba(var(--theme-primary-rgb), 0.07);
    --mindz-sidebar-item-active: color-mix(in srgb, var(--theme-primary) 7%, var(--mindz-page-surface) 93%);
    --mindz-sidebar-item-active-border: rgba(var(--theme-primary-rgb), 0.19);
    --mindz-sidebar-item-shadow:
        0 7px 20px rgba(var(--theme-primary-rgb), 0.13),
        0 1px 3px rgba(var(--theme-primary-rgb), 0.08);

    /* Compatibilidade com os nomes usados pelas versões anteriores. */
    --shell-soft-theme-bg: var(--mindz-sidebar-bg-start);
    --shell-soft-theme-border: var(--mindz-sidebar-border);
    --shell-soft-theme-text: var(--mindz-sidebar-icon);
    --shell-sidebar-half-theme-bg: var(--mindz-sidebar-bg-start);
    --shell-sidebar-half-theme-border: var(--mindz-sidebar-border);
    --shell-sidebar-half-theme-text: var(--mindz-sidebar-icon);
}

:root[data-theme-mode="light"],
:root:not([data-theme="dark"]) {
    --mindz-page-surface: var(--surface, #FFFFFF);
    --mindz-shell-contrast-surface: var(--surface-elevated, #FFFFFF);
}

:root[data-theme-mode="dark"],
:root[data-theme="dark"] {
    --mindz-page-surface: #171925;
    --mindz-shell-contrast-surface: #202331;
    --mindz-sidebar-bg-start: rgba(var(--theme-primary-rgb), 0.13);
    --mindz-sidebar-bg-start: color-mix(in srgb, var(--theme-primary) 13%, #171925 87%);
    --mindz-sidebar-bg-end: rgba(var(--theme-primary-rgb), 0.17);
    --mindz-sidebar-bg-end: color-mix(in srgb, var(--theme-primary) 17%, #171925 83%);
    --mindz-sidebar-item-active: rgba(var(--theme-primary-rgb), 0.20);
    --mindz-sidebar-item-active: color-mix(in srgb, var(--theme-primary) 20%, #202331 80%);
    --mindz-sidebar-item-hover: rgba(var(--theme-primary-rgb), 0.15);
    --mindz-sidebar-icon: #DCE6FF;
    --mindz-sidebar-icon: color-mix(in srgb, var(--theme-primary-light) 78%, #FFFFFF 22%);
    --mindz-sidebar-icon-hover: #FFFFFF;
    --mindz-sidebar-icon-hover: color-mix(in srgb, var(--theme-primary-light) 90%, #FFFFFF 10%);
}

/* Cabeçalho fixo: início claro, centro base e final escuro. */
:is(.app-topbar, .app-topbar.topbar-corrigida, .topbar, .app-header, .shell-header, .main-header) {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    left: var(--sidebar-current-width, var(--mindz-sidebar-width)) !important;
    z-index: 1050 !important;
    width: auto !important;
    height: var(--mindz-header-height) !important;
    min-height: var(--mindz-header-height) !important;
    max-height: var(--mindz-header-height) !important;
    box-sizing: border-box !important;
    padding: var(--mindz-header-padding-block) var(--mindz-header-padding-inline) !important;
    color: var(--mindz-header-text) !important;
    background: var(--mindz-feedback-premium-bg) !important;
    border-bottom: 1px solid var(--mindz-feedback-premium-border) !important;
    box-shadow: var(--mindz-header-shadow) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    transition:
        left 220ms ease,
        background 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease !important;
}

/* O conteúdo respeita o cabeçalho removido do fluxo. */
#appArea.app-area {
    padding-top: var(--mindz-header-height);
}

body.inicio-premium-v2 #appArea.app-area,
.app-shell--embed #appArea.app-area,
.app-shell--embed.app-area {
    padding-top: 0;
}

:is(
    .topbar-page-title,
    .topbar-page-context,
    .topbar-breadcrumbs,
    .topbar-breadcrumbs a,
    .topbar-breadcrumbs [aria-current="page"],
    .app-header h1,
    .shell-header h1,
    .main-header h1
) {
    color: var(--mindz-header-text) !important;
}

:is(.topbar-page-subtitle, .topbar-breadcrumbs, .topbar-page-context) {
    color: var(--mindz-header-text-muted) !important;
}

/* Controles translúcidos, com a mesma proporção em todos os temas. */
:is(
    .app-topbar,
    .app-topbar.topbar-corrigida,
    .topbar,
    .app-header,
    .shell-header,
    .main-header
) :is(
    .header-control,
    .header-user-chip,
    .header-environment,
    .header-notification,
    .topbar-user-compact,
    .topbar-user-action,
    .topbar-environment-badge,
    .topbar-notification-button,
    .topbar-impersonation-object,
    .topbar-admin-badge,
    .topbar-mobile-menu-button
) {
    min-height: var(--mindz-header-control-height);
    height: var(--mindz-header-control-height);
    box-sizing: border-box;
    color: var(--mindz-header-text) !important;
    background: rgba(255, 255, 255, 0.09) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    border-radius: var(--mindz-header-control-radius) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.11),
        0 7px 16px rgba(var(--theme-primary-rgb), 0.15) !important;
    transition: var(--mindz-shell-transition) !important;
}

:is(
    .app-topbar,
    .app-topbar.topbar-corrigida,
    .topbar,
    .app-header,
    .shell-header,
    .main-header
) :is(
    .header-control,
    .header-user-chip,
    .header-environment,
    .header-notification,
    .topbar-user-compact,
    .topbar-user-action,
    .topbar-environment-badge,
    .topbar-notification-button,
    .topbar-impersonation-object,
    .topbar-admin-badge,
    .topbar-mobile-menu-button
):hover {
    background: rgba(255, 255, 255, 0.13) !important;
    border-color: rgba(255, 255, 255, 0.22) !important;
    color: var(--mindz-header-text) !important;
    transform: translateY(-1px);
}

:is(.topbar-user-compact-info, .topbar-user-compact-info *, .topbar-impersonation-object__text, .topbar-environment-badge__text) {
    color: inherit !important;
}

/* Sidebar: a mesma cor do tema em apenas 8%–12% de intensidade. */
#appSidebar.sidebar,
:is(.app-sidebar, .shell-sidebar) {
    position: fixed !important;
    inset: 0 auto 0 0 !important;
    z-index: 1100 !important;
    width: var(--sidebar-current-width, var(--mindz-sidebar-width)) !important;
    height: 100dvh !important;
    color: var(--mindz-sidebar-icon) !important;
    background: linear-gradient(180deg, var(--mindz-sidebar-bg-start) 0%, var(--mindz-sidebar-bg-end) 100%) !important;
    border-right: 1px solid var(--mindz-sidebar-border) !important;
    box-shadow: 4px 0 18px rgba(var(--theme-primary-rgb), 0.055) !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    transition:
        width 220ms ease,
        background 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease !important;
}

#appSidebar > :is(.app-sidebar-brand, .sidebar-brand) {
    background: transparent !important;
    border-color: var(--mindz-sidebar-border) !important;
}

#appSidebar.sidebar :is(.sidebar-link, .sidebar-submenu-trigger, .sidebar-toggle-button) {
    color: var(--mindz-sidebar-icon) !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    border-radius: var(--mindz-sidebar-item-radius) !important;
    box-shadow: none !important;
    transform: none;
    transition: var(--mindz-shell-transition) !important;
}

#appSidebar.sidebar :is(.sidebar-link, .sidebar-submenu-trigger, .sidebar-toggle-button):hover {
    color: var(--mindz-sidebar-icon-hover) !important;
    background: var(--mindz-sidebar-item-hover) !important;
    border-color: rgba(var(--theme-primary-rgb), 0.09) !important;
    border-radius: var(--mindz-sidebar-item-radius) !important;
    box-shadow: none !important;
    transform: translateY(-1px);
}

#appSidebar.sidebar :is(
    .sidebar-link.active,
    .sidebar-link[aria-current="page"],
    .sidebar-submenu-trigger.active,
    .sidebar-item.has-active-child > .sidebar-submenu-trigger
) {
    color: var(--theme-primary-dark) !important;
    background: var(--mindz-sidebar-item-active) !important;
    border-color: var(--mindz-sidebar-item-active-border) !important;
    border-radius: var(--mindz-sidebar-item-radius) !important;
    box-shadow: var(--mindz-sidebar-item-shadow) !important;
    transform: none !important;
}

:root[data-theme="dark"] #appSidebar.sidebar :is(
    .sidebar-link.active,
    .sidebar-link[aria-current="page"],
    .sidebar-submenu-trigger.active,
    .sidebar-item.has-active-child > .sidebar-submenu-trigger
) {
    color: #FFFFFF !important;
}

/* Ícones slim e uniformes. */
#appSidebar.sidebar :is(.sidebar-icon, .sidebar-submenu-icon) svg,
body > .sidebar-submenu-portal :is(.sidebar-icon, .sidebar-submenu-icon) svg {
    width: 19px !important;
    height: 19px !important;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.35 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

#appSidebar.sidebar :is(.sidebar-icon, .sidebar-submenu-icon) svg *,
body > .sidebar-submenu-portal :is(.sidebar-icon, .sidebar-submenu-icon) svg * {
    stroke-width: 1.35 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    vector-effect: non-scaling-stroke;
}

/* Flyouts preservam posicionamento e recebem a identidade suave do tema. */
body > .sidebar-submenu-portal {
    z-index: 1200 !important;
    color: var(--text) !important;
    background: color-mix(in srgb, var(--theme-primary) 4%, var(--mindz-shell-contrast-surface) 96%) !important;
    border: 1px solid var(--mindz-sidebar-border) !important;
    box-shadow:
        0 22px 50px rgba(var(--theme-primary-rgb), 0.15),
        0 4px 12px rgba(15, 23, 42, 0.08) !important;
    overflow-x: hidden !important;
}

body > .sidebar-submenu-portal :is(.sidebar-submenu-link, .sidebar-submenu-trigger) {
    border-radius: var(--mindz-sidebar-item-radius) !important;
    color: var(--text-soft) !important;
}

body > .sidebar-submenu-portal :is(.sidebar-submenu-link, .sidebar-submenu-trigger):hover {
    color: var(--theme-primary-dark) !important;
    background: var(--mindz-sidebar-item-hover) !important;
    border-color: var(--mindz-sidebar-item-active-border) !important;
}

body > .sidebar-submenu-portal :is(.sidebar-submenu-link.active, .sidebar-submenu-trigger.active, [aria-current="page"]) {
    color: var(--theme-primary-dark) !important;
    background: var(--mindz-sidebar-item-active) !important;
    border-color: var(--mindz-sidebar-item-active-border) !important;
    box-shadow: inset 3px 0 0 var(--theme-primary) !important;
}

@media (max-width: 959px) {
    :root {
        --mindz-header-height: 96px;
        --mindz-header-padding-block: 12px;
        --mindz-header-padding-inline: 20px;
        --mindz-header-control-height: 42px;
    }

    :is(.app-topbar, .app-topbar.topbar-corrigida, .topbar, .app-header, .shell-header, .main-header) {
        left: 0 !important;
    }

    #appArea.app-area {
        padding-top: var(--mindz-header-height);
    }
}

@media (max-width: 640px) {
    :root {
        --mindz-header-height: 88px;
        --mindz-header-padding-block: 10px;
        --mindz-header-padding-inline: 16px;
        --mindz-header-control-height: 40px;
    }
}

@media (prefers-reduced-motion: reduce) {
    :is(.app-topbar, .app-topbar.topbar-corrigida, #appSidebar.sidebar, #appSidebar.sidebar *, body > .sidebar-submenu-portal *) {
        transition: none !important;
        transform: none !important;
    }
}



/* =========================================================
   MindZ 26793 — cabeçalho global compacto
   Uma única altura para todo o sistema, sem CSS por página.
   ========================================================= */
:is(.app-topbar, .app-topbar.topbar-corrigida, .topbar, .app-header, .shell-header, .main-header) {
    align-items: center !important;
    align-content: center !important;
    overflow: visible !important;
}

:is(.topbar-page-info, .topbar-page-heading, .topbar-title-group, .app-header__content, .shell-header__content) {
    min-width: 0;
    margin-block: 0 !important;
}

:is(.topbar-breadcrumbs, .topbar-page-title, .topbar-page-subtitle, .topbar-page-context) {
    margin-block: 0 !important;
}

:is(.topbar-page-title, .app-header h1, .shell-header h1, .main-header h1) {
    line-height: 1.08 !important;
}

:is(.topbar-page-subtitle, .topbar-page-context) {
    line-height: 1.25 !important;
}

:is(.topbar-actions, .topbar-right, .app-header__actions, .shell-header__actions) {
    align-self: center !important;
    margin-block: 0 !important;
}

/* =========================================================
   MindZ 26794 — cabeçalho global no layout do Feed
   - Um único arranjo para todas as telas.
   - Breadcrumbs no topo; título e subtítulo empilhados.
   - Controles à direita, alinhados verticalmente.
   - Mantém a altura compacta definida no shell global.
   ========================================================= */
:root {
    --mindz-header-height: 104px;
    --mindz-header-content-gap: 24px;
    --mindz-header-title-size: clamp(1.45rem, 1.15rem + 0.55vw, 1.85rem);
    --mindz-header-subtitle-size: 0.8125rem;
    --mindz-header-breadcrumb-size: 0.75rem;
}

:is(
    .app-topbar,
    .app-topbar.topbar-corrigida,
    .topbar,
    .app-header,
    .shell-header,
    .main-header
) {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    grid-template-rows: minmax(0, 1fr) !important;
    column-gap: var(--mindz-header-content-gap) !important;
    align-items: center !important;
    align-content: center !important;
    height: var(--mindz-header-height) !important;
    min-height: var(--mindz-header-height) !important;
    max-height: var(--mindz-header-height) !important;
    padding: 12px 28px !important;
    overflow: visible !important;
}

:is(.topbar-mobile-menu-button) {
    grid-column: 1;
    grid-row: 1;
    align-self: center;
}

:is(
    #topbarPageTitleArea,
    .topbar-page-title-area,
    .topbar-page-info,
    .topbar-page-heading,
    .topbar-title-group,
    .app-header__content,
    .shell-header__content
) {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
    max-width: min(860px, 100%);
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
        "breadcrumbs"
        "context"
        "title"
        "subtitle";
    align-content: center;
    justify-items: start;
    row-gap: 2px;
    margin: 0 !important;
    padding: 0 !important;
}

:is(#topbarBreadcrumbs, .topbar-breadcrumbs) {
    grid-area: breadcrumbs;
    min-width: 0;
    max-width: 100%;
    margin: 0 0 2px !important;
    padding: 0 !important;
    font-size: var(--mindz-header-breadcrumb-size) !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

:is(#topbarContext, .topbar-page-context) {
    grid-area: context;
    min-width: 0;
    max-width: 100%;
    margin: 0 !important;
    font-size: 0.6875rem !important;
    font-weight: 600 !important;
    line-height: 1.15 !important;
    letter-spacing: 0.055em;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

:is(#topbarPageTitle, .topbar-page-title, .app-header h1, .shell-header h1, .main-header h1) {
    grid-area: title;
    min-width: 0;
    max-width: 100%;
    margin: 0 !important;
    font-size: var(--mindz-header-title-size) !important;
    font-weight: 700 !important;
    line-height: 1.08 !important;
    letter-spacing: -0.025em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

:is(#topbarPageSubtitle, .topbar-page-subtitle) {
    grid-area: subtitle;
    min-width: 0;
    max-width: 100%;
    margin: 3px 0 0 !important;
    font-size: var(--mindz-header-subtitle-size) !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

:is(#topbarActions, .topbar-actions, .topbar-right, .app-header__actions, .shell-header__actions) {
    grid-column: 3;
    grid-row: 1;
    min-width: 0;
    max-width: min(52vw, 760px);
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    align-self: center !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible;
}

/* Os controles seguem o desenho visto no Feed: compactos e em uma única linha. */
:is(
    .app-topbar,
    .app-topbar.topbar-corrigida,
    .topbar,
    .app-header,
    .shell-header,
    .main-header
) :is(
    .header-control,
    .header-user-chip,
    .header-environment,
    .header-notification,
    .topbar-user-compact,
    .topbar-user-action,
    .topbar-environment-badge,
    .topbar-notification-button,
    .topbar-impersonation-object,
    .topbar-admin-badge,
    .topbar-mobile-menu-button
) {
    flex: 0 0 auto;
    min-height: 44px !important;
    height: 44px !important;
    margin: 0 !important;
}

/* Mantém o conteúdo das páginas exatamente abaixo do cabeçalho global. */
#appArea.app-area {
    padding-top: var(--mindz-header-height) !important;
}

@media (max-width: 1180px) {
    :root {
        --mindz-header-content-gap: 16px;
        --mindz-header-title-size: 1.45rem;
    }

    :is(
        .app-topbar,
        .app-topbar.topbar-corrigida,
        .topbar,
        .app-header,
        .shell-header,
        .main-header
    ) {
        padding-inline: 20px !important;
    }

    :is(#topbarActions, .topbar-actions, .topbar-right, .app-header__actions, .shell-header__actions) {
        max-width: 58vw;
        gap: 8px !important;
    }
}

@media (max-width: 959px) {
    :root {
        --mindz-header-height: 96px;
        --mindz-header-title-size: 1.3rem;
        --mindz-header-content-gap: 12px;
    }

    :is(
        .app-topbar,
        .app-topbar.topbar-corrigida,
        .topbar,
        .app-header,
        .shell-header,
        .main-header
    ) {
        grid-template-columns: auto minmax(0, 1fr) auto !important;
        padding: 10px 16px !important;
    }

    :is(#topbarBreadcrumbs, .topbar-breadcrumbs) {
        display: none !important;
    }

    :is(#topbarActions, .topbar-actions, .topbar-right, .app-header__actions, .shell-header__actions) {
        max-width: 50vw;
    }
}

@media (max-width: 640px) {
    :root {
        --mindz-header-height: 88px;
        --mindz-header-title-size: 1.15rem;
    }

    :is(
        .app-topbar,
        .app-topbar.topbar-corrigida,
        .topbar,
        .app-header,
        .shell-header,
        .main-header
    ) {
        column-gap: 8px !important;
        padding: 8px 12px !important;
    }

    :is(#topbarContext, .topbar-page-context, #topbarPageSubtitle, .topbar-page-subtitle) {
        display: none !important;
    }

    :is(#topbarActions, .topbar-actions, .topbar-right, .app-header__actions, .shell-header__actions) {
        max-width: 54vw;
        gap: 6px !important;
    }

    :is(
        .app-topbar,
        .app-topbar.topbar-corrigida,
        .topbar,
        .app-header,
        .shell-header,
        .main-header
    ) :is(
        .header-control,
        .header-user-chip,
        .header-environment,
        .header-notification,
        .topbar-user-compact,
        .topbar-user-action,
        .topbar-environment-badge,
        .topbar-notification-button,
        .topbar-impersonation-object,
        .topbar-admin-badge,
        .topbar-mobile-menu-button
    ) {
        min-height: 40px !important;
        height: 40px !important;
    }
}

/* =========================================================
   MindZ 26795 — cabeçalho global idêntico ao Feed de Feedbacks
   - Usa a mesma hierarquia visual, geometria e acabamento.
   - Remove interferências de regras antigas do shell.
   - O header permanece sticky e participa do fluxo normal.
   ========================================================= */
:root {
    --mindz-feed-header-height: 104px;
    --mindz-feed-header-padding-x: 36px;
    --mindz-feed-header-padding-y: 14px;
    --mindz-feed-header-control-height: 50px;
    --mindz-feed-header-radius: 17px;
    --mindz-feed-header-gap: 22px;
}

/* O cabeçalho está dentro de .app-area e é sticky; não deve existir
   compensação artificial com padding-top, pois isso cria diferenças
   entre páginas. */
#appArea.app-area {
    padding-top: 0 !important;
}

.app-topbar.mindz-feed-header-layout {
    position: sticky !important;
    inset: 0 0 auto !important;
    top: 0 !important;
    z-index: var(--z-header, 1050) !important;

    width: 100% !important;
    height: var(--mindz-feed-header-height) !important;
    min-height: var(--mindz-feed-header-height) !important;
    max-height: var(--mindz-feed-header-height) !important;
    box-sizing: border-box !important;

    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas: "feed-copy feed-actions" !important;
    align-items: center !important;
    align-content: center !important;
    column-gap: var(--mindz-feed-header-gap) !important;

    padding: var(--mindz-feed-header-padding-y) var(--mindz-feed-header-padding-x) !important;
    overflow: visible !important;

    color: #fff !important;

    /* Mesmo acabamento visual aplicado ao card do Feed. */
    background:
        radial-gradient(circle at 20% 8%, rgba(255, 255, 255, 0.13), transparent 30%),
        radial-gradient(circle at 86% 84%, rgba(var(--theme-primary-rgb, 80, 88, 213), 0.44), transparent 34%),
        linear-gradient(145deg, var(--theme-primary-dark, #39406f), #111827 58%, #06080f 100%) !important;

    background:
        radial-gradient(
            circle at 20% 8%,
            rgba(255, 255, 255, 0.13),
            transparent 30%
        ),
        radial-gradient(
            circle at 86% 84%,
            rgba(var(--theme-primary-rgb, 80, 88, 213), 0.44),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            color-mix(
                in srgb,
                var(--theme-primary-dark, #39406f) 78%,
                #0f172a 22%
            ),
            #111827 58%,
            #06080f 100%
        ) !important;

    border: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow:
        0 28px 70px rgba(15, 23, 42, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* No desktop o botão móvel não reserva uma coluna invisível. */
.app-topbar.mindz-feed-header-layout > .topbar-mobile-menu-button {
    display: none !important;
}

.app-topbar.mindz-feed-header-layout > #topbarPageTitleArea,
.app-topbar.mindz-feed-header-layout > .topbar-page-title-area {
    grid-area: feed-copy !important;
    min-width: 0 !important;
    width: min(100%, 880px) !important;
    max-width: 880px !important;
    margin: 0 !important;
    padding: 0 !important;

    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
        "feed-breadcrumbs"
        "feed-title"
        "feed-subtitle" !important;
    align-content: center !important;
    justify-items: start !important;
    row-gap: 4px !important;
}

/* O Feed usa breadcrumbs, título e subtítulo. O kicker antigo criava
   uma quarta linha e fazia outras telas parecerem diferentes. */
.app-topbar.mindz-feed-header-layout :is(#topbarContext, .topbar-page-context) {
    display: none !important;
}

.app-topbar.mindz-feed-header-layout :is(#topbarBreadcrumbs, .topbar-breadcrumbs) {
    grid-area: feed-breadcrumbs !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 0 2px !important;
    padding: 0 !important;
    color: rgba(255, 255, 255, .80) !important;
    font-size: 12px !important;
    font-weight: 520 !important;
    line-height: 1.18 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.app-topbar.mindz-feed-header-layout :is(
    .topbar-breadcrumbs__list,
    .mindz-breadcrumbs__list
) {
    gap: 8px !important;
}

.app-topbar.mindz-feed-header-layout :is(
    .topbar-breadcrumbs__item,
    .mindz-breadcrumbs__item,
    .topbar-breadcrumbs a,
    .mindz-breadcrumbs a,
    .topbar-breadcrumbs [aria-current="page"],
    .mindz-breadcrumbs [aria-current="page"]
) {
    color: inherit !important;
    font-weight: 520 !important;
}

.app-topbar.mindz-feed-header-layout :is(
    .topbar-breadcrumbs__item:not(:last-child)::after,
    .mindz-breadcrumbs__item:not(:last-child)::after
) {
    color: rgba(255, 255, 255, .34) !important;
}

.app-topbar.mindz-feed-header-layout :is(#topbarPageTitle, .topbar-page-title) {
    grid-area: feed-title !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    color: #fff !important;
    font-size: clamp(25px, 2vw, 31px) !important;
    font-weight: 680 !important;
    line-height: 1.04 !important;
    letter-spacing: -.032em !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.app-topbar.mindz-feed-header-layout :is(#topbarPageSubtitle, .topbar-page-subtitle) {
    grid-area: feed-subtitle !important;
    min-width: 0 !important;
    max-width: 780px !important;
    margin: 2px 0 0 !important;
    color: rgba(255, 255, 255, .78) !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.22 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.app-topbar.mindz-feed-header-layout > #topbarActions,
.app-topbar.mindz-feed-header-layout > .topbar-actions {
    grid-area: feed-actions !important;
    min-width: 0 !important;
    max-width: min(58vw, 760px) !important;
    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    align-self: center !important;
    gap: 10px !important;
    overflow: visible !important;
}

/* Superfícies externas dos controles: vidro sutil como no Feed. */
.app-topbar.mindz-feed-header-layout :is(
    .topbar-impersonation-object,
    .topbar-user-compact,
    .topbar-environment-badge,
    .topbar-notification-button,
    .topbar-admin-badge,
    .header-control,
    .header-user-chip,
    .header-environment,
    .header-notification
) {
    min-height: var(--mindz-feed-header-control-height) !important;
    height: var(--mindz-feed-header-control-height) !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    color: #fff !important;
    background: rgba(255, 255, 255, .095) !important;
    border: 1px solid rgba(255, 255, 255, .22) !important;
    border-radius: var(--mindz-feed-header-radius) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .10),
        0 7px 18px rgba(var(--theme-primary-rgb, 80, 88, 213), .13) !important;
    backdrop-filter: blur(10px) saturate(1.04) !important;
    -webkit-backdrop-filter: blur(10px) saturate(1.04) !important;
}

.app-topbar.mindz-feed-header-layout :is(
    .topbar-impersonation-object,
    .topbar-user-compact,
    .topbar-environment-badge,
    .topbar-notification-button,
    .topbar-admin-badge
):hover {
    color: #fff !important;
    background: rgba(255, 255, 255, .145) !important;
    border-color: rgba(255, 255, 255, .30) !important;
    transform: translateY(-1px) !important;
}

.app-topbar.mindz-feed-header-layout .topbar-impersonation-object {
    min-width: 0 !important;
    max-width: 430px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 4px 5px 4px 12px !important;
}

.app-topbar.mindz-feed-header-layout .topbar-impersonation-object__pulse {
    flex: 0 0 auto !important;
    box-shadow: 0 0 0 5px rgba(255, 255, 255, .075) !important;
}

.app-topbar.mindz-feed-header-layout .topbar-impersonation-object__text {
    min-width: 0 !important;
    color: #fff !important;
}

.app-topbar.mindz-feed-header-layout .topbar-impersonation-object__text strong {
    color: #fff !important;
    font-weight: 650 !important;
}

.app-topbar.mindz-feed-header-layout .topbar-impersonation-object__text small {
    color: rgba(255, 255, 255, .66) !important;
    font-weight: 400 !important;
}

.app-topbar.mindz-feed-header-layout .topbar-impersonation-object__actions {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

/* Ações internas brancas, exatamente como no cabeçalho do Feed. */
.app-topbar.mindz-feed-header-layout :is(
    .topbar-impersonation-object__link,
    .topbar-impersonation-object__stop
) {
    min-height: 40px !important;
    height: 40px !important;
    padding: 0 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #3b4258 !important;
    background: rgba(255, 255, 255, .96) !important;
    border: 1px solid rgba(255, 255, 255, .74) !important;
    border-radius: 13px !important;
    box-shadow: 0 3px 10px rgba(25, 31, 52, .08) !important;
    font-size: 12px !important;
    font-weight: 620 !important;
    text-decoration: none !important;
}

.app-topbar.mindz-feed-header-layout :is(
    .topbar-impersonation-object__link,
    .topbar-impersonation-object__stop
):hover:not(:disabled) {
    color: var(--theme-primary-dark, #434bbf) !important;
    background: #fff !important;
    border-color: #fff !important;
    transform: translateY(-1px) !important;
}

.app-topbar.mindz-feed-header-layout .topbar-impersonation-object__stop:disabled {
    color: rgba(59, 66, 88, .48) !important;
    background: rgba(255, 255, 255, .78) !important;
    opacity: 1 !important;
}

.app-topbar.mindz-feed-header-layout .topbar-environment-badge {
    min-width: 104px !important;
    padding: 0 13px !important;
    justify-content: center !important;
}

.app-topbar.mindz-feed-header-layout .topbar-environment-badge__text strong {
    color: #fff !important;
    font-weight: 650 !important;
}

.app-topbar.mindz-feed-header-layout .topbar-environment-badge__text small {
    color: rgba(255, 255, 255, .64) !important;
}

.app-topbar.mindz-feed-header-layout .topbar-notification-button {
    width: var(--mindz-feed-header-control-height) !important;
    min-width: var(--mindz-feed-header-control-height) !important;
    max-width: var(--mindz-feed-header-control-height) !important;
    padding: 0 !important;
    justify-content: center !important;
}

.app-topbar.mindz-feed-header-layout .topbar-notification-icon,
.app-topbar.mindz-feed-header-layout .topbar-notification-icon svg {
    color: #fff !important;
    stroke: currentColor !important;
}

/* Usuário comum, quando não existe o objeto de simulação. */
.app-topbar.mindz-feed-header-layout .topbar-user-compact {
    max-width: 290px !important;
    padding: 5px 12px 5px 7px !important;
}

.app-topbar.mindz-feed-header-layout .topbar-user-compact-info strong {
    color: #fff !important;
}

.app-topbar.mindz-feed-header-layout .topbar-user-compact-info small,
.app-topbar.mindz-feed-header-layout .topbar-user-compact-chevron {
    color: rgba(255, 255, 255, .66) !important;
}

@media (max-width: 1180px) {
    :root {
        --mindz-feed-header-padding-x: 22px;
        --mindz-feed-header-gap: 14px;
    }

    .app-topbar.mindz-feed-header-layout > #topbarActions,
    .app-topbar.mindz-feed-header-layout > .topbar-actions {
        max-width: 62vw !important;
        gap: 8px !important;
    }

    .app-topbar.mindz-feed-header-layout .topbar-impersonation-object {
        max-width: 370px !important;
    }
}

@media (max-width: 959px) {
    :root {
        --mindz-feed-header-height: 96px;
        --mindz-feed-header-padding-x: 16px;
        --mindz-feed-header-padding-y: 10px;
        --mindz-feed-header-control-height: 44px;
        --mindz-feed-header-gap: 10px;
    }

    .app-topbar.mindz-feed-header-layout {
        grid-template-columns: auto minmax(0, 1fr) auto !important;
        grid-template-areas: "feed-menu feed-copy feed-actions" !important;
    }

    .app-topbar.mindz-feed-header-layout > .topbar-mobile-menu-button {
        grid-area: feed-menu !important;
        display: inline-flex !important;
        width: 44px !important;
        min-width: 44px !important;
        height: 44px !important;
        padding: 0 !important;
    }

    .app-topbar.mindz-feed-header-layout :is(#topbarBreadcrumbs, .topbar-breadcrumbs) {
        display: none !important;
    }

    .app-topbar.mindz-feed-header-layout > #topbarActions,
    .app-topbar.mindz-feed-header-layout > .topbar-actions {
        max-width: 48vw !important;
    }

    .app-topbar.mindz-feed-header-layout .topbar-impersonation-object__text small,
    .app-topbar.mindz-feed-header-layout .topbar-environment-badge__text small {
        display: none !important;
    }
}

@media (max-width: 720px) {
    :root {
        --mindz-feed-header-height: 88px;
        --mindz-feed-header-padding-x: 12px;
        --mindz-feed-header-control-height: 40px;
    }

    .app-topbar.mindz-feed-header-layout :is(#topbarPageSubtitle, .topbar-page-subtitle) {
        display: none !important;
    }

    .app-topbar.mindz-feed-header-layout :is(#topbarPageTitle, .topbar-page-title) {
        font-size: 19px !important;
    }

    .app-topbar.mindz-feed-header-layout > #topbarActions,
    .app-topbar.mindz-feed-header-layout > .topbar-actions {
        max-width: 45vw !important;
        gap: 6px !important;
    }

    .app-topbar.mindz-feed-header-layout .topbar-impersonation-object__text,
    .app-topbar.mindz-feed-header-layout .topbar-environment-badge {
        display: none !important;
    }

    .app-topbar.mindz-feed-header-layout .topbar-impersonation-object {
        width: auto !important;
        padding: 3px !important;
    }

    .app-topbar.mindz-feed-header-layout :is(
        .topbar-impersonation-object__link,
        .topbar-impersonation-object__stop
    ) {
        min-height: 34px !important;
        height: 34px !important;
        padding-inline: 10px !important;
    }
}

/* =========================================================
   MindZ 266.0.131 — identidade do menu lateral expandido
   - Centraliza a marca no eixo horizontal.
   - Cria respiro superior sem deslocar a navegação.
   - Remove o preenchimento visual do painel expandido.
   - Preserva integralmente o estado recolhido.
   ========================================================= */
@media (min-width: 960px) {
    #app.app-shell:not(.sidebar-collapsed) #appSidebar.sidebar,
    #app.app-shell.sidebar-collapsed.sidebar-hover-expanded #appSidebar.sidebar {
        background: transparent !important;
        backdrop-filter: none !important;
    }

    #app.app-shell:not(.sidebar-collapsed)
    #appSidebar > :is(.app-sidebar-brand, .sidebar-brand),
    #app.app-shell.sidebar-collapsed.sidebar-hover-expanded
    #appSidebar > :is(.app-sidebar-brand, .sidebar-brand) {
        height: 88px !important;
        min-height: 88px !important;
        max-height: 88px !important;
        flex-basis: 88px !important;
        padding: 18px 16px 8px !important;
        background: transparent !important;
        border-bottom-color: transparent !important;
    }

    #app.app-shell:not(.sidebar-collapsed)
    #appSidebar > :is(.app-sidebar-brand, .sidebar-brand) .app-sidebar-logo,
    #app.app-shell.sidebar-collapsed.sidebar-hover-expanded
    #appSidebar > :is(.app-sidebar-brand, .sidebar-brand) .app-sidebar-logo {
        width: 100% !important;
        height: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        margin: 0 auto !important;
        background: transparent !important;
    }

    #app.app-shell:not(.sidebar-collapsed)
    #appSidebar .app-sidebar-logo .sistema-logo-img,
    #app.app-shell.sidebar-collapsed.sidebar-hover-expanded
    #appSidebar .app-sidebar-logo .sistema-logo-img {
        display: block !important;
        margin-inline: auto !important;
        object-position: center !important;
    }
}


/* =========================================================
   MindZ v26819 — Logo completa com fundo transparente
   ========================================================= */
#appSidebar > :is(.app-sidebar-brand, .sidebar-brand),
#appSidebar > :is(.app-sidebar-brand, .sidebar-brand) .app-sidebar-logo {
    background: transparent !important;
}

#appSidebar > :is(.app-sidebar-brand, .sidebar-brand) .sistema-logo-img {
    display: block;
    width: min(174px, 90%);
    height: auto;
    max-width: min(174px, 90%);
    max-height: 46px;
    object-fit: contain;
    background: transparent !important;
}

.app-shell.sidebar-collapsed.sidebar-hover-expanded
#appSidebar > :is(.app-sidebar-brand, .sidebar-brand) .sistema-logo-img {
    width: min(166px, 88%);
    max-width: min(166px, 88%);
    max-height: 42px;
}



/* =========================================================
   MindZ v26820 — Header global 100% width + sidebar abaixo
   ========================================================= */

:root {
    --mindz-global-header-height: 78px;
    --mindz-global-header-logo-width: clamp(148px, 13vw, 210px);
}

.app-shell.shell-header-fullwidth-v26820,
.app-shell.sidebar-collapsed.shell-header-fullwidth-v26820 {
    padding-top: var(--mindz-global-header-height) !important;
    grid-template-columns: var(--sidebar-current-width) minmax(0, 1fr) !important;
    min-height: 100dvh !important;
}

.app-shell.shell-header-fullwidth-v26820 .app-topbar,
.app-shell.shell-header-fullwidth-v26820 .app-topbar.topbar-corrigida {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: var(--mindz-global-header-height) !important;
    min-height: var(--mindz-global-header-height) !important;
    z-index: calc(var(--z-header, 1000) + 60) !important;
    display: grid !important;
    grid-template-columns: var(--mindz-global-header-logo-width) auto minmax(0, 1fr) auto !important;
    grid-template-areas: "brand mobile title actions" !important;
    align-items: center !important;
    align-content: center !important;
    gap: clamp(14px, 1.6vw, 26px) !important;
    flex-wrap: nowrap !important;
    padding: 0 clamp(18px, 2.2vw, 36px) !important;
    border-bottom: 1px solid color-mix(in srgb, var(--topbar-border, var(--border)) 82%, transparent) !important;
    background:
        radial-gradient(circle at 8% -20%, color-mix(in srgb, var(--primary, #7c3aed) 16%, transparent), transparent 34%),
        linear-gradient(135deg,
            color-mix(in srgb, var(--topbar-bg, #0f172a) 94%, var(--primary, #7c3aed) 6%),
            color-mix(in srgb, var(--topbar-bg, #0f172a) 98%, transparent 2%)) !important;
    color: var(--topbar-text, var(--text)) !important;
    box-shadow: 0 16px 42px color-mix(in srgb, var(--shadow-color, #000) 14%, transparent) !important;
    backdrop-filter: blur(18px) saturate(1.08) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.08) !important;
}

.app-shell.shell-header-fullwidth-v26820 .app-header-brand {
    grid-area: brand !important;
    min-width: 0 !important;
    width: var(--mindz-global-header-logo-width) !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

.app-shell.shell-header-fullwidth-v26820 .app-header-brand__link {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-decoration: none !important;
    background: transparent !important;
}

.app-shell.shell-header-fullwidth-v26820 .app-header-brand .sistema-logo-img {
    display: block !important;
    width: 100% !important;
    max-width: var(--mindz-global-header-logo-width) !important;
    height: auto !important;
    max-height: 52px !important;
    object-fit: contain !important;
    object-position: left center !important;
    background: transparent !important;
    filter: drop-shadow(0 10px 18px rgba(0, 0, 0, .16)) !important;
}

.app-shell.shell-header-fullwidth-v26820 .topbar-mobile-menu-button {
    grid-area: mobile !important;
}

.app-shell.shell-header-fullwidth-v26820 .topbar-page-title-area {
    grid-area: title !important;
    min-width: 0 !important;
}

.app-shell.shell-header-fullwidth-v26820 .topbar-actions {
    grid-area: actions !important;
    min-width: 0 !important;
    justify-self: end !important;
}

.app-shell.shell-header-fullwidth-v26820 #appSidebar.sidebar {
    inset: var(--mindz-global-header-height) auto 0 0 !important;
    top: var(--mindz-global-header-height) !important;
    bottom: 0 !important;
    height: calc(100dvh - var(--mindz-global-header-height)) !important;
    max-height: calc(100dvh - var(--mindz-global-header-height)) !important;
    z-index: var(--z-sidebar, 900) !important;
    padding-top: clamp(10px, 1vw, 16px) !important;
}

.app-shell.shell-header-fullwidth-v26820 #appSidebar > :is(.app-sidebar-brand, .sidebar-brand) {
    display: none !important;
}

.app-shell.shell-header-fullwidth-v26820 #appSidebar > #sidebarNav.sidebar-nav {
    padding-top: 2px !important;
}

.app-shell.shell-header-fullwidth-v26820 .app-area {
    grid-column: 2 !important;
    min-height: calc(100dvh - var(--mindz-global-header-height)) !important;
}

.app-shell.shell-header-fullwidth-v26820 .app-content {
    min-height: calc(100dvh - var(--mindz-global-header-height)) !important;
}

.app-shell.shell-header-fullwidth-v26820 .mobile-sidebar-backdrop {
    top: var(--mindz-global-header-height) !important;
    height: calc(100dvh - var(--mindz-global-header-height)) !important;
}

@media (max-width: 959px) {
    .app-shell.shell-header-fullwidth-v26820,
    .app-shell.sidebar-collapsed.shell-header-fullwidth-v26820 {
        --sidebar-current-width: 0px !important;
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .app-shell.shell-header-fullwidth-v26820 .app-topbar,
    .app-shell.shell-header-fullwidth-v26820 .app-topbar.topbar-corrigida {
        grid-template-columns: minmax(116px, 150px) auto minmax(0, 1fr) !important;
        grid-template-areas: "brand mobile actions" !important;
        gap: 10px !important;
        padding-inline: 14px !important;
    }

    .app-shell.shell-header-fullwidth-v26820 .topbar-page-title-area {
        display: none !important;
    }

    .app-shell.shell-header-fullwidth-v26820 .app-area,
    .app-shell.sidebar-collapsed.shell-header-fullwidth-v26820 .app-area {
        grid-column: 1 !important;
    }

    .app-shell.shell-header-fullwidth-v26820 #appSidebar.sidebar,
    .app-shell.shell-header-fullwidth-v26820.sidebar-collapsed #appSidebar.sidebar,
    .app-shell.shell-header-fullwidth-v26820.sidebar-collapsed.sidebar-hover-expanded #appSidebar.sidebar {
        width: min(320px, calc(100vw - 48px)) !important;
        max-width: calc(100vw - 24px) !important;
        transform: translateX(-102%) !important;
    }

    .app-shell.shell-header-fullwidth-v26820.shell-mobile-open #appSidebar.sidebar {
        transform: translateX(0) !important;
    }
}



/* =========================================================
   MindZ v26821 — Header global refinado
   - Mantém header 100% width
   - Restaura efeito premium do cabeçalho por tema
   - Reduz logo completa
   - Impede sidebar expandida/flyout de cobrir conteúdo
   ========================================================= */

:root {
    --mindz-global-header-height: 76px;
    --mindz-global-header-logo-width: clamp(118px, 9.2vw, 154px);
}

/* Neutraliza namespace anterior quando a classe nova estiver aplicada. */
.app-shell.shell-header-fullwidth-v26821,
.app-shell.sidebar-collapsed.shell-header-fullwidth-v26821 {
    padding-top: var(--mindz-global-header-height) !important;
    min-height: 100dvh !important;
    grid-template-columns: var(--sidebar-current-width) minmax(0, 1fr) !important;
}

/* Quando o menu recolhido expande, o conteúdo abre espaço e não fica por baixo. */
.app-shell.shell-header-fullwidth-v26821.sidebar-collapsed.sidebar-hover-expanded {
    --sidebar-current-width: var(--sidebar-width-expanded) !important;
}

.app-shell.shell-header-fullwidth-v26821 .app-topbar,
.app-shell.shell-header-fullwidth-v26821 .app-topbar.topbar-corrigida {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: var(--mindz-global-header-height) !important;
    min-height: var(--mindz-global-header-height) !important;
    z-index: calc(var(--z-header, 1000) + 80) !important;
    display: grid !important;
    grid-template-columns: var(--mindz-global-header-logo-width) auto minmax(0, 1fr) auto !important;
    grid-template-areas: "brand mobile title actions" !important;
    align-items: center !important;
    align-content: center !important;
    gap: clamp(14px, 1.55vw, 24px) !important;
    flex-wrap: nowrap !important;
    padding: 0 clamp(18px, 2.2vw, 34px) !important;
    border-bottom: 1px solid color-mix(in srgb, var(--primary, #7c3aed) 18%, rgba(255,255,255,.18)) !important;
    background:
        radial-gradient(circle at 12% -40%, color-mix(in srgb, var(--primary, #7c3aed) 32%, transparent), transparent 34%),
        radial-gradient(circle at 88% -28%, color-mix(in srgb, var(--accent, #2563eb) 18%, transparent), transparent 38%),
        linear-gradient(135deg,
            color-mix(in srgb, var(--primary-dark, #111827) 74%, #081225 26%),
            color-mix(in srgb, var(--primary, #7c3aed) 14%, #111827 86%)) !important;
    color: #ffffff !important;
    box-shadow: 0 16px 40px rgba(15, 23, 42, .20) !important;
    backdrop-filter: blur(18px) saturate(1.08) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.08) !important;
}

.app-shell.shell-header-fullwidth-v26821 .app-topbar :is(.topbar-page-title, .topbar-page-subtitle, .topbar-page-context, .topbar-breadcrumbs, .topbar-breadcrumbs a, .topbar-actions, .topbar-actions *) {
    color: inherit;
}

.app-shell.shell-header-fullwidth-v26821 .topbar-page-subtitle,
.app-shell.shell-header-fullwidth-v26821 .topbar-page-context,
.app-shell.shell-header-fullwidth-v26821 .topbar-breadcrumbs {
    color: rgba(255,255,255,.72) !important;
}

.app-shell.shell-header-fullwidth-v26821 .app-header-brand {
    grid-area: brand !important;
    min-width: 0 !important;
    width: var(--mindz-global-header-logo-width) !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

.app-shell.shell-header-fullwidth-v26821 .app-header-brand__link {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-decoration: none !important;
    background: transparent !important;
}

/* Logo menor, completa, com alpha preservado. */
.app-shell.shell-header-fullwidth-v26821 .app-header-brand .sistema-logo-img {
    display: block !important;
    width: 100% !important;
    max-width: var(--mindz-global-header-logo-width) !important;
    height: auto !important;
    max-height: 38px !important;
    object-fit: contain !important;
    object-position: left center !important;
    background: transparent !important;
    filter: drop-shadow(0 7px 14px rgba(0, 0, 0, .18)) !important;
}

/* Header controls continuam com contraste premium. */
.app-shell.shell-header-fullwidth-v26821 .topbar-mobile-menu-button {
    grid-area: mobile !important;
    border-color: rgba(255,255,255,.24) !important;
    background: rgba(255,255,255,.10) !important;
    color: #fff !important;
}

.app-shell.shell-header-fullwidth-v26821 .topbar-page-title-area {
    grid-area: title !important;
    min-width: 0 !important;
}

.app-shell.shell-header-fullwidth-v26821 .topbar-actions {
    grid-area: actions !important;
    min-width: 0 !important;
    justify-self: end !important;
}

.app-shell.shell-header-fullwidth-v26821 #appSidebar.sidebar {
    inset: var(--mindz-global-header-height) auto 0 0 !important;
    top: var(--mindz-global-header-height) !important;
    bottom: 0 !important;
    height: calc(100dvh - var(--mindz-global-header-height)) !important;
    max-height: calc(100dvh - var(--mindz-global-header-height)) !important;
    z-index: var(--z-sidebar, 900) !important;
    padding-top: clamp(10px, 1vw, 14px) !important;
}

/* A logo vive no header. Não duplica na sidebar. */
.app-shell.shell-header-fullwidth-v26821 #appSidebar > :is(.app-sidebar-brand, .sidebar-brand) {
    display: none !important;
}

.app-shell.shell-header-fullwidth-v26821 #appSidebar > #sidebarNav.sidebar-nav {
    padding-top: 2px !important;
}

/* Área e conteúdo acompanham a largura real do menu, inclusive quando expandido. */
.app-shell.shell-header-fullwidth-v26821 .app-area {
    grid-column: 2 !important;
    min-height: calc(100dvh - var(--mindz-global-header-height)) !important;
    width: 100% !important;
    max-width: 100% !important;
}

.app-shell.shell-header-fullwidth-v26821 .app-content {
    min-height: calc(100dvh - var(--mindz-global-header-height)) !important;
}

.app-shell.shell-header-fullwidth-v26821 .mobile-sidebar-backdrop {
    top: var(--mindz-global-header-height) !important;
    height: calc(100dvh - var(--mindz-global-header-height)) !important;
}

/* Flyout/expanded menu abaixo do header e sem ficar por cima do header. */
.app-shell.shell-header-fullwidth-v26821 :is(.sidebar-flyout, .app-sidebar-flyout, .sidebar-submenu-portal, [data-sidebar-flyout="true"]) {
    z-index: calc(var(--z-sidebar, 900) + 20) !important;
    max-height: calc(100dvh - var(--mindz-global-header-height) - 18px) !important;
}

/* Evita estado translúcido apagado que apareceu no v26820. */
.app-shell.shell-header-fullwidth-v26821 .mindz-feed-header-layout::before,
.app-shell.shell-header-fullwidth-v26821 .mindz-feed-header-layout::after {
    pointer-events: none !important;
}

@media (max-width: 959px) {
    .app-shell.shell-header-fullwidth-v26821,
    .app-shell.sidebar-collapsed.shell-header-fullwidth-v26821,
    .app-shell.shell-header-fullwidth-v26821.sidebar-collapsed.sidebar-hover-expanded {
        --sidebar-current-width: 0px !important;
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .app-shell.shell-header-fullwidth-v26821 .app-topbar,
    .app-shell.shell-header-fullwidth-v26821 .app-topbar.topbar-corrigida {
        grid-template-columns: minmax(104px, 136px) auto minmax(0, 1fr) !important;
        grid-template-areas: "brand mobile actions" !important;
        gap: 10px !important;
        padding-inline: 14px !important;
    }

    .app-shell.shell-header-fullwidth-v26821 .topbar-page-title-area {
        display: none !important;
    }

    .app-shell.shell-header-fullwidth-v26821 .app-header-brand .sistema-logo-img {
        max-height: 32px !important;
    }

    .app-shell.shell-header-fullwidth-v26821 .app-area,
    .app-shell.sidebar-collapsed.shell-header-fullwidth-v26821 .app-area {
        grid-column: 1 !important;
    }

    .app-shell.shell-header-fullwidth-v26821 #appSidebar.sidebar,
    .app-shell.shell-header-fullwidth-v26821.sidebar-collapsed #appSidebar.sidebar,
    .app-shell.shell-header-fullwidth-v26821.sidebar-collapsed.sidebar-hover-expanded #appSidebar.sidebar {
        width: min(320px, calc(100vw - 48px)) !important;
        max-width: calc(100vw - 24px) !important;
        transform: translateX(-102%) !important;
    }

    .app-shell.shell-header-fullwidth-v26821.shell-mobile-open #appSidebar.sidebar {
        transform: translateX(0) !important;
    }
}



/* =========================================================
   MindZ v26822 — Header alinhado: logo, título e ações
   ========================================================= */

:root {
    --mindz-global-header-height: 76px;
    --mindz-global-header-logo-width: clamp(116px, 8.4vw, 142px);
    --mindz-global-header-gap: clamp(18px, 1.7vw, 30px);
}

.app-shell.shell-header-fullwidth-v26822 .app-topbar,
.app-shell.shell-header-fullwidth-v26822 .app-topbar.topbar-corrigida {
    height: var(--mindz-global-header-height) !important;
    min-height: var(--mindz-global-header-height) !important;
    display: grid !important;
    grid-template-columns: var(--mindz-global-header-logo-width) minmax(0, 1fr) auto !important;
    grid-template-areas: "brand title actions" !important;
    align-items: center !important;
    align-content: center !important;
    column-gap: var(--mindz-global-header-gap) !important;
    row-gap: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Logo: menor, sem separador, centralizada verticalmente e com respiro à direita. */
.app-shell.shell-header-fullwidth-v26822 .app-header-brand {
    grid-area: brand !important;
    width: var(--mindz-global-header-logo-width) !important;
    height: var(--mindz-global-header-height) !important;
    min-height: var(--mindz-global-header-height) !important;
    display: flex !important;
    align-items: center !important;
    align-self: center !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: visible !important;
}

.app-shell.shell-header-fullwidth-v26822 .app-header-brand::before,
.app-shell.shell-header-fullwidth-v26822 .app-header-brand::after,
.app-shell.shell-header-fullwidth-v26822 .app-header-brand__link::before,
.app-shell.shell-header-fullwidth-v26822 .app-header-brand__link::after {
    content: none !important;
    display: none !important;
}

.app-shell.shell-header-fullwidth-v26822 .app-header-brand__link {
    width: 100% !important;
    height: var(--mindz-global-header-height) !important;
    min-height: var(--mindz-global-header-height) !important;
    display: flex !important;
    align-items: center !important;
    align-self: center !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    line-height: 0 !important;
    overflow: visible !important;
}

.app-shell.shell-header-fullwidth-v26822 .app-header-brand .sistema-logo-img {
    display: block !important;
    width: auto !important;
    max-width: var(--mindz-global-header-logo-width) !important;
    height: auto !important;
    max-height: 31px !important;
    object-fit: contain !important;
    object-position: left center !important;
    align-self: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    clip-path: inset(0 3px 0 0) !important;
    filter: drop-shadow(0 6px 12px rgba(0, 0, 0, .16)) !important;
}

/* Remove qualquer botão mobile fantasma do grid no desktop. */
.app-shell.shell-header-fullwidth-v26822 .topbar-mobile-menu-button {
    display: none !important;
    grid-area: mobile !important;
}

/* Título/subtítulo logo após a logo, com respiro e alinhamento vertical real. */
.app-shell.shell-header-fullwidth-v26822 .topbar-page-title-area {
    grid-area: title !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: min(760px, 100%) !important;
    height: var(--mindz-global-header-height) !important;
    display: grid !important;
    align-content: center !important;
    justify-content: start !important;
    justify-items: start !important;
    align-items: center !important;
    gap: 2px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    justify-self: start !important;
}

.app-shell.shell-header-fullwidth-v26822 .topbar-breadcrumbs {
    margin: 0 !important;
    line-height: 1.15 !important;
    opacity: .9 !important;
}

.app-shell.shell-header-fullwidth-v26822 .topbar-page-title {
    margin: 0 !important;
    line-height: 1.05 !important;
    letter-spacing: -.025em !important;
}

.app-shell.shell-header-fullwidth-v26822 .topbar-page-subtitle {
    margin: 0 !important;
    line-height: 1.2 !important;
    max-width: 720px !important;
}

/* Ações do header alinhadas verticalmente ao centro. */
.app-shell.shell-header-fullwidth-v26822 .topbar-actions {
    grid-area: actions !important;
    height: var(--mindz-global-header-height) !important;
    min-height: var(--mindz-global-header-height) !important;
    display: flex !important;
    align-items: center !important;
    align-content: center !important;
    justify-content: flex-end !important;
    justify-self: end !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.app-shell.shell-header-fullwidth-v26822 .topbar-actions > * {
    align-self: center !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Sidebar e conteúdo continuam respeitando o header refinado. */
.app-shell.shell-header-fullwidth-v26822 #appSidebar.sidebar {
    top: var(--mindz-global-header-height) !important;
    height: calc(100dvh - var(--mindz-global-header-height)) !important;
    max-height: calc(100dvh - var(--mindz-global-header-height)) !important;
}

.app-shell.shell-header-fullwidth-v26822,
.app-shell.sidebar-collapsed.shell-header-fullwidth-v26822 {
    padding-top: var(--mindz-global-header-height) !important;
}

/* Quando expande no hover, o conteúdo cede espaço em vez de ficar coberto. */
.app-shell.shell-header-fullwidth-v26822.sidebar-collapsed.sidebar-hover-expanded {
    --sidebar-current-width: var(--sidebar-width-expanded) !important;
}

/* Flyouts abaixo do header, sem sobrepor o conteúdo útil. */
.app-shell.shell-header-fullwidth-v26822 :is(.sidebar-flyout, .app-sidebar-flyout, .sidebar-submenu-portal, [data-sidebar-flyout="true"]) {
    top: max(var(--mindz-global-header-height), var(--flyout-top, var(--mindz-global-header-height))) !important;
    max-height: calc(100dvh - var(--mindz-global-header-height) - 18px) !important;
    z-index: calc(var(--z-sidebar, 900) + 20) !important;
}

@media (max-width: 959px) {
    .app-shell.shell-header-fullwidth-v26822 .app-topbar,
    .app-shell.shell-header-fullwidth-v26822 .app-topbar.topbar-corrigida {
        grid-template-columns: minmax(104px, 134px) auto minmax(0, 1fr) !important;
        grid-template-areas: "brand mobile actions" !important;
        column-gap: 10px !important;
        padding-inline: 14px !important;
    }

    .app-shell.shell-header-fullwidth-v26822 .topbar-mobile-menu-button {
        display: inline-flex !important;
    }

    .app-shell.shell-header-fullwidth-v26822 .topbar-page-title-area {
        display: none !important;
    }

    .app-shell.shell-header-fullwidth-v26822 .app-header-brand .sistema-logo-img {
        max-height: 29px !important;
    }
}



/* =========================================================
   MindZ v26823 — Header: logo branca em todos os temas + títulos à esquerda
   ========================================================= */

:root {
    --mindz-global-header-height: 76px;
    --mindz-global-header-logo-width: clamp(150px, 10.8vw, 192px);
    --mindz-global-header-brand-pad-left: clamp(18px, 2vw, 32px);
    --mindz-global-header-brand-gap: clamp(20px, 2vw, 34px);
}

.app-shell.shell-header-fullwidth-v26823 .app-topbar,
.app-shell.shell-header-fullwidth-v26823 .app-topbar.topbar-corrigida {
    height: var(--mindz-global-header-height) !important;
    min-height: var(--mindz-global-header-height) !important;
    display: grid !important;
    grid-template-columns:
        calc(var(--mindz-global-header-logo-width) + var(--mindz-global-header-brand-pad-left))
        minmax(360px, 1fr)
        auto !important;
    grid-template-areas: "brand title actions" !important;
    align-items: center !important;
    align-content: center !important;
    column-gap: var(--mindz-global-header-brand-gap) !important;
    row-gap: 0 !important;
    padding: 0 clamp(18px, 2vw, 34px) 0 0 !important;
}

/* Logo com respiro, sempre branca, centralizada verticalmente. */
.app-shell.shell-header-fullwidth-v26823 .app-header-brand {
    grid-area: brand !important;
    width: calc(var(--mindz-global-header-logo-width) + var(--mindz-global-header-brand-pad-left)) !important;
    height: var(--mindz-global-header-height) !important;
    min-height: var(--mindz-global-header-height) !important;
    display: flex !important;
    align-items: center !important;
    align-self: center !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    padding: 0 0 0 var(--mindz-global-header-brand-pad-left) !important;
    border: 0 !important;
    overflow: visible !important;
}

.app-shell.shell-header-fullwidth-v26823 .app-header-brand::before,
.app-shell.shell-header-fullwidth-v26823 .app-header-brand::after,
.app-shell.shell-header-fullwidth-v26823 .app-header-brand__link::before,
.app-shell.shell-header-fullwidth-v26823 .app-header-brand__link::after {
    content: none !important;
    display: none !important;
}

.app-shell.shell-header-fullwidth-v26823 .app-header-brand__link {
    width: var(--mindz-global-header-logo-width) !important;
    max-width: var(--mindz-global-header-logo-width) !important;
    height: var(--mindz-global-header-height) !important;
    min-height: var(--mindz-global-header-height) !important;
    display: flex !important;
    align-items: center !important;
    align-self: center !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    line-height: 0 !important;
    overflow: visible !important;
    background: transparent !important;
}

.app-shell.shell-header-fullwidth-v26823 .app-header-brand .sistema-logo-img {
    display: block !important;
    width: var(--mindz-global-header-logo-width) !important;
    max-width: var(--mindz-global-header-logo-width) !important;
    height: auto !important;
    max-height: 42px !important;
    object-fit: contain !important;
    object-position: left center !important;
    align-self: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    clip-path: none !important;
    filter: drop-shadow(0 7px 14px rgba(0, 0, 0, .20)) !important;
}

/* Títulos imediatamente depois da logo, alinhados à esquerda. */
.app-shell.shell-header-fullwidth-v26823 .topbar-page-title-area {
    grid-area: title !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: none !important;
    height: var(--mindz-global-header-height) !important;
    display: grid !important;
    align-content: center !important;
    align-items: center !important;
    justify-content: start !important;
    justify-items: start !important;
    gap: 2px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    justify-self: start !important;
}

.app-shell.shell-header-fullwidth-v26823 .topbar-breadcrumbs,
.app-shell.shell-header-fullwidth-v26823 .topbar-page-title,
.app-shell.shell-header-fullwidth-v26823 .topbar-page-subtitle,
.app-shell.shell-header-fullwidth-v26823 .topbar-page-context {
    text-align: left !important;
    justify-self: start !important;
    align-self: center !important;
    max-width: min(760px, 100%) !important;
}

.app-shell.shell-header-fullwidth-v26823 .topbar-breadcrumbs {
    margin: 0 !important;
    line-height: 1.12 !important;
}

.app-shell.shell-header-fullwidth-v26823 .topbar-page-title {
    margin: 0 !important;
    line-height: 1.05 !important;
}

.app-shell.shell-header-fullwidth-v26823 .topbar-page-subtitle {
    margin: 0 !important;
    line-height: 1.18 !important;
}

/* Ações centralizadas verticalmente, sem empurrar títulos para longe da logo. */
.app-shell.shell-header-fullwidth-v26823 .topbar-actions {
    grid-area: actions !important;
    height: var(--mindz-global-header-height) !important;
    min-height: var(--mindz-global-header-height) !important;
    display: flex !important;
    align-items: center !important;
    align-content: center !important;
    justify-content: flex-end !important;
    justify-self: end !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.app-shell.shell-header-fullwidth-v26823 .topbar-actions > * {
    align-self: center !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.app-shell.shell-header-fullwidth-v26823 .topbar-mobile-menu-button {
    display: none !important;
}

@media (max-width: 1180px) {
    :root {
        --mindz-global-header-logo-width: clamp(132px, 15vw, 164px);
        --mindz-global-header-brand-pad-left: 16px;
        --mindz-global-header-brand-gap: 14px;
    }

    .app-shell.shell-header-fullwidth-v26823 .app-topbar,
    .app-shell.shell-header-fullwidth-v26823 .app-topbar.topbar-corrigida {
        grid-template-columns:
            calc(var(--mindz-global-header-logo-width) + var(--mindz-global-header-brand-pad-left))
            minmax(240px, 1fr)
            auto !important;
    }

    .app-shell.shell-header-fullwidth-v26823 .app-header-brand .sistema-logo-img {
        max-height: 36px !important;
    }
}

@media (max-width: 959px) {
    .app-shell.shell-header-fullwidth-v26823 .app-topbar,
    .app-shell.shell-header-fullwidth-v26823 .app-topbar.topbar-corrigida {
        grid-template-columns:
            calc(var(--mindz-global-header-logo-width) + var(--mindz-global-header-brand-pad-left))
            auto
            minmax(0, 1fr) !important;
        grid-template-areas: "brand mobile actions" !important;
        column-gap: 10px !important;
        padding-right: 14px !important;
    }

    .app-shell.shell-header-fullwidth-v26823 .topbar-mobile-menu-button {
        display: inline-flex !important;
        grid-area: mobile !important;
    }

    .app-shell.shell-header-fullwidth-v26823 .topbar-page-title-area {
        display: none !important;
    }

    .app-shell.shell-header-fullwidth-v26823 .app-header-brand .sistema-logo-img {
        max-height: 32px !important;
    }
}



/* =========================================================
   MindZ v26824 — Header: respiro real na logo + títulos após a logo
   ========================================================= */

/*
   Regra mais forte que a v26823:
   - header vira grid explícito: logo | títulos | ações;
   - a logo recebe margem/padding real na esquerda;
   - títulos ficam colados à coluna depois da logo, alinhados à esquerda;
   - ações ficam somente à direita.
*/
:root {
    --mindz-global-header-height: 76px;
    --mindz-header-logo-left-space: clamp(30px, 2.8vw, 52px);
    --mindz-header-logo-box-width: clamp(174px, 12vw, 224px);
    --mindz-header-title-gap: clamp(26px, 2.4vw, 44px);
}

.app-shell.shell-header-fullwidth-v26824 .app-topbar,
.app-shell.shell-header-fullwidth-v26824 .app-topbar.topbar-corrigida,
.app-shell.shell-header-fullwidth-v26824 header#appTopbar,
.app-shell.shell-header-fullwidth-v26824 header[data-mindz-header-layout] {
    height: var(--mindz-global-header-height) !important;
    min-height: var(--mindz-global-header-height) !important;
    width: 100% !important;
    display: grid !important;
    grid-template-columns:
        calc(var(--mindz-header-logo-left-space) + var(--mindz-header-logo-box-width))
        minmax(320px, 1fr)
        auto !important;
    grid-template-areas: "brand title actions" !important;
    align-items: center !important;
    align-content: center !important;
    justify-content: stretch !important;
    justify-items: stretch !important;
    column-gap: var(--mindz-header-title-gap) !important;
    row-gap: 0 !important;
    padding: 0 clamp(20px, 2vw, 34px) 0 0 !important;
}

/* LOGO: respiro real à esquerda; não fica colada no header. */
.app-shell.shell-header-fullwidth-v26824 .app-topbar .app-header-brand,
.app-shell.shell-header-fullwidth-v26824 .app-header-brand {
    grid-area: brand !important;
    width: calc(var(--mindz-header-logo-left-space) + var(--mindz-header-logo-box-width)) !important;
    min-width: calc(var(--mindz-header-logo-left-space) + var(--mindz-header-logo-box-width)) !important;
    height: var(--mindz-global-header-height) !important;
    min-height: var(--mindz-global-header-height) !important;
    display: flex !important;
    align-items: center !important;
    align-self: center !important;
    justify-content: flex-start !important;
    justify-self: start !important;
    margin: 0 !important;
    padding: 0 0 0 var(--mindz-header-logo-left-space) !important;
    border: 0 !important;
    background: transparent !important;
    overflow: visible !important;
}

.app-shell.shell-header-fullwidth-v26824 .app-header-brand::before,
.app-shell.shell-header-fullwidth-v26824 .app-header-brand::after,
.app-shell.shell-header-fullwidth-v26824 .app-header-brand__link::before,
.app-shell.shell-header-fullwidth-v26824 .app-header-brand__link::after {
    content: none !important;
    display: none !important;
}

.app-shell.shell-header-fullwidth-v26824 .app-header-brand__link {
    width: var(--mindz-header-logo-box-width) !important;
    max-width: var(--mindz-header-logo-box-width) !important;
    height: var(--mindz-global-header-height) !important;
    min-height: var(--mindz-global-header-height) !important;
    display: flex !important;
    align-items: center !important;
    align-self: center !important;
    justify-content: flex-start !important;
    justify-self: start !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    line-height: 0 !important;
}

.app-shell.shell-header-fullwidth-v26824 .app-header-brand .sistema-logo-img {
    width: var(--mindz-header-logo-box-width) !important;
    max-width: var(--mindz-header-logo-box-width) !important;
    height: auto !important;
    max-height: 42px !important;
    display: block !important;
    object-fit: contain !important;
    object-position: left center !important;
    align-self: center !important;
    justify-self: start !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    clip-path: none !important;
}

/* TÍTULOS: ficam imediatamente após a logo, à esquerda. */
.app-shell.shell-header-fullwidth-v26824 .app-topbar #topbarPageTitleArea,
.app-shell.shell-header-fullwidth-v26824 #topbarPageTitleArea.topbar-page-title-area,
.app-shell.shell-header-fullwidth-v26824 .topbar-page-title-area {
    grid-area: title !important;
    grid-column: 2 !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: none !important;
    height: var(--mindz-global-header-height) !important;
    min-height: var(--mindz-global-header-height) !important;
    display: grid !important;
    align-content: center !important;
    align-items: center !important;
    justify-content: start !important;
    justify-items: start !important;
    justify-self: start !important;
    text-align: left !important;
    gap: 2px !important;
    margin: 0 !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    padding: 0 !important;
    transform: none !important;
    left: auto !important;
    right: auto !important;
}

.app-shell.shell-header-fullwidth-v26824 #topbarBreadcrumbs,
.app-shell.shell-header-fullwidth-v26824 #topbarContext,
.app-shell.shell-header-fullwidth-v26824 #topbarPageTitle,
.app-shell.shell-header-fullwidth-v26824 #topbarPageSubtitle,
.app-shell.shell-header-fullwidth-v26824 .topbar-breadcrumbs,
.app-shell.shell-header-fullwidth-v26824 .topbar-page-context,
.app-shell.shell-header-fullwidth-v26824 .topbar-page-title,
.app-shell.shell-header-fullwidth-v26824 .topbar-page-subtitle {
    width: auto !important;
    max-width: min(780px, 100%) !important;
    min-width: 0 !important;
    text-align: left !important;
    justify-self: start !important;
    align-self: center !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    transform: none !important;
}

.app-shell.shell-header-fullwidth-v26824 #topbarBreadcrumbs,
.app-shell.shell-header-fullwidth-v26824 .topbar-breadcrumbs {
    margin-top: 0 !important;
    margin-bottom: 1px !important;
    line-height: 1.1 !important;
}

.app-shell.shell-header-fullwidth-v26824 #topbarPageTitle,
.app-shell.shell-header-fullwidth-v26824 .topbar-page-title {
    margin-top: 0 !important;
    margin-bottom: 1px !important;
    line-height: 1.05 !important;
}

.app-shell.shell-header-fullwidth-v26824 #topbarPageSubtitle,
.app-shell.shell-header-fullwidth-v26824 .topbar-page-subtitle {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    line-height: 1.18 !important;
}

/* AÇÕES: preservadas à direita, sem puxar o título. */
.app-shell.shell-header-fullwidth-v26824 .app-topbar #topbarActions,
.app-shell.shell-header-fullwidth-v26824 #topbarActions.topbar-actions,
.app-shell.shell-header-fullwidth-v26824 .topbar-actions {
    grid-area: actions !important;
    grid-column: 3 !important;
    height: var(--mindz-global-header-height) !important;
    min-height: var(--mindz-global-header-height) !important;
    display: flex !important;
    align-items: center !important;
    align-content: center !important;
    justify-content: flex-end !important;
    justify-self: end !important;
    gap: 10px !important;
    margin: 0 !important;
    margin-left: 0 !important;
    padding: 0 !important;
    transform: none !important;
}

.app-shell.shell-header-fullwidth-v26824 .topbar-actions > * {
    align-self: center !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.app-shell.shell-header-fullwidth-v26824 .topbar-mobile-menu-button {
    display: none !important;
}

@media (max-width: 1180px) {
    :root {
        --mindz-header-logo-left-space: 22px;
        --mindz-header-logo-box-width: clamp(142px, 15vw, 172px);
        --mindz-header-title-gap: 18px;
    }

    .app-shell.shell-header-fullwidth-v26824 .app-topbar,
    .app-shell.shell-header-fullwidth-v26824 .app-topbar.topbar-corrigida {
        grid-template-columns:
            calc(var(--mindz-header-logo-left-space) + var(--mindz-header-logo-box-width))
            minmax(220px, 1fr)
            auto !important;
    }

    .app-shell.shell-header-fullwidth-v26824 .app-header-brand .sistema-logo-img {
        max-height: 36px !important;
    }
}

@media (max-width: 959px) {
    .app-shell.shell-header-fullwidth-v26824 .app-topbar,
    .app-shell.shell-header-fullwidth-v26824 .app-topbar.topbar-corrigida {
        grid-template-columns:
            calc(var(--mindz-header-logo-left-space) + var(--mindz-header-logo-box-width))
            auto
            minmax(0, 1fr) !important;
        grid-template-areas: "brand mobile actions" !important;
        column-gap: 10px !important;
        padding-right: 14px !important;
    }

    .app-shell.shell-header-fullwidth-v26824 .topbar-mobile-menu-button {
        display: inline-flex !important;
        grid-area: mobile !important;
    }

    .app-shell.shell-header-fullwidth-v26824 .topbar-page-title-area {
        display: none !important;
    }

    .app-shell.shell-header-fullwidth-v26824 .app-header-brand .sistema-logo-img {
        max-height: 31px !important;
    }
}



/* =========================================================
   MindZ v26825 — Header conforme mock do Paint
   ========================================================= */

/*
   Layout travado:
   [respiro + logo] | [breadcrumb/título/subtítulo] | [ações]
   Sem hover/efeito na logo.
*/
:root {
    --mindz-global-header-height: 76px;
    --mindz-header-logo-left-space: 22px;
    --mindz-header-logo-width-final: 128px;
    --mindz-header-title-gap-final: 22px;
    --mindz-header-brand-column-final: calc(
        var(--mindz-header-logo-left-space) +
        var(--mindz-header-logo-width-final) +
        var(--mindz-header-title-gap-final)
    );
}

.app-shell.shell-header-fullwidth-v26825 .app-topbar,
.app-shell.shell-header-fullwidth-v26825 .app-topbar.topbar-corrigida,
.app-shell.shell-header-fullwidth-v26825 header[data-mindz-header-layout] {
    height: var(--mindz-global-header-height) !important;
    min-height: var(--mindz-global-header-height) !important;
    width: 100% !important;
    display: grid !important;
    grid-template-columns: var(--mindz-header-brand-column-final) minmax(360px, 1fr) auto !important;
    grid-template-areas: "brand title actions" !important;
    align-items: center !important;
    align-content: center !important;
    justify-content: stretch !important;
    justify-items: stretch !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    padding: 0 22px 0 0 !important;
    overflow: visible !important;
}

/* LOGO: respiro à esquerda e sem qualquer hover/efeito. */
.app-shell.shell-header-fullwidth-v26825 .app-header-brand {
    grid-area: brand !important;
    grid-column: 1 !important;
    width: var(--mindz-header-brand-column-final) !important;
    min-width: var(--mindz-header-brand-column-final) !important;
    max-width: var(--mindz-header-brand-column-final) !important;
    height: var(--mindz-global-header-height) !important;
    min-height: var(--mindz-global-header-height) !important;
    display: flex !important;
    align-items: center !important;
    align-self: center !important;
    justify-content: flex-start !important;
    justify-self: start !important;
    margin: 0 !important;
    padding: 0 0 0 var(--mindz-header-logo-left-space) !important;
    border: 0 !important;
    background: transparent !important;
    overflow: visible !important;
    transform: none !important;
}

.app-shell.shell-header-fullwidth-v26825 .app-header-brand,
.app-shell.shell-header-fullwidth-v26825 .app-header-brand:hover,
.app-shell.shell-header-fullwidth-v26825 .app-header-brand:focus-within,
.app-shell.shell-header-fullwidth-v26825 .app-header-brand__link,
.app-shell.shell-header-fullwidth-v26825 .app-header-brand__link:hover,
.app-shell.shell-header-fullwidth-v26825 .app-header-brand__link:focus,
.app-shell.shell-header-fullwidth-v26825 .app-header-brand__link:focus-visible {
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
    outline: none !important;
}

.app-shell.shell-header-fullwidth-v26825 .app-header-brand::before,
.app-shell.shell-header-fullwidth-v26825 .app-header-brand::after,
.app-shell.shell-header-fullwidth-v26825 .app-header-brand__link::before,
.app-shell.shell-header-fullwidth-v26825 .app-header-brand__link::after {
    content: none !important;
    display: none !important;
}

.app-shell.shell-header-fullwidth-v26825 .app-header-brand__link {
    width: var(--mindz-header-logo-width-final) !important;
    min-width: var(--mindz-header-logo-width-final) !important;
    max-width: var(--mindz-header-logo-width-final) !important;
    height: var(--mindz-global-header-height) !important;
    min-height: var(--mindz-global-header-height) !important;
    display: flex !important;
    align-items: center !important;
    align-self: center !important;
    justify-content: flex-start !important;
    justify-self: start !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    line-height: 0 !important;
    overflow: visible !important;
}

.app-shell.shell-header-fullwidth-v26825 .app-header-brand .sistema-logo-img,
.app-shell.shell-header-fullwidth-v26825 .app-header-brand .sistema-logo-img.sidebar {
    width: var(--mindz-header-logo-width-final) !important;
    min-width: var(--mindz-header-logo-width-final) !important;
    max-width: var(--mindz-header-logo-width-final) !important;
    height: auto !important;
    max-height: 34px !important;
    display: block !important;
    object-fit: contain !important;
    object-position: left center !important;
    align-self: center !important;
    justify-self: start !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    clip-path: none !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
    transition: none !important;
}

.app-shell.shell-header-fullwidth-v26825 .app-header-brand:hover .sistema-logo-img,
.app-shell.shell-header-fullwidth-v26825 .app-header-brand__link:hover .sistema-logo-img,
.app-shell.shell-header-fullwidth-v26825 .app-header-brand__link:focus-visible .sistema-logo-img {
    filter: none !important;
    transform: none !important;
    box-shadow: none !important;
}

/* TÍTULOS: primeira coisa após a coluna da logo. */
.app-shell.shell-header-fullwidth-v26825 #topbarPageTitleArea,
.app-shell.shell-header-fullwidth-v26825 .topbar-page-title-area {
    grid-area: title !important;
    grid-column: 2 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: var(--mindz-global-header-height) !important;
    min-height: var(--mindz-global-header-height) !important;
    display: grid !important;
    align-content: center !important;
    align-items: center !important;
    justify-content: start !important;
    justify-items: start !important;
    justify-self: start !important;
    text-align: left !important;
    gap: 2px !important;
    margin: 0 !important;
    padding: 0 !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
}

.app-shell.shell-header-fullwidth-v26825 #topbarBreadcrumbs,
.app-shell.shell-header-fullwidth-v26825 #topbarContext,
.app-shell.shell-header-fullwidth-v26825 #topbarPageTitle,
.app-shell.shell-header-fullwidth-v26825 #topbarPageSubtitle,
.app-shell.shell-header-fullwidth-v26825 .topbar-breadcrumbs,
.app-shell.shell-header-fullwidth-v26825 .topbar-page-context,
.app-shell.shell-header-fullwidth-v26825 .topbar-page-title,
.app-shell.shell-header-fullwidth-v26825 .topbar-page-subtitle {
    width: auto !important;
    max-width: min(780px, 100%) !important;
    text-align: left !important;
    justify-self: start !important;
    align-self: center !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    transform: none !important;
}

.app-shell.shell-header-fullwidth-v26825 #topbarBreadcrumbs,
.app-shell.shell-header-fullwidth-v26825 .topbar-breadcrumbs {
    margin-top: 0 !important;
    margin-bottom: 1px !important;
    line-height: 1.1 !important;
}

.app-shell.shell-header-fullwidth-v26825 #topbarPageTitle,
.app-shell.shell-header-fullwidth-v26825 .topbar-page-title {
    margin-top: 0 !important;
    margin-bottom: 1px !important;
    line-height: 1.05 !important;
}

.app-shell.shell-header-fullwidth-v26825 #topbarPageSubtitle,
.app-shell.shell-header-fullwidth-v26825 .topbar-page-subtitle {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    line-height: 1.18 !important;
}

/* AÇÕES: à direita, sem interferir no bloco de títulos. */
.app-shell.shell-header-fullwidth-v26825 #topbarActions,
.app-shell.shell-header-fullwidth-v26825 .topbar-actions {
    grid-area: actions !important;
    grid-column: 3 !important;
    height: var(--mindz-global-header-height) !important;
    min-height: var(--mindz-global-header-height) !important;
    display: flex !important;
    align-items: center !important;
    align-content: center !important;
    justify-content: flex-end !important;
    justify-self: end !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
}

.app-shell.shell-header-fullwidth-v26825 .topbar-mobile-menu-button {
    display: none !important;
}

@media (max-width: 1180px) {
    :root {
        --mindz-header-logo-left-space: 18px;
        --mindz-header-logo-width-final: 116px;
        --mindz-header-title-gap-final: 16px;
    }

    .app-shell.shell-header-fullwidth-v26825 .app-header-brand .sistema-logo-img,
    .app-shell.shell-header-fullwidth-v26825 .app-header-brand .sistema-logo-img.sidebar {
        max-height: 31px !important;
    }
}

@media (max-width: 959px) {
    .app-shell.shell-header-fullwidth-v26825 .app-topbar,
    .app-shell.shell-header-fullwidth-v26825 .app-topbar.topbar-corrigida {
        grid-template-columns: var(--mindz-header-brand-column-final) auto minmax(0, 1fr) !important;
        grid-template-areas: "brand mobile actions" !important;
        padding-right: 14px !important;
    }

    .app-shell.shell-header-fullwidth-v26825 .topbar-mobile-menu-button {
        display: inline-flex !important;
        grid-area: mobile !important;
    }

    .app-shell.shell-header-fullwidth-v26825 .topbar-page-title-area {
        display: none !important;
    }
}



/* =========================================================
   MindZ v26826 — Header Home com tagbar, notificações e busca
   ========================================================= */

:root {
    --mindz-global-header-height: 76px;
    --mindz-header-logo-left-space: 34px;
    --mindz-header-logo-width-final: 132px;
    --mindz-header-title-gap-final: 24px;
    --mindz-header-brand-column-final: calc(
        var(--mindz-header-logo-left-space) +
        var(--mindz-header-logo-width-final) +
        var(--mindz-header-title-gap-final)
    );
}

/* Respiro da logo reforçado em todas as telas. */
.app-shell.shell-header-fullwidth-v26826 .app-header-brand {
    padding-left: var(--mindz-header-logo-left-space) !important;
}

.app-shell.shell-header-fullwidth-v26826 .app-header-brand,
.app-shell.shell-header-fullwidth-v26826 .app-header-brand:hover,
.app-shell.shell-header-fullwidth-v26826 .app-header-brand__link,
.app-shell.shell-header-fullwidth-v26826 .app-header-brand__link:hover,
.app-shell.shell-header-fullwidth-v26826 .app-header-brand__link:focus-visible {
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
    outline: none !important;
}

.app-shell.shell-header-fullwidth-v26826 .app-header-brand .sistema-logo-img,
.app-shell.shell-header-fullwidth-v26826 .app-header-brand:hover .sistema-logo-img,
.app-shell.shell-header-fullwidth-v26826 .app-header-brand__link:hover .sistema-logo-img,
.app-shell.shell-header-fullwidth-v26826 .app-header-brand__link:focus-visible .sistema-logo-img {
    filter: none !important;
    box-shadow: none !important;
    transform: none !important;
    transition: none !important;
    background: transparent !important;
}

/* Somente na Home: o header vira Logo | controles da Home. */
.app-shell.shell-home-header-controls-v26826 .app-topbar.app-topbar--home-controls-v26826,
.app-shell.shell-home-header-controls-v26826 .app-topbar.topbar-corrigida.app-topbar--home-controls-v26826 {
    grid-template-columns: var(--mindz-header-brand-column-final) minmax(0, 1fr) !important;
    grid-template-areas: "brand homeControls" !important;
    align-items: center !important;
    align-content: center !important;
    column-gap: 0 !important;
    padding-right: clamp(22px, 2vw, 36px) !important;
}

.app-shell.shell-home-header-controls-v26826 .app-topbar--home-controls-v26826 #topbarPageTitleArea,
.app-shell.shell-home-header-controls-v26826 .app-topbar--home-controls-v26826 .topbar-page-title-area,
.app-shell.shell-home-header-controls-v26826 .app-topbar--home-controls-v26826 #topbarActions,
.app-shell.shell-home-header-controls-v26826 .app-topbar--home-controls-v26826 .topbar-actions {
    display: none !important;
}

.app-shell.shell-home-header-controls-v26826 .ph-home-header-controls-v26826 {
    grid-area: homeControls !important;
    min-width: 0 !important;
    width: 100% !important;
    height: var(--mindz-global-header-height) !important;
    display: grid !important;
    grid-template-columns: minmax(260px, 520px) minmax(380px, 1fr) !important;
    align-items: center !important;
    align-content: center !important;
    gap: clamp(18px, 2vw, 34px) !important;
    justify-self: stretch !important;
}

.app-shell.shell-home-header-controls-v26826 .ph-home-header-controls-v26826__views {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 520px !important;
    justify-self: start !important;
}

.app-shell.shell-home-header-controls-v26826 .ph-home-header-controls-v26826__actions {
    min-width: 0 !important;
    width: 100% !important;
    display: grid !important;
    grid-template-columns: auto minmax(320px, 620px) !important;
    align-items: center !important;
    justify-content: end !important;
    gap: clamp(14px, 1.4vw, 24px) !important;
}

.app-shell.shell-home-header-controls-v26826 #phHomeNotificationsBtn {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    border-radius: 999px !important;
    color: rgba(255,255,255,.92) !important;
    border: 1px solid rgba(255,255,255,.24) !important;
    background: rgba(255,255,255,.10) !important;
    box-shadow: 0 12px 30px rgba(0,0,0,.14) !important;
}

.app-shell.shell-home-header-controls-v26826 #phHomeNotificationsBtn:hover {
    background: rgba(255,255,255,.14) !important;
    color: #fff !important;
}

.app-shell.shell-home-header-controls-v26826 #phHomeNotificationBadge {
    top: -5px !important;
    right: -2px !important;
}

.app-shell.shell-home-header-controls-v26826 #phHomeSearchForm.ph-home-search,
.app-shell.shell-home-header-controls-v26826 #phHomeSearchForm.ph-home-redesign-search {
    width: min(100%, 620px) !important;
    min-width: min(100%, 320px) !important;
    height: 46px !important;
    margin: 0 !important;
    justify-self: end !important;
    border-color: rgba(255,255,255,.22) !important;
    background: rgba(255,255,255,.96) !important;
    box-shadow: 0 14px 34px rgba(0,0,0,.12) !important;
}

.app-shell.shell-home-header-controls-v26826 .ph-home-header-controls-v26826 .ph-home-manager-view-switch {
    width: 100% !important;
    margin: 0 !important;
}

.app-shell.shell-home-header-controls-v26826 .ph-home-header-controls-v26826 .ph-home-manager-view-switch--tagbar {
    min-height: 46px !important;
    padding: 4px !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.10) !important;
    border: 1px solid rgba(255,255,255,.24) !important;
    box-shadow: 0 12px 30px rgba(0,0,0,.13) !important;
}

.app-shell.shell-home-header-controls-v26826 .ph-home-header-controls-v26826 .ph-home-manager-view-switch__item {
    min-height: 38px !important;
    color: rgba(255,255,255,.84) !important;
}

.app-shell.shell-home-header-controls-v26826 .ph-home-header-controls-v26826 .ph-home-manager-view-switch__item.is-active {
    background: rgba(255,255,255,.18) !important;
    color: #fff !important;
    box-shadow: inset 0 -2px 0 rgba(255,255,255,.74) !important;
}

@media (max-width: 1180px) {
    .app-shell.shell-home-header-controls-v26826 .ph-home-header-controls-v26826 {
        grid-template-columns: minmax(220px, 420px) minmax(300px, 1fr) !important;
        gap: 16px !important;
    }

    .app-shell.shell-home-header-controls-v26826 .ph-home-header-controls-v26826__actions {
        grid-template-columns: auto minmax(240px, 1fr) !important;
    }
}

@media (max-width: 959px) {
    .app-shell.shell-home-header-controls-v26826 .app-topbar.app-topbar--home-controls-v26826,
    .app-shell.shell-home-header-controls-v26826 .app-topbar.topbar-corrigida.app-topbar--home-controls-v26826 {
        grid-template-columns: var(--mindz-header-brand-column-final) minmax(0, 1fr) !important;
        grid-template-areas: "brand homeControls" !important;
    }

    .app-shell.shell-home-header-controls-v26826 .ph-home-header-controls-v26826 {
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 10px !important;
    }

    .app-shell.shell-home-header-controls-v26826 .ph-home-header-controls-v26826__views {
        display: none !important;
    }

    .app-shell.shell-home-header-controls-v26826 .ph-home-header-controls-v26826__actions {
        grid-template-columns: auto minmax(0, 1fr) !important;
        gap: 10px !important;
    }
}



/* =========================================================
   MindZ v26827 — correção definitiva do respiro da logo
   ========================================================= */

:root {
    --mindz-logo-left-breathing-26827: 24px;
}

/*
   Ajuste direto e forte:
   a logo inteira é empurrada para a direita com margem/padding reais.
*/
.app-shell.shell-header-logo-breathing-v26827 .app-topbar .app-header-brand,
.app-shell.shell-header-logo-breathing-v26827 .app-topbar.topbar-corrigida .app-header-brand,
.app-shell.shell-header-logo-breathing-v26827 .app-header-brand {
    padding-left: var(--mindz-logo-left-breathing-26827) !important;
    margin-left: 0 !important;
    justify-content: flex-start !important;
    overflow: visible !important;
}

.app-shell.shell-header-logo-breathing-v26827 .app-topbar .app-header-brand__link,
.app-shell.shell-header-logo-breathing-v26827 .app-topbar.topbar-corrigida .app-header-brand__link,
.app-shell.shell-header-logo-breathing-v26827 .app-header-brand__link {
    margin-left: 0 !important;
    padding-left: 0 !important;
    justify-content: flex-start !important;
}

.app-shell.shell-header-logo-breathing-v26827 .app-topbar .app-header-brand .sistema-logo-img,
.app-shell.shell-header-logo-breathing-v26827 .app-topbar.topbar-corrigida .app-header-brand .sistema-logo-img,
.app-shell.shell-header-logo-breathing-v26827 .app-header-brand .sistema-logo-img,
.app-shell.shell-header-logo-breathing-v26827 .app-topbar .app-header-brand .sistema-logo-img.sidebar,
.app-shell.shell-header-logo-breathing-v26827 .app-topbar.topbar-corrigida .app-header-brand .sistema-logo-img.sidebar,
.app-shell.shell-header-logo-breathing-v26827 .app-header-brand .sistema-logo-img.sidebar {
    margin-left: 0 !important;
    object-position: left center !important;
    background: transparent !important;
}

/* Home também respeita o mesmo respiro */
.app-shell.shell-header-logo-breathing-v26827.shell-home-header-controls-v26826 .app-topbar .app-header-brand,
.app-shell.shell-header-logo-breathing-v26827.shell-home-header-controls-v26826 .app-topbar.topbar-corrigida .app-header-brand {
    padding-left: max(var(--mindz-logo-left-breathing-26827), var(--mindz-header-logo-left-space, 24px)) !important;
}

/* Responsivo */
@media (max-width: 1180px) {
    :root {
        --mindz-logo-left-breathing-26827: 20px;
    }
}



/* =========================================================
   MindZ v26828 — respiro da logo no próprio asset + CSS final
   ========================================================= */

/*
   Correção definitiva:
   a logo PNG agora tem uma faixa transparente à esquerda.
   Mesmo que o IMG fique encostado no início do header, a parte visível
   da marca não ficará agarrada no canto.
*/
:root {
    --mindz-logo-visual-height-26828: 38px;
    --mindz-logo-asset-box-26828: 170px;
}

.app-shell.shell-header-logo-asset-padding-v26828 .app-header-brand,
.app-shell.shell-header-logo-asset-padding-v26828 .app-topbar .app-header-brand,
.app-shell.shell-header-logo-asset-padding-v26828 .app-topbar.topbar-corrigida .app-header-brand {
    width: var(--mindz-logo-asset-box-26828) !important;
    min-width: var(--mindz-logo-asset-box-26828) !important;
    max-width: var(--mindz-logo-asset-box-26828) !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    overflow: visible !important;
    background: transparent !important;
}

.app-shell.shell-header-logo-asset-padding-v26828 .app-header-brand__link,
.app-shell.shell-header-logo-asset-padding-v26828 .app-topbar .app-header-brand__link,
.app-shell.shell-header-logo-asset-padding-v26828 .app-topbar.topbar-corrigida .app-header-brand__link {
    width: var(--mindz-logo-asset-box-26828) !important;
    min-width: var(--mindz-logo-asset-box-26828) !important;
    max-width: var(--mindz-logo-asset-box-26828) !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    overflow: visible !important;
    background: transparent !important;
}

.app-shell.shell-header-logo-asset-padding-v26828 .app-header-brand .sistema-logo-img,
.app-shell.shell-header-logo-asset-padding-v26828 .app-header-brand .sistema-logo-img.sidebar,
.app-shell.shell-header-logo-asset-padding-v26828 .app-topbar .app-header-brand .sistema-logo-img,
.app-shell.shell-header-logo-asset-padding-v26828 .app-topbar.topbar-corrigida .app-header-brand .sistema-logo-img {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: var(--mindz-logo-visual-height-26828) !important;
    max-height: var(--mindz-logo-visual-height-26828) !important;
    object-fit: contain !important;
    object-position: left center !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
    transition: none !important;
}

.app-shell.shell-header-logo-asset-padding-v26828 .app-header-brand:hover,
.app-shell.shell-header-logo-asset-padding-v26828 .app-header-brand__link:hover,
.app-shell.shell-header-logo-asset-padding-v26828 .app-header-brand:hover .sistema-logo-img,
.app-shell.shell-header-logo-asset-padding-v26828 .app-header-brand__link:hover .sistema-logo-img {
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
}

/* Ajusta a coluna do header para a largura real do asset com respiro embutido. */
.app-shell.shell-header-logo-asset-padding-v26828 .app-topbar,
.app-shell.shell-header-logo-asset-padding-v26828 .app-topbar.topbar-corrigida {
    grid-template-columns: var(--mindz-logo-asset-box-26828) minmax(360px, 1fr) auto !important;
}

.app-shell.shell-header-logo-asset-padding-v26828.shell-home-header-controls-v26826 .app-topbar,
.app-shell.shell-header-logo-asset-padding-v26828.shell-home-header-controls-v26826 .app-topbar.topbar-corrigida {
    grid-template-columns: var(--mindz-logo-asset-box-26828) minmax(0, 1fr) !important;
}

@media (max-width: 1180px) {
    :root {
        --mindz-logo-visual-height-26828: 34px;
        --mindz-logo-asset-box-26828: 152px;
    }
}



/* =========================================================
   MindZ v26829 — Logo isolada: sem efeito e sem sobreposição
   ========================================================= */

/*
   Correção do erro anterior:
   a logo recebeu respiro no asset, mas a coluna do header ficou estreita.
   Aqui a logo ganha uma coluna exclusiva maior, e o título só começa depois dela.
*/
:root {
    --mindz-logo-column-26829: 270px;
    --mindz-logo-img-width-26829: 228px;
    --mindz-logo-height-26829: 38px;
    --mindz-logo-title-gap-26829: 18px;
}

.app-shell.shell-logo-isolated-v26829 .app-topbar,
.app-shell.shell-logo-isolated-v26829 .app-topbar.topbar-corrigida,
.app-shell.shell-logo-isolated-v26829 header[data-mindz-header-layout] {
    display: grid !important;
    grid-template-columns: var(--mindz-logo-column-26829) minmax(360px, 1fr) auto !important;
    grid-template-areas: "brand title actions" !important;
    column-gap: var(--mindz-logo-title-gap-26829) !important;
    align-items: center !important;
    overflow: hidden !important;
}

/* Home usa controles no header: logo | controles. */
.app-shell.shell-logo-isolated-v26829.shell-home-header-controls-v26826 .app-topbar,
.app-shell.shell-logo-isolated-v26829.shell-home-header-controls-v26826 .app-topbar.topbar-corrigida {
    grid-template-columns: var(--mindz-logo-column-26829) minmax(0, 1fr) !important;
    grid-template-areas: "brand homeControls" !important;
    column-gap: var(--mindz-logo-title-gap-26829) !important;
}

/* A logo tem uma coluna própria. Nada pode entrar nessa coluna. */
.app-shell.shell-logo-isolated-v26829 .app-header-brand {
    grid-area: brand !important;
    grid-column: 1 !important;
    width: var(--mindz-logo-column-26829) !important;
    min-width: var(--mindz-logo-column-26829) !important;
    max-width: var(--mindz-logo-column-26829) !important;
    height: var(--mindz-global-header-height, 76px) !important;
    min-height: var(--mindz-global-header-height, 76px) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    justify-self: start !important;
    align-self: center !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
    isolation: isolate !important;
    z-index: 2 !important;
}

.app-shell.shell-logo-isolated-v26829 .app-header-brand__link {
    width: var(--mindz-logo-column-26829) !important;
    min-width: var(--mindz-logo-column-26829) !important;
    max-width: var(--mindz-logo-column-26829) !important;
    height: var(--mindz-global-header-height, 76px) !important;
    min-height: var(--mindz-global-header-height, 76px) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
    line-height: 0 !important;
}

/* Remove qualquer pseudo-elemento, brilho, sombra, foco ou hover da logo. */
.app-shell.shell-logo-isolated-v26829 .app-header-brand::before,
.app-shell.shell-logo-isolated-v26829 .app-header-brand::after,
.app-shell.shell-logo-isolated-v26829 .app-header-brand__link::before,
.app-shell.shell-logo-isolated-v26829 .app-header-brand__link::after {
    content: none !important;
    display: none !important;
}

.app-shell.shell-logo-isolated-v26829 .app-header-brand,
.app-shell.shell-logo-isolated-v26829 .app-header-brand:hover,
.app-shell.shell-logo-isolated-v26829 .app-header-brand:focus,
.app-shell.shell-logo-isolated-v26829 .app-header-brand:focus-within,
.app-shell.shell-logo-isolated-v26829 .app-header-brand__link,
.app-shell.shell-logo-isolated-v26829 .app-header-brand__link:hover,
.app-shell.shell-logo-isolated-v26829 .app-header-brand__link:focus,
.app-shell.shell-logo-isolated-v26829 .app-header-brand__link:focus-visible {
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
    outline: none !important;
    transition: none !important;
}

/* Imagem da logo: sem efeito e contida dentro da coluna. */
.app-shell.shell-logo-isolated-v26829 .app-header-brand .sistema-logo-img,
.app-shell.shell-logo-isolated-v26829 .app-header-brand .sistema-logo-img.sidebar,
.app-shell.shell-logo-isolated-v26829 .app-topbar .app-header-brand .sistema-logo-img,
.app-shell.shell-logo-isolated-v26829 .app-topbar.topbar-corrigida .app-header-brand .sistema-logo-img {
    width: var(--mindz-logo-img-width-26829) !important;
    min-width: var(--mindz-logo-img-width-26829) !important;
    max-width: var(--mindz-logo-img-width-26829) !important;
    height: auto !important;
    max-height: var(--mindz-logo-height-26829) !important;
    display: block !important;
    object-fit: contain !important;
    object-position: left center !important;
    align-self: center !important;
    justify-self: start !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    clip-path: none !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
    transition: none !important;
}

.app-shell.shell-logo-isolated-v26829 .app-header-brand:hover .sistema-logo-img,
.app-shell.shell-logo-isolated-v26829 .app-header-brand__link:hover .sistema-logo-img,
.app-shell.shell-logo-isolated-v26829 .app-header-brand__link:focus-visible .sistema-logo-img {
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
    transition: none !important;
}

/* Título/conteúdo começa obrigatoriamente na coluna 2. */
.app-shell.shell-logo-isolated-v26829 #topbarPageTitleArea,
.app-shell.shell-logo-isolated-v26829 .topbar-page-title-area {
    grid-area: title !important;
    grid-column: 2 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    justify-self: start !important;
    text-align: left !important;
    overflow: hidden !important;
    z-index: 1 !important;
}

.app-shell.shell-logo-isolated-v26829 #topbarActions,
.app-shell.shell-logo-isolated-v26829 .topbar-actions {
    grid-area: actions !important;
    grid-column: 3 !important;
    justify-self: end !important;
}

/* Controles da Home também começam depois da coluna isolada da logo. */
.app-shell.shell-logo-isolated-v26829 .ph-home-header-controls-v26826 {
    grid-area: homeControls !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
}

@media (max-width: 1180px) {
    :root {
        --mindz-logo-column-26829: 236px;
        --mindz-logo-img-width-26829: 202px;
        --mindz-logo-height-26829: 34px;
        --mindz-logo-title-gap-26829: 14px;
    }
}



/* =========================================================
   MindZ v26830 — Sidebar recolhida: flyout sobreposta + sem tooltip
   ========================================================= */

/*
   Quando o menu lateral estiver recolhido, o flyout deve ser camada
   sobreposta e não deve empurrar a tela/conteúdo.
*/
.app-shell.shell-sidebar-flyout-overlay-v26830.sidebar-collapsed,
.app-shell.shell-sidebar-flyout-overlay-v26830.sidebar-collapsed.sidebar-hover-expanded {
    --sidebar-current-width: var(--sidebar-width-collapsed, 84px) !important;
    grid-template-columns: var(--sidebar-width-collapsed, 84px) minmax(0, 1fr) !important;
}

.app-shell.shell-sidebar-flyout-overlay-v26830.sidebar-collapsed .app-area,
.app-shell.shell-sidebar-flyout-overlay-v26830.sidebar-collapsed.sidebar-hover-expanded .app-area {
    grid-column: 2 !important;
    margin-left: 0 !important;
    transform: none !important;
}

.app-shell.shell-sidebar-flyout-overlay-v26830.sidebar-collapsed #appSidebar.sidebar,
.app-shell.shell-sidebar-flyout-overlay-v26830.sidebar-collapsed.sidebar-hover-expanded #appSidebar.sidebar {
    width: var(--sidebar-width-collapsed, 84px) !important;
    min-width: var(--sidebar-width-collapsed, 84px) !important;
    max-width: var(--sidebar-width-collapsed, 84px) !important;
    overflow: visible !important;
}

/* Flyouts/portais ficam acima do conteúdo, mas abaixo do header. */
body > .sidebar-submenu-portal,
body > .sidebar-submenu-portal.is-visible,
body > .sidebar-submenu-portal[data-flyout-level] {
    position: fixed !important;
    z-index: calc(var(--z-header, 1000) + 20) !important;
    display: block;
    pointer-events: auto !important;
    box-shadow: 0 24px 54px rgba(15, 23, 42, .20) !important;
}

body > .sidebar-flyout-bridge,
body > .sidebar-flyout-bridge[data-flyout-level] {
    position: fixed !important;
    z-index: calc(var(--z-header, 1000) + 15) !important;
    pointer-events: auto !important;
}

/* Tooltips do menu lateral removidos. */
#sidebarCollapsedTooltip,
.sidebar-collapsed-tooltip {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

#appSidebar [data-sidebar-tooltip]::before,
#appSidebar [data-sidebar-tooltip]::after,
#appSidebar [title]::before,
#appSidebar [title]::after {
    content: none !important;
    display: none !important;
}

/* O hover nos itens continua podendo abrir flyout, mas sem balão/tooltip. */
.app-shell.shell-sidebar-flyout-overlay-v26830 #appSidebar [data-sidebar-tooltip] {
    pointer-events: auto !important;
}

@media (max-width: 959px) {
    .app-shell.shell-sidebar-flyout-overlay-v26830.sidebar-collapsed,
    .app-shell.shell-sidebar-flyout-overlay-v26830.sidebar-collapsed.sidebar-hover-expanded {
        --sidebar-current-width: 0px !important;
        grid-template-columns: minmax(0, 1fr) !important;
    }
}



/* =========================================================
   MindZ v26837 — Logo do header mais discreta
   ========================================================= */

/*
   Redução objetiva da logo no cabeçalho global.
   Mantém:
   - respiro transparente do asset;
   - coluna exclusiva da logo;
   - títulos começando depois da logo;
   - ausência de hover/sombra/efeito.
*/
:root {
    --mindz-logo-column-26829: 230px;
    --mindz-logo-img-width-26829: 184px;
    --mindz-logo-height-26829: 30px;
    --mindz-logo-title-gap-26829: 14px;

    --mindz-logo-asset-box-26828: 156px;
    --mindz-logo-visual-height-26828: 30px;

    --mindz-header-logo-width-final: 108px;
    --mindz-header-logo-box-width: 108px;
    --mindz-global-header-logo-width: 108px;
}

/* Força a redução mesmo quando regras antigas do shell forem mais específicas. */
.app-shell .app-header-brand .sistema-logo-img,
.app-shell .app-header-brand .sistema-logo-img.sidebar,
.app-shell .app-topbar .app-header-brand .sistema-logo-img,
.app-shell .app-topbar.topbar-corrigida .app-header-brand .sistema-logo-img,
.app-shell.shell-logo-isolated-v26829 .app-header-brand .sistema-logo-img,
.app-shell.shell-logo-isolated-v26829 .app-header-brand .sistema-logo-img.sidebar,
.app-shell.shell-header-logo-asset-padding-v26828 .app-header-brand .sistema-logo-img,
.app-shell.shell-header-logo-asset-padding-v26828 .app-header-brand .sistema-logo-img.sidebar {
    width: 184px !important;
    min-width: 184px !important;
    max-width: 184px !important;
    height: auto !important;
    max-height: 30px !important;
    object-fit: contain !important;
    object-position: left center !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
    transition: none !important;
}

/* A coluna da logo acompanha o novo tamanho e evita sobreposição. */
.app-shell.shell-logo-isolated-v26829 .app-topbar,
.app-shell.shell-logo-isolated-v26829 .app-topbar.topbar-corrigida,
.app-shell.shell-logo-isolated-v26829 header[data-mindz-header-layout] {
    grid-template-columns: 230px minmax(360px, 1fr) auto !important;
    column-gap: 14px !important;
}

.app-shell.shell-logo-isolated-v26829.shell-home-header-controls-v26826 .app-topbar,
.app-shell.shell-logo-isolated-v26829.shell-home-header-controls-v26826 .app-topbar.topbar-corrigida {
    grid-template-columns: 230px minmax(0, 1fr) !important;
    column-gap: 14px !important;
}

.app-shell.shell-logo-isolated-v26829 .app-header-brand,
.app-shell.shell-logo-isolated-v26829 .app-header-brand__link {
    width: 230px !important;
    min-width: 230px !important;
    max-width: 230px !important;
}

/* Sem qualquer efeito na logo. */
.app-shell .app-header-brand,
.app-shell .app-header-brand:hover,
.app-shell .app-header-brand:focus,
.app-shell .app-header-brand:focus-within,
.app-shell .app-header-brand__link,
.app-shell .app-header-brand__link:hover,
.app-shell .app-header-brand__link:focus,
.app-shell .app-header-brand__link:focus-visible,
.app-shell .app-header-brand:hover .sistema-logo-img,
.app-shell .app-header-brand__link:hover .sistema-logo-img,
.app-shell .app-header-brand__link:focus-visible .sistema-logo-img {
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
    outline: none !important;
    transition: none !important;
}

@media (max-width: 1180px) {
    :root {
        --mindz-logo-column-26829: 210px;
        --mindz-logo-img-width-26829: 166px;
        --mindz-logo-height-26829: 28px;
        --mindz-logo-title-gap-26829: 12px;
    }

    .app-shell .app-header-brand .sistema-logo-img,
    .app-shell .app-header-brand .sistema-logo-img.sidebar,
    .app-shell .app-topbar .app-header-brand .sistema-logo-img,
    .app-shell .app-topbar.topbar-corrigida .app-header-brand .sistema-logo-img,
    .app-shell.shell-logo-isolated-v26829 .app-header-brand .sistema-logo-img,
    .app-shell.shell-logo-isolated-v26829 .app-header-brand .sistema-logo-img.sidebar {
        width: 166px !important;
        min-width: 166px !important;
        max-width: 166px !important;
        max-height: 28px !important;
    }

    .app-shell.shell-logo-isolated-v26829 .app-topbar,
    .app-shell.shell-logo-isolated-v26829 .app-topbar.topbar-corrigida,
    .app-shell.shell-logo-isolated-v26829 header[data-mindz-header-layout] {
        grid-template-columns: 210px minmax(260px, 1fr) auto !important;
    }

    .app-shell.shell-logo-isolated-v26829 .app-header-brand,
    .app-shell.shell-logo-isolated-v26829 .app-header-brand__link {
        width: 210px !important;
        min-width: 210px !important;
        max-width: 210px !important;
    }
}


/* =========================================================
   MindZ v26865 — Busca da Home sempre abaixo do campo e sobre o conteúdo
   ========================================================= */

.app-shell.shell-home-header-controls-v26826 .app-topbar.app-topbar--home-controls-v26826,
.app-shell.shell-home-header-controls-v26826 .app-topbar.topbar-corrigida.app-topbar--home-controls-v26826,
.app-shell.shell-home-header-controls-v26826 .ph-home-header-controls-v26826,
.app-shell.shell-home-header-controls-v26826 .ph-home-header-controls-v26826__actions {
    overflow: visible !important;
}

.app-shell.shell-home-header-controls-v26826 .app-topbar.app-topbar--home-controls-v26826,
.app-shell.shell-home-header-controls-v26826 .app-topbar.topbar-corrigida.app-topbar--home-controls-v26826 {
    z-index: 4200 !important;
}

.app-shell.shell-home-header-controls-v26826 #phHomeSearchForm.ph-home-search,
.app-shell.shell-home-header-controls-v26826 #phHomeSearchForm.ph-home-redesign-search {
    position: relative !important;
    isolation: isolate !important;
    overflow: visible !important;
    z-index: 3 !important;
}

.app-shell.shell-home-header-controls-v26826 #phHomePeopleSearchDropdown.ph-home-search-dropdown {
    position: absolute !important;
    top: calc(100% + 10px) !important;
    right: 0 !important;
    left: 0 !important;
    z-index: 4300 !important;
    display: block;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    max-height: min(520px, calc(100dvh - var(--mindz-global-header-height, 76px) - 28px)) !important;
    padding: 8px !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    border: 1px solid var(--border-subtle, rgba(148, 163, 184, .34)) !important;
    border-radius: 14px !important;
    background: var(--surface-elevated, var(--surface, #fff)) !important;
    color: var(--text-primary, #0f172a) !important;
    box-shadow: 0 22px 54px rgba(15, 23, 42, .22), 0 4px 14px rgba(15, 23, 42, .10) !important;
}

.app-shell.shell-home-header-controls-v26826 #phHomePeopleSearchDropdown.ph-home-search-dropdown.hidden {
    display: none !important;
}

.app-shell.shell-home-header-controls-v26826 #phHomePeopleSearchDropdown .ph-home-search-option {
    min-height: 62px !important;
    border-radius: 10px !important;
}

@media (max-width: 959px) {
    .app-shell.shell-home-header-controls-v26826 #phHomePeopleSearchDropdown.ph-home-search-dropdown {
        right: 0 !important;
        left: auto !important;
        width: min(560px, calc(100vw - 28px)) !important;
        min-width: min(560px, calc(100vw - 28px)) !important;
        max-width: min(560px, calc(100vw - 28px)) !important;
    }
}


/* MindZ 26949 — ícones de Solicitações e Comemorações sem moldura própria. */
#appSidebar.sidebar :is(.sidebar-icon, .sidebar-submenu-icon):has(.mindz-shell-icon--borderless),
body > .sidebar-submenu-portal :is(.sidebar-icon, .sidebar-submenu-icon):has(.mindz-shell-icon--borderless),
.mindz-shell-icon--borderless {
    border: 0 !important;
    outline: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

#appSidebar.sidebar :is(.sidebar-icon, .sidebar-submenu-icon):has(.mindz-shell-icon--borderless)::before,
#appSidebar.sidebar :is(.sidebar-icon, .sidebar-submenu-icon):has(.mindz-shell-icon--borderless)::after,
body > .sidebar-submenu-portal :is(.sidebar-icon, .sidebar-submenu-icon):has(.mindz-shell-icon--borderless)::before,
body > .sidebar-submenu-portal :is(.sidebar-icon, .sidebar-submenu-icon):has(.mindz-shell-icon--borderless)::after {
    content: none !important;
}


/* =========================================================
   MindZ 26956 — contrato cromático global dos cabeçalhos fixos
   Esta camada altera somente acabamento visual. Não define altura,
   largura, padding, grid, flex, margem ou posicionamento do cabeçalho.
   ========================================================= */
:root {
    --mindz-fixed-header-color-start: color-mix(in srgb, var(--primary, #6675d8) 46%, #62708d 54%);
    --mindz-fixed-header-color-middle: color-mix(in srgb, var(--primary, #6675d8) 24%, #1b2948 76%);
    --mindz-fixed-header-color-end: color-mix(in srgb, var(--primary, #6675d8) 10%, #11172c 90%);
    --mindz-fixed-header-line: color-mix(in srgb, var(--primary, #6675d8) 44%, rgba(255, 255, 255, .38));
    --mindz-fixed-header-dot: color-mix(in srgb, var(--primary, #6675d8) 56%, #ffffff 44%);
}

html body :is(
    .app-topbar,
    .topbar,
    .app-header,
    .shell-header,
    .main-header,
    .global-header,
    #appHeader,
    .top-header,
    [data-mindz-header-layout],
    .mindz-popup-header,
    .mindz-modal__header,
    [data-mindz-modal-header="true"]
).mindz-fixed-header,
html body [data-mindz-fixed-header="true"] {
    isolation: isolate !important;
    color: #ffffff !important;
    background-color: var(--mindz-fixed-header-color-end) !important;
    background-image: linear-gradient(
        104deg,
        var(--mindz-fixed-header-color-start) 0%,
        var(--mindz-fixed-header-color-middle) 43%,
        var(--mindz-fixed-header-color-end) 100%
    ) !important;
    border-color: color-mix(in srgb, var(--primary, #6675d8) 30%, rgba(255,255,255,.22)) !important;
}

html body :is(
    .app-topbar,
    .topbar,
    .app-header,
    .shell-header,
    .main-header,
    .global-header,
    #appHeader,
    .top-header,
    [data-mindz-header-layout],
    .mindz-popup-header,
    .mindz-modal__header,
    [data-mindz-modal-header="true"]
).mindz-fixed-header::after,
html body [data-mindz-fixed-header="true"]::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    pointer-events: none !important;
    border-radius: inherit !important;
    opacity: .88 !important;
    background-image:
        radial-gradient(circle at 72.5% 26%, var(--mindz-fixed-header-dot) 0 3px, transparent 3.8px),
        radial-gradient(circle at 83.5% 69%, color-mix(in srgb, var(--mindz-fixed-header-dot) 78%, transparent) 0 3.5px, transparent 4.3px),
        radial-gradient(circle at 94% 38%, var(--mindz-fixed-header-dot) 0 2.5px, transparent 3.3px),
        radial-gradient(circle at 88.5% 18%, color-mix(in srgb, var(--mindz-fixed-header-dot) 72%, transparent) 0 2px, transparent 2.8px),
        radial-gradient(ellipse 190px 70px at 86% -18%, transparent 69%, var(--mindz-fixed-header-line) 70% 70.8%, transparent 71.7%),
        radial-gradient(ellipse 265px 100px at 88% -21%, transparent 72%, color-mix(in srgb, var(--mindz-fixed-header-line) 78%, transparent) 73% 73.7%, transparent 74.6%),
        radial-gradient(ellipse 345px 132px at 91% -25%, transparent 75%, color-mix(in srgb, var(--mindz-fixed-header-line) 62%, transparent) 76% 76.6%, transparent 77.5%) !important;
}

html body :is(
    .app-topbar,
    .topbar,
    .app-header,
    .shell-header,
    .main-header,
    .global-header,
    #appHeader,
    .top-header,
    [data-mindz-header-layout],
    .mindz-popup-header,
    .mindz-modal__header,
    [data-mindz-modal-header="true"]
).mindz-fixed-header > *,
html body [data-mindz-fixed-header="true"] > * {
    position: relative;
    z-index: 1;
}

html body :is(
    .app-topbar,
    .topbar,
    .app-header,
    .shell-header,
    .main-header,
    .global-header,
    #appHeader,
    .top-header,
    [data-mindz-header-layout],
    .mindz-popup-header,
    .mindz-modal__header,
    [data-mindz-modal-header="true"]
).mindz-fixed-header :is(h1, h2, h3, p, a, span, strong, small, label),
html body [data-mindz-fixed-header="true"] :is(h1, h2, h3, p, a, span, strong, small, label) {
    color: inherit;
}

/* =========================================================
   MindZ 27047 — Cabeçalho fixo sem breadcrumb
   ========================================================= */

/*
   O cabeçalho global passa a ter somente duas linhas de conteúdo:
   título e subtítulo. A trilha estrutural continua disponível pelo
   menu lateral, sem consumir altura no cabeçalho fixo.
*/
.app-topbar[data-mindz-fixed-header="true"] :is(
    #topbarBreadcrumbs,
    .topbar-breadcrumbs,
    #topbarContext,
    .topbar-page-context
) {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/*
   Sobrescreve os layouts antigos de três linhas do feed e centraliza
   o conjunto título/subtítulo dentro dos 76 px do cabeçalho.
*/
.app-shell .app-topbar[data-mindz-fixed-header="true"]:not(.app-topbar--home-controls-v26826) :is(
    #topbarPageTitleArea,
    .topbar-page-title-area
) {
    height: var(--mindz-global-header-height, 76px) !important;
    min-height: var(--mindz-global-header-height, 76px) !important;
    max-height: var(--mindz-global-header-height, 76px) !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    grid-template-areas:
        "mindz-fixed-title"
        "mindz-fixed-subtitle" !important;
    align-content: center !important;
    align-items: center !important;
    justify-content: start !important;
    justify-items: start !important;
    row-gap: 3px !important;
    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    overflow: hidden !important;
}

.app-shell .app-topbar[data-mindz-fixed-header="true"]:not(.app-topbar--home-controls-v26826) :is(
    #topbarPageTitle,
    .topbar-page-title
) {
    grid-area: mindz-fixed-title !important;
    align-self: end !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.06 !important;
}

.app-shell .app-topbar[data-mindz-fixed-header="true"]:not(.app-topbar--home-controls-v26826) :is(
    #topbarPageSubtitle,
    .topbar-page-subtitle
) {
    grid-area: mindz-fixed-subtitle !important;
    align-self: start !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
}

/* Quando não existir subtítulo, o título ocupa e centraliza o bloco. */
.app-shell .app-topbar[data-mindz-fixed-header="true"]:not(.app-topbar--home-controls-v26826) :is(
    #topbarPageSubtitle,
    .topbar-page-subtitle
).hidden {
    display: none !important;
}

.app-shell .app-topbar[data-mindz-fixed-header="true"]:not(.app-topbar--home-controls-v26826) :is(
    #topbarPageTitleArea,
    .topbar-page-title-area
):has(:is(#topbarPageSubtitle, .topbar-page-subtitle).hidden) {
    grid-template-rows: auto !important;
    grid-template-areas: "mindz-fixed-title" !important;
}

.app-shell .app-topbar[data-mindz-fixed-header="true"]:not(.app-topbar--home-controls-v26826) :is(
    #topbarPageTitleArea,
    .topbar-page-title-area
):has(:is(#topbarPageSubtitle, .topbar-page-subtitle).hidden) :is(
    #topbarPageTitle,
    .topbar-page-title
) {
    align-self: center !important;
}



@media (max-width: 959px) {
    .app-shell .app-topbar[data-mindz-fixed-header="true"]:not(.app-topbar--home-controls-v26826) :is(
        #topbarPageTitleArea,
        .topbar-page-title-area
    ) {
        display: none !important;
    }
}

/* =========================================================
   MindZ 27009 — Nosso Porto: cabeçalhos fixos e pop-ups unificados
   Corrige a camada final do shell, que era carregada depois do tema
   e voltava a aplicar o gradiente azul-marinho padrão aos modais.
   Paleta: Turquesa #4BB9BC | Azul #004E99 | Verde #98BE3F
   ========================================================= */
html[data-theme="nossoporto"],
body[data-theme="nossoporto"] {
    --mindz-fixed-header-color-start: #4BB9BC;
    --mindz-fixed-header-color-middle: #1596AE;
    --mindz-fixed-header-color-end: #004E99;
    --mindz-fixed-header-line: rgba(75, 185, 188, 0.62);
    --mindz-fixed-header-dot: #98BE3F;
}

html[data-theme="nossoporto"] body :is(
    .app-topbar,
    .topbar,
    .app-header,
    .shell-header,
    .main-header,
    .global-header,
    #appHeader,
    .top-header,
    [data-mindz-header-layout],
    .mindz-popup-header,
    .mindz-modal__header,
    [data-mindz-modal-header="true"]
).mindz-fixed-header,
html[data-theme="nossoporto"] body [data-mindz-fixed-header="true"],
body[data-theme="nossoporto"] :is(
    .app-topbar,
    .topbar,
    .app-header,
    .shell-header,
    .main-header,
    .global-header,
    #appHeader,
    .top-header,
    [data-mindz-header-layout],
    .mindz-popup-header,
    .mindz-modal__header,
    [data-mindz-modal-header="true"]
).mindz-fixed-header,
body[data-theme="nossoporto"] [data-mindz-fixed-header="true"] {
    color: #FFFFFF !important;
    background-color: #004E99 !important;
    background-image:
        radial-gradient(circle at 14% 0%, rgba(255, 255, 255, 0.20), transparent 29%),
        radial-gradient(circle at 92% 100%, rgba(152, 190, 63, 0.30), transparent 30%),
        linear-gradient(108deg, #4BB9BC 0%, #33AAB2 20%, #004E99 58%, #004E99 100%) !important;
    border-color: #98BE3F !important;
    border-bottom: 5px solid #98BE3F !important;
    box-shadow:
        0 18px 46px rgba(0, 78, 153, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
}

html[data-theme="nossoporto"] body :is(
    .mindz-modal__close,
    .app-modal-close,
    .app-dialog-close,
    .modal-close,
    .popup-close,
    [data-mindz-modal-close]
),
body[data-theme="nossoporto"] :is(
    .mindz-modal__close,
    .app-modal-close,
    .app-dialog-close,
    .modal-close,
    .popup-close,
    [data-mindz-modal-close]
) {
    color: #FFFFFF !important;
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: rgba(75, 185, 188, 0.68) !important;
}


/* =========================================================
   MindZ 27101 — Shell Premium SaaS (correção forte)
   A linha inferior é BORDER real de 4px para ficar sempre visível.
   Nosso Porto permanece com sua assinatura verde institucional.
   ========================================================= */
:root {
    --mindz-header-accent-line: var(--theme-line, var(--theme-primary-light));
    --mindz-feedback-premium-bg:
        radial-gradient(circle at 13% 0%, rgba(255,255,255,.19), transparent 28%),
        radial-gradient(circle at 88% 96%, rgba(var(--theme-line-rgb, var(--theme-primary-rgb)), .20), transparent 27%),
        var(--theme-shell-gradient, linear-gradient(108deg, var(--theme-primary-light) 0%, var(--theme-primary) 52%, var(--theme-primary-dark) 100%));
    --mindz-feedback-premium-border: var(--mindz-header-accent-line);
    --mindz-header-shadow: 0 16px 38px rgba(15, 23, 42, .18);
    --mindz-sidebar-bg-start: color-mix(in srgb, var(--theme-secondary, var(--theme-primary-light)) 13%, var(--mindz-page-surface) 87%);
    --mindz-sidebar-bg-end: color-mix(in srgb, var(--theme-line, var(--theme-primary)) 8%, var(--mindz-page-surface) 92%);
    --mindz-sidebar-border: color-mix(in srgb, var(--theme-primary) 17%, var(--border, #dbe2ea));
}

:is(.app-topbar, .app-topbar.topbar-corrigida, .topbar, .app-header, .shell-header, .main-header, .global-header, #appHeader, .top-header, [data-mindz-header-layout]),
.app-shell :is(.app-topbar, .app-topbar.topbar-corrigida) {
    background-color: var(--theme-primary) !important;
    background-image:
        radial-gradient(circle at 13% 0%, rgba(255,255,255,.19), transparent 28%),
        radial-gradient(circle at 88% 96%, rgba(var(--theme-line-rgb, var(--theme-primary-rgb)), .20), transparent 27%),
        var(--theme-shell-gradient, linear-gradient(108deg, var(--theme-primary-light) 0%, var(--theme-primary) 52%, var(--theme-primary-dark) 100%)) !important;
    border-bottom: 4px solid var(--mindz-header-accent-line) !important;
    box-shadow:
        0 16px 38px rgba(15,23,42,.18),
        inset 0 1px 0 rgba(255,255,255,.13) !important;
}

/* Não depende de pseudo-elemento para a linha — evita conflito com efeitos orbitais. */
:is(.app-topbar, .app-topbar.topbar-corrigida, .topbar, .app-header, .shell-header, .main-header)::after {
    display: none !important;
}

/* Nosso Porto — mantém exatamente a leitura turquesa/azul + assinatura verde. */
html[data-theme="nossoporto"] body :is(
    .app-topbar, .app-topbar.topbar-corrigida, .topbar, .app-header, .shell-header,
    .main-header, .global-header, #appHeader, .top-header, [data-mindz-header-layout]
),
body[data-theme="nossoporto"] :is(
    .app-topbar, .app-topbar.topbar-corrigida, .topbar, .app-header, .shell-header,
    .main-header, .global-header, #appHeader, .top-header, [data-mindz-header-layout]
) {
    background-color: #004E99 !important;
    background-image:
        radial-gradient(circle at 14% 0%, rgba(255,255,255,.20), transparent 29%),
        radial-gradient(circle at 92% 100%, rgba(152,190,63,.30), transparent 30%),
        linear-gradient(108deg, #4BB9BC 0%, #33AAB2 20%, #004E99 58%, #004E99 100%) !important;
    border-bottom: 4px solid #98BE3F !important;
}

/* Sidebar com dois tons do tema e estado ativo claramente SaaS. */
#appSidebar.sidebar,
:is(.app-sidebar, .shell-sidebar) {
    background:
        radial-gradient(circle at 12% 8%, color-mix(in srgb, var(--theme-secondary, var(--theme-primary-light)) 12%, transparent), transparent 32%),
        linear-gradient(180deg, var(--mindz-sidebar-bg-start) 0%, var(--mindz-sidebar-bg-end) 100%) !important;
}

#appSidebar.sidebar :is(.sidebar-link, .sidebar-submenu-trigger, .sidebar-toggle-button):hover {
    background: color-mix(in srgb, var(--theme-secondary, var(--theme-primary-light)) 10%, var(--mindz-page-surface) 90%) !important;
    border-color: color-mix(in srgb, var(--theme-secondary, var(--theme-primary-light)) 25%, transparent) !important;
}

#appSidebar.sidebar :is(.sidebar-link.is-active, .sidebar-submenu-trigger.is-active, .sidebar-link[aria-current="page"], .sidebar-link.active, .sidebar-submenu-trigger.active),
:is(.app-sidebar, .shell-sidebar) :is(.sidebar-link.is-active, .sidebar-submenu-trigger.is-active, .sidebar-link[aria-current="page"], .sidebar-link.active, .sidebar-submenu-trigger.active) {
    position: relative !important;
    background: linear-gradient(135deg,
        color-mix(in srgb, var(--theme-secondary, var(--theme-primary-light)) 18%, var(--mindz-page-surface) 82%) 0%,
        color-mix(in srgb, var(--theme-line, var(--theme-primary)) 12%, var(--mindz-page-surface) 88%) 100%) !important;
    border-color: color-mix(in srgb, var(--theme-primary) 24%, var(--border, transparent)) !important;
    box-shadow: 0 10px 24px rgba(var(--theme-primary-rgb), .12), inset 3px 0 0 var(--theme-line, var(--theme-primary)) !important;
}

/* Controles do topo: translúcidos e com borda derivada da cor secundária. */
:is(.app-topbar, .app-topbar.topbar-corrigida, .topbar, .app-header, .shell-header, .main-header) :is(
    .header-control, .header-user-chip, .header-environment, .header-notification,
    .topbar-user-compact, .topbar-user-action, .topbar-environment-badge,
    .topbar-notification-button, .topbar-impersonation-object, .topbar-admin-badge,
    .topbar-mobile-menu-button
) {
    background: rgba(255,255,255,.10) !important;
    border-color: rgba(255,255,255,.22) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.13), 0 8px 18px rgba(var(--theme-primary-rgb), .14) !important;
}


/* =========================================================
   MindZ 27105 — arquitetura consolidada do shell
   Cabeçalho full width + scrollbar abaixo do cabeçalho.
   SUBSTITUI integralmente os ajustes incrementais 27102–27104.
   ========================================================= */

:root {
    --mindz-shell-header-height: var(--mindz-global-header-height, var(--mindz-header-height, 76px));
    --mindz-shell-header-radius-right: 18px;
    --mindz-shell-scrollbar-size: 10px;
}

/* 1. Apenas a área de conteúdo rola. O viewport permanece estável. */
html:not(.mindz-embed-mode),
html:not(.mindz-embed-mode) body {
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
}

#app.app-shell:not(.app-shell--embed) {
    width: 100vw !important;
    height: 100dvh !important;
    min-width: 0 !important;
    min-height: 100dvh !important;
    max-height: 100dvh !important;
    margin: 0 !important;
    padding-top: 0 !important;
    overflow: hidden !important;
}

/* Neutraliza a compensação do modelo antigo de header fixed. */
#app.app-shell:not(.app-shell--embed)[class*="shell-header-fullwidth-v"],
#app.app-shell:not(.app-shell--embed).sidebar-collapsed[class*="shell-header-fullwidth-v"],
#app.app-shell:not(.app-shell--embed).sidebar-hover-expanded[class*="shell-header-fullwidth-v"] {
    padding-top: 0 !important;
}

/* 2. appArea continua respeitando a largura lateral do shell para o conteúdo,
      mas não cria nenhum deslocamento vertical. */
#app.app-shell:not(.app-shell--embed) #appArea.app-area,
#app.app-shell:not(.app-shell--embed) .app-area {
    height: 100dvh !important;
    min-height: 0 !important;
    max-height: 100dvh !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
    top: auto !important;
    overflow: hidden !important;
}

/* 3. O cabeçalho é deliberadamente preso ao VIEWPORT, não à largura do appArea.
      Assim ele atravessa também a faixa da sidebar e ocupa 100% do width. */
#app.app-shell:not(.app-shell--embed) :is(
    .app-topbar,
    .app-topbar.topbar-corrigida,
    .topbar,
    .app-header,
    .shell-header,
    .main-header
) {
    position: fixed !important;
    inset: 0 0 auto 0 !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;

    width: 100vw !important;
    max-width: 100vw !important;
    height: var(--mindz-shell-header-height) !important;
    min-height: var(--mindz-shell-header-height) !important;
    max-height: var(--mindz-shell-header-height) !important;

    margin: 0 !important;
    box-sizing: border-box !important;
    z-index: 1200 !important;

    /* O lado direito fica totalmente exposto porque a scrollbar começa abaixo. */
    border-top-right-radius: var(--mindz-shell-header-radius-right) !important;
    border-bottom-right-radius: var(--mindz-shell-header-radius-right) !important;
    overflow: hidden !important;
    isolation: isolate !important;
}

/* 4. A sidebar começa abaixo do header full width. */
#app.app-shell:not(.app-shell--embed) #appSidebar.sidebar,
#app.app-shell:not(.app-shell--embed) :is(.app-sidebar, .shell-sidebar) {
    top: var(--mindz-shell-header-height) !important;
    height: calc(100dvh - var(--mindz-shell-header-height)) !important;
    min-height: 0 !important;
    max-height: calc(100dvh - var(--mindz-shell-header-height)) !important;
}

/* 5. mainContent começa exatamente abaixo do header e é o ÚNICO scroll da página.
      A scrollbar, portanto, nasce abaixo do cabeçalho. */
#app.app-shell:not(.app-shell--embed) #mainContent.app-content {
    height: calc(100dvh - var(--mindz-shell-header-height)) !important;
    min-height: 0 !important;
    max-height: calc(100dvh - var(--mindz-shell-header-height)) !important;

    margin-top: var(--mindz-shell-header-height) !important;
    padding-top: clamp(10px, 1vw, 14px) !important;
    box-sizing: border-box !important;

    overflow-y: auto !important;
    overflow-x: auto !important;
    overscroll-behavior-y: contain !important;
    scrollbar-gutter: stable !important;

    scrollbar-width: thin;
    scrollbar-color:
        color-mix(in srgb, var(--theme-primary, #626DA8) 42%, transparent)
        transparent;
}

#app.app-shell:not(.app-shell--embed) #pageContent.content-page {
    min-height: 100% !important;
    overflow-y: visible !important;
}

#app.app-shell:not(.app-shell--embed) #pageContent.content-page > :first-child {
    margin-top: 0 !important;
}

/* Scrollbar SaaS global da área de conteúdo. */
#app.app-shell:not(.app-shell--embed) #mainContent.app-content::-webkit-scrollbar {
    width: var(--mindz-shell-scrollbar-size);
    height: var(--mindz-shell-scrollbar-size);
}

#app.app-shell:not(.app-shell--embed) #mainContent.app-content::-webkit-scrollbar-track {
    background: transparent;
}

#app.app-shell:not(.app-shell--embed) #mainContent.app-content::-webkit-scrollbar-thumb {
    min-height: 42px;
    border: 3px solid transparent;
    border-radius: 999px;
    background:
        linear-gradient(
            180deg,
            color-mix(in srgb, var(--theme-secondary, var(--theme-primary-light)) 58%, transparent),
            color-mix(in srgb, var(--theme-primary) 58%, transparent)
        ) padding-box;
}

#app.app-shell:not(.app-shell--embed) #mainContent.app-content::-webkit-scrollbar-thumb:hover {
    background:
        linear-gradient(
            180deg,
            color-mix(in srgb, var(--theme-secondary, var(--theme-primary-light)) 76%, transparent),
            color-mix(in srgb, var(--theme-primary) 76%, transparent)
        ) padding-box;
}

/* Mobile: mesmo princípio, apenas com raio um pouco menor. */
@media (max-width: 959px) {
    :root {
        --mindz-shell-header-radius-right: 14px;
    }

    #app.app-shell:not(.app-shell--embed) #mainContent.app-content {
        height: calc(100dvh - var(--mindz-shell-header-height)) !important;
        max-height: calc(100dvh - var(--mindz-shell-header-height)) !important;
    }
}