/*
 * MindZ — Responsive Safety Layer 27120
 * Camada FINAL e sem @layer: deve ser carregada depois dos CSS de cada módulo.
 * Objetivo: manter desktop intacto e garantir uso em notebook, tablet e mobile.
 */

:root {
    --mindz-mobile-gutter: clamp(12px, 3.6vw, 20px);
    --mindz-mobile-gap: clamp(10px, 2.8vw, 16px);
    --mindz-touch-target: 44px;
}

/* Segurança estrutural: nenhum conteúdo de mídia deve ampliar o viewport. */
html,
body,
#app,
.app-shell,
.app-area,
.app-content,
.content-page,
#pageContent {
    max-width: 100%;
}

img,
picture,
video,
canvas,
iframe,
svg {
    max-width: 100%;
}

img,
picture,
video {
    height: auto;
}

/* Textos longos, e-mails, IDs e nomes compostos não devem estourar cards. */
:where(
    .content-page,
    .mindz-modal,
    .app-modal,
    .app-dialog-modal,
    [role="dialog"]
) :where(p, span, strong, small, label, dd, dt, a) {
    overflow-wrap: anywhere;
}

/* Regiões tabulares canônicas e variantes usadas pelos módulos. */
:where(
    .mindz-table-wrapper,
    .mindz-table-region,
    .mindz-responsive-table-region,
    .table-responsive,
    .table-wrapper,
    .table-container,
    [class$="-table-wrap"],
    [class$="-table-wrapper"],
    [class$="-table-container"],
    [class*="__table-wrap"],
    [class*="__table-wrapper"],
    [class*="__table-container"],
    [class$="-table-shell"]
) {
    min-width: 0;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
}

/* Modais/drawers globais: nunca podem exceder o viewport. */
:where(
    .mindz-modal,
    .app-modal,
    .app-dialog-modal,
    .modal-content,
    .avaliacoes-modal__dialog,
    .avaliacoes-global-modal-content,
    .tn-modal-content,
    .feedback-modal,
    .descricao-cargos-modal,
    .descricao-cargos-review-modal,
    .solicitacoes-modal,
    .solicitacoes-mini-modal,
    .solicitacoes-edit-modal,
    .solicitacoes-user-detail-modal,
    .solicitacoes-chat-modal-premium,
    .clima-modal,
    .clima-graficos-modal,
    .clima-resultados-modal,
    .clima-resposta-modal,
    .colaborador-trajetoria-modal,
    .comemoracoes-search-modal,
    .comemoracoes-comments-modal,
    .comunicado-comments-modal,
    .gv2-process-modal,
    .gv2-vacancy-modal,
    .mov-modal-card--detail-transfer,
    .mov-submodal-card--decision,
    .pe-modal,
    [role="dialog"]
) {
    box-sizing: border-box;
    max-width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
}

/* Tablet / notebooks estreitos */
@media (max-width: 1180px) {
    #app.app-shell:not(.app-shell--embed) #mainContent.app-content {
        min-width: 0 !important;
        max-width: 100vw !important;
    }

    #app.app-shell:not(.app-shell--embed) #pageContent.content-page {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    :where(
        .content-page,
        #pageContent
    ) :where(
        [class$="-toolbar"],
        [class*="__toolbar"],
        [class$="-actions"],
        [class*="__actions"],
        [class$="-filters"],
        [class*="__filters"]
    ) {
        max-width: 100%;
        min-width: 0;
    }
}

/* Mobile shell + conteúdo */
@media (max-width: 959px) {
    :root {
        --shell-content-inline: var(--mindz-mobile-gutter);
        --responsive-modal-gutter: 12px;
    }

    html:not(.mindz-embed-mode),
    html:not(.mindz-embed-mode) body {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    body.mindz-mobile-navigation-open {
        overscroll-behavior: none;
    }

    #app.app-shell:not(.app-shell--embed),
    #app.app-shell:not(.app-shell--embed).sidebar-collapsed {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        grid-template-columns: minmax(0, 1fr) !important;
    }

    #app.app-shell:not(.app-shell--embed) #appArea.app-area {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        grid-column: 1 !important;
    }

    #app.app-shell:not(.app-shell--embed) #mainContent.app-content {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow-x: hidden !important;
        padding-inline: var(--mindz-mobile-gutter) !important;
        scrollbar-gutter: auto !important;
    }

    #app.app-shell:not(.app-shell--embed) #pageContent.content-page {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-inline: 0 !important;
    }

    /* Sidebar vira drawer real e cabe inclusive em celulares pequenos. */
    #app.app-shell:not(.app-shell--embed) #appSidebar.sidebar,
    #app.app-shell:not(.app-shell--embed).sidebar-collapsed #appSidebar.sidebar,
    #app.app-shell:not(.app-shell--embed).sidebar-collapsed.sidebar-hover-expanded #appSidebar.sidebar {
        width: min(320px, calc(100vw - 28px)) !important;
        max-width: calc(100vw - 12px) !important;
        min-width: 0 !important;
        padding-inline: 12px !important;
    }

    /* Header: logo + menu + ações. O título de página continua no conteúdo. */
    #app.app-shell:not(.app-shell--embed) :is(.app-topbar, .app-topbar.topbar-corrigida) {
        width: 100% !important;
        max-width: 100% !important;
        grid-template-columns: minmax(88px, 118px) 44px minmax(0, 1fr) !important;
        grid-template-areas: "brand mobile actions" !important;
        column-gap: 8px !important;
        padding-inline: 10px !important;
        border-radius: 0 0 12px 0 !important;
    }

    #app.app-shell:not(.app-shell--embed) .app-header-brand {
        min-width: 0 !important;
        max-width: 118px !important;
    }

    #app.app-shell:not(.app-shell--embed) .app-header-brand .sistema-logo-img {
        width: auto !important;
        max-width: 100% !important;
        max-height: 30px !important;
        object-fit: contain !important;
    }

    #app.app-shell:not(.app-shell--embed) .topbar-mobile-menu-button {
        display: inline-flex !important;
        width: 44px !important;
        min-width: 44px !important;
        height: 44px !important;
        min-height: 44px !important;
        padding: 0 !important;
        justify-content: center !important;
    }

    #app.app-shell:not(.app-shell--embed) .topbar-actions {
        min-width: 0 !important;
        max-width: 100% !important;
        gap: 6px !important;
        justify-content: flex-end !important;
        overflow: visible !important;
    }

    /* Cards, painéis e blocos não herdam min-width fixo de desktop. */
    :where(.content-page, #pageContent) > *,
    :where(.content-page, #pageContent) :where(
        section,
        article,
        main,
        form,
        fieldset,
        [class$="-card"],
        [class*="__card"],
        [class$="-panel"],
        [class*="__panel"],
        [class$="-content"],
        [class*="__content"]
    ) {
        min-width: 0;
        max-width: 100%;
        box-sizing: border-box;
    }

    /* Barras de filtros/ações podem quebrar linha sem estourar a tela. */
    :where(.content-page, #pageContent) :where(
        .mindz-responsive-toolbar,
        .mindz-responsive-actions,
        .mindz-table-toolbar,
        [class$="-toolbar"],
        [class*="__toolbar"],
        [class$="-header-actions"],
        [class*="__header-actions"],
        [class$="-filter-actions"],
        [class*="__filter-actions"]
    ) {
        min-width: 0 !important;
        max-width: 100% !important;
        flex-wrap: wrap !important;
        gap: var(--mindz-mobile-gap) !important;
    }

    /* Inputs e botões não podem possuir largura mínima desktop no mobile. */
    :where(.content-page, #pageContent, .mindz-modal, .app-modal, [role="dialog"]) :where(
        input:not([type="checkbox"]):not([type="radio"]),
        select,
        textarea,
        .input,
        .select,
        .combobox,
        [role="combobox"]
    ) {
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    :where(.content-page, #pageContent, .mindz-modal, .app-modal, [role="dialog"]) :where(
        button,
        .button,
        .button-primary,
        .button-secondary,
        .button-tertiary,
        [role="button"]
    ) {
        min-height: var(--mindz-touch-target);
    }

    /* Tabelas largas ficam confinadas à própria região e não à página. */
    :where(
        .mindz-table-wrapper,
        .mindz-table-region,
        .mindz-responsive-table-region,
        .table-responsive,
        .table-wrapper,
        .table-container,
        [class$="-table-wrap"],
        [class$="-table-wrapper"],
        [class$="-table-container"],
        [class*="__table-wrap"],
        [class*="__table-wrapper"],
        [class*="__table-container"],
        [class$="-table-shell"]
    ) {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow-x: auto !important;
        overflow-y: visible;
        scrollbar-gutter: auto !important;
        touch-action: pan-x pan-y;
    }

    :where(.content-page, #pageContent) table {
        max-width: none;
    }

    /* Gráficos e visualizações devem responder ao container. */
    :where(.content-page, #pageContent) :where(
        canvas,
        .chart,
        .chart-container,
        [class$="-chart"],
        [class*="__chart"],
        [class$="-graph"],
        [class*="__graph"]
    ) {
        max-width: 100% !important;
    }

    /* Pop-ups: gutter seguro + scroll interno. */
    :where(
        .mindz-modal,
        .app-modal,
        .app-dialog-modal,
        .modal-content,
        .avaliacoes-modal__dialog,
        .avaliacoes-global-modal-content,
        .tn-modal-content,
        .feedback-modal,
        .descricao-cargos-modal,
        .descricao-cargos-review-modal,
        .solicitacoes-modal,
        .solicitacoes-mini-modal,
        .solicitacoes-edit-modal,
        .solicitacoes-user-detail-modal,
        .solicitacoes-chat-modal-premium,
        .clima-modal,
        .clima-graficos-modal,
        .clima-resultados-modal,
        .clima-resposta-modal,
        .colaborador-trajetoria-modal,
        .comemoracoes-search-modal,
        .comemoracoes-comments-modal,
        .comunicado-comments-modal,
        .gv2-process-modal,
        .gv2-vacancy-modal,
        .mov-modal-card--detail-transfer,
        .mov-submodal-card--decision,
        .pe-modal,
        [role="dialog"]
    ) {
        width: min(100%, calc(100vw - 24px)) !important;
        max-width: calc(100vw - 24px) !important;
        min-width: 0 !important;
        max-height: calc(100dvh - 24px) !important;
        margin: 12px auto !important;
    }

    :where(
        .mindz-modal__body,
        .app-modal-body,
        .avaliacoes-modal__body,
        .tn-modal-body,
        [class$="-modal-body"],
        [class*="__modal-body"],
        [class$="-dialog-body"],
        [class*="__dialog-body"]
    ) {
        min-width: 0 !important;
        max-width: 100% !important;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    :where(
        .mindz-modal__header,
        .mindz-modal__footer,
        .app-modal-header,
        .app-modal-footer,
        .avaliacoes-modal__header,
        .avaliacoes-modal__footer,
        [class$="-modal-header"],
        [class$="-modal-footer"],
        [class*="__modal-header"],
        [class*="__modal-footer"]
    ) {
        max-width: 100% !important;
        min-width: 0 !important;
        flex-wrap: wrap;
        gap: 10px;
    }

    /* Flyouts/menus contextuais permanecem dentro do viewport. */
    :where(
        .mindz-flyout,
        .solicitacoes-actions-flyout,
        .descricao-cargos-actions-flyout,
        .avaliacoes-actions-flyout,
        .colaborador-actions-flyout,
        .pdi-module-actions-flyout,
        .gv2-vacancy-actions-flyout,
        .gv2-candidate-actions-flyout,
        [class$="-actions-flyout"]
    ) {
        max-width: min(320px, calc(100vw - 20px)) !important;
    }
}

/* Celular / tablet pequeno */
@media (max-width: 767px) {
    :root {
        --mindz-mobile-gutter: clamp(10px, 3.5vw, 16px);
        --mindz-mobile-gap: 10px;
    }

    /* Formulários devem ter leitura vertical. */
    :where(.content-page, #pageContent, .mindz-modal, .app-modal, [role="dialog"]) :where(
        .form-grid,
        .mindz-form-grid,
        [class$="-form-grid"],
        [class*="__form-grid"],
        [class$="-fields-grid"],
        [class*="__fields-grid"]
    ) {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    /* Grids de cards/KPIs: duas colunas quando o componente comporta. */
    :where(.content-page, #pageContent) :where(
        .mindz-kpi-grid,
        [class$="-kpi-grid"],
        [class*="__kpi-grid"],
        [class$="-metrics-grid"],
        [class*="__metrics-grid"],
        [class$="-summary-grid"],
        [class*="__summary-grid"]
    ) {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    /* Layouts de página e detalhes ficam em uma coluna. */
    :where(.content-page, #pageContent) :where(
        .mindz-responsive-detail,
        [class$="-layout-grid"],
        [class*="__layout-grid"],
        [class$="-detail-grid"],
        [class*="__detail-grid"],
        [class$="-content-grid"],
        [class*="__content-grid"]
    ) {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    /* Cabeçalhos de cards/páginas podem empilhar título e ações. */
    :where(.content-page, #pageContent) :where(
        [class$="-page-header"],
        [class*="__page-header"],
        [class$="-section-header"],
        [class*="__section-header"],
        [class$="-panel-header"],
        [class*="__panel-header"]
    ) {
        max-width: 100% !important;
        min-width: 0 !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
    }

    /* Rodapés de modal/formulário: ações continuam acessíveis. */
    :where(
        .mindz-modal__footer,
        .app-modal-footer,
        .avaliacoes-modal__footer,
        .tn-modal-footer,
        [class$="-modal-footer"],
        [class*="__modal-footer"],
        [class$="-form-actions"],
        [class*="__form-actions"]
    ) {
        display: flex;
        flex-wrap: wrap !important;
        justify-content: flex-end;
        gap: 8px !important;
    }
}

/* Celular compacto */
@media (max-width: 560px) {
    #app.app-shell:not(.app-shell--embed) :is(.app-topbar, .app-topbar.topbar-corrigida) {
        grid-template-columns: minmax(72px, 96px) 42px minmax(0, 1fr) !important;
        column-gap: 6px !important;
        padding-inline: 8px !important;
    }

    #app.app-shell:not(.app-shell--embed) .topbar-actions {
        gap: 4px !important;
    }

    #app.app-shell:not(.app-shell--embed) .topbar-actions :where(
        .topbar-user-compact-info,
        .topbar-admin-text,
        .topbar-environment-badge__text,
        .topbar-action-label
    ) {
        display: none !important;
    }

    #app.app-shell:not(.app-shell--embed) .topbar-actions :where(
        .topbar-notification-button,
        .topbar-theme-toggle,
        .topbar-user-compact,
        .topbar-admin-badge,
        button
    ) {
        min-width: 40px !important;
        width: 40px;
        min-height: 40px !important;
        height: 40px;
        padding-inline: 0 !important;
        justify-content: center !important;
    }

    :where(.content-page, #pageContent) :where(
        .mindz-kpi-grid,
        [class$="-kpi-grid"],
        [class*="__kpi-grid"],
        [class$="-metrics-grid"],
        [class*="__metrics-grid"],
        [class$="-summary-grid"],
        [class*="__summary-grid"]
    ) {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    /* Ações principais ocupam a largura quando o grupo empilha. */
    :where(.content-page, #pageContent) :where(
        .mindz-responsive-actions,
        [class$="-form-actions"],
        [class*="__form-actions"]
    ) > :where(button, .button, .button-primary, .button-secondary) {
        flex: 1 1 150px;
        max-width: 100%;
    }

    /* Pop-ups quase fullscreen: melhor aproveitamento e sem corte. */
    :where(
        .mindz-modal,
        .app-modal,
        .app-dialog-modal,
        .modal-content,
        .avaliacoes-modal__dialog,
        .avaliacoes-global-modal-content,
        .tn-modal-content,
        .feedback-modal,
        .descricao-cargos-modal,
        .descricao-cargos-review-modal,
        .solicitacoes-modal,
        .solicitacoes-mini-modal,
        .solicitacoes-edit-modal,
        .solicitacoes-user-detail-modal,
        .solicitacoes-chat-modal-premium,
        .clima-modal,
        .clima-graficos-modal,
        .clima-resultados-modal,
        .clima-resposta-modal,
        .colaborador-trajetoria-modal,
        .comemoracoes-search-modal,
        .comemoracoes-comments-modal,
        .comunicado-comments-modal,
        .gv2-process-modal,
        .gv2-vacancy-modal,
        .mov-modal-card--detail-transfer,
        .mov-submodal-card--decision,
        .pe-modal,
        [role="dialog"]
    ) {
        width: calc(100vw - 12px) !important;
        max-width: calc(100vw - 12px) !important;
        max-height: calc(100dvh - 12px) !important;
        margin: 6px auto !important;
        border-radius: min(14px, var(--radius-lg, 14px)) !important;
    }
}

/* Telefones muito estreitos */
@media (max-width: 390px) {
    #app.app-shell:not(.app-shell--embed) :is(.app-topbar, .app-topbar.topbar-corrigida) {
        grid-template-columns: 76px 40px minmax(0, 1fr) !important;
        padding-inline: 6px !important;
        gap: 4px !important;
    }

    #app.app-shell:not(.app-shell--embed) .app-header-brand .sistema-logo-img {
        max-height: 27px !important;
    }

    :where(.content-page, #pageContent, .mindz-modal, .app-modal, [role="dialog"]) :where(
        input:not([type="checkbox"]):not([type="radio"]),
        select,
        textarea,
        button,
        .button,
        .button-primary,
        .button-secondary
    ) {
        font-size: 16px; /* evita zoom automático no iOS */
    }
}

/* Mobile em landscape: preserva área útil vertical. */
@media (max-width: 959px) and (orientation: landscape) and (max-height: 560px) {
    :root {
        --mindz-shell-header-height: 64px;
    }

    #app.app-shell:not(.app-shell--embed) #appSidebar.sidebar {
        width: min(300px, 54vw) !important;
    }

    :where(.mindz-modal, .app-modal, .app-dialog-modal, [role="dialog"]) {
        max-height: calc(100dvh - 8px) !important;
        margin-block: 4px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    #app.app-shell:not(.app-shell--embed) #appSidebar.sidebar,
    #app.app-shell:not(.app-shell--embed) .mobile-sidebar-backdrop {
        transition-duration: 0.01ms !important;
    }
}

/* =========================================================
   Módulos críticos sem breakpoint próprio suficiente
   ========================================================= */
@media (max-width: 959px) {
    /* Pessoas > Minha equipe */
    .minha-equipe-page {
        gap: 14px !important;
        padding-bottom: 20px !important;
    }

    .minha-equipe-hero-row,
    .minha-equipe-section-header,
    .minha-equipe-toolbar,
    .minha-equipe-tabbar,
    .pa-card-head,
    .pa-insight-item,
    .pa-detail-person,
    .pa-modal-toolbar,
    .pa-modal-pagination {
        flex-wrap: wrap !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .minha-equipe-tabbar .minha-equipe-tabs {
        flex: 1 1 100% !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .minha-equipe-tabbar-actions {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        flex-wrap: wrap !important;
    }

    .minha-equipe-tabbar-actions .minha-equipe-departamento-filter {
        flex: 1 1 220px !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .pa-home-primary-row,
    .pa-home-final-row,
    .pa-vacation-charts,
    .pa-turnover-period-bar,
    .pa-modal-summary-grid,
    .pa-modal-summary-grid-five {
        grid-template-columns: minmax(0, 1fr) !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .pa-home-primary-row > .pa-cargo-table-panel,
    .pa-home-primary-row > .pa-ninebox-embed-panel,
    .pa-home-primary-row > .pa-ninebox-native-panel {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    .pa-home-primary-row .pa-ninebox-embed-shell,
    .pa-home-primary-row .pa-ninebox-embed-frame {
        width: 100% !important;
        max-width: 100% !important;
        height: clamp(320px, 72vw, 440px) !important;
        min-height: 320px !important;
        max-height: 440px !important;
    }

    .pa-person-cell {
        min-width: 0 !important;
    }

    .pa-turnover-period-bar [data-action="aplicar-periodo"] {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        justify-content: center !important;
    }
}

@media (max-width: 640px) {
    /* Pessoas > Minha equipe: cards e detalhes em uma coluna real. */
    .pa-detail-grid,
    .pa-modal-summary-grid,
    .pa-modal-summary-grid-five {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .pa-modal-pagination {
        align-items: flex-start !important;
        flex-direction: column !important;
    }

    .pa-modal-pagination > div {
        width: 100% !important;
        flex-wrap: wrap !important;
    }

    .minha-equipe-tabbar-actions > * {
        flex: 1 1 100% !important;
    }

    .minha-equipe-tabbar-refresh {
        width: 100% !important;
        justify-content: center !important;
    }
}

/* Minha Equipe não possui media queries próprias: antecipar o empilhamento no tablet. */
@media (max-width: 1180px) {
    .pa-home-primary-row,
    .pa-home-final-row,
    .pa-vacation-charts,
    .pa-turnover-period-bar,
    .pa-modal-summary-grid,
    .pa-modal-summary-grid-five {
        grid-template-columns: minmax(0, 1fr) !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .pa-home-primary-row > .pa-cargo-table-panel,
    .pa-home-primary-row > .pa-ninebox-embed-panel,
    .pa-home-primary-row > .pa-ninebox-native-panel {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    .pa-home-primary-row .pa-ninebox-embed-shell,
    .pa-home-primary-row .pa-ninebox-embed-frame {
        width: 100% !important;
        max-width: 100% !important;
        height: clamp(340px, 56vw, 460px) !important;
        min-height: 340px !important;
        max-height: 460px !important;
    }
}


/* =========================================================
   MindZ 27123 — Home / Início: responsividade definitiva
   Corrige a cascata das releases 26983–26989 e o header especial
   da Home, mantendo desktop inalterado.
   ========================================================= */

/* O botão de busca compacta só existe visualmente no celular. */
.ph-home-mobile-search-toggle {
    display: none;
}

@media (max-width: 1050px) {
    body.inicio-premium-v2 .ph-home-page .home-dashboard {
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-areas: none !important;
        grid-auto-flow: row !important;
        align-items: start !important;
    }

    body.inicio-premium-v2 .ph-home-page .home-dashboard > :where(
        .home-welcome,
        .home-routine,
        .home-feedbacks,
        .home-requests,
        .home-score,
        .home-activities,
        .home-development,
        .home-health
    ) {
        grid-area: auto !important;
        grid-column: 1 / -1 !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
    }
}

@media (max-width: 820px) {
    body.inicio-premium-v2 #mainContent.app-content {
        padding-inline: 12px !important;
    }

    body.inicio-premium-v2 .ph-home-dashboard.ph-home-dashboard--saas {
        width: 100% !important;
        max-width: 100% !important;
        padding: 10px 0 24px !important;
        gap: 12px !important;
        overflow-x: hidden !important;
    }

    body.inicio-premium-v2 .ph-home-page,
    body.inicio-premium-v2 .home-page,
    body.inicio-premium-v2 .home-dashboard {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
    }

    body.inicio-premium-v2 .ph-home-page .home-dashboard {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 14px !important;
    }

    body.inicio-premium-v2 .home-card,
    body.inicio-premium-v2 .ph-home-card,
    body.inicio-premium-v2 .home-welcome,
    body.inicio-premium-v2 .home-redesign-card {
        border-radius: 18px !important;
    }

    body.inicio-premium-v2 .home-redesign-welcome__hero {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 8px !important;
        padding: 22px 20px 12px !important;
    }

    body.inicio-premium-v2 .home-redesign-orb {
        display: none !important;
    }

    body.inicio-premium-v2 .home-welcome__message h1 {
        max-width: 100% !important;
        font-size: clamp(28px, 8vw, 36px) !important;
        line-height: 1.02 !important;
        letter-spacing: -.035em !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
    }

    body.inicio-premium-v2 .home-welcome__message p {
        margin-top: 8px !important;
        font-size: 13px !important;
    }

    body.inicio-premium-v2 .home-welcome__mood {
        width: calc(100% - 24px) !important;
        margin: 0 12px 12px !important;
    }

    body.inicio-premium-v2 .home-mood-checkin {
        min-height: 0 !important;
        padding: 14px !important;
    }

    body.inicio-premium-v2 .home-mood-checkin__options,
    body.inicio-premium-v2 .mz-mood-strip {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    body.inicio-premium-v2 :where(.home-mood-card, .mood-card, .mz-mood-option, .ph-home-mood-option) {
        min-height: 88px !important;
        padding: 8px 5px !important;
    }

    body.inicio-premium-v2 :where(.home-mood-card svg, .mz-mood-emoji, .emotion-premium) {
        width: 48px !important;
        height: 48px !important;
    }

    body.inicio-premium-v2 .home-redesign-routine .home-card__body,
    body.inicio-premium-v2 .home-redesign-routine-body {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 14px !important;
    }

    body.inicio-premium-v2 .home-redesign-health-ring--compact {
        width: 148px !important;
        height: 148px !important;
    }

    body.inicio-premium-v2 .home-redesign-routine-list.home-redesign-routine-topic-list {
        grid-template-columns: minmax(0, 1fr) !important;
        max-height: none !important;
        overflow-y: visible !important;
        padding-right: 0 !important;
    }

    body.inicio-premium-v2 .home-redesign-routine-topic {
        grid-template-columns: minmax(0, 1fr) auto !important;
        min-height: 58px !important;
    }

    body.inicio-premium-v2 .home-score .home-redesign-score-gauge__arc {
        width: 154px !important;
        height: 154px !important;
        min-height: 154px !important;
    }

    body.inicio-premium-v2 :where(.home-feedbacks, .home-requests) :where(
        .home-redesign-feedback-buttons,
        .home-redesign-requests-buttons
    ) {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 9px !important;
    }

    body.inicio-premium-v2 .home-feedback-request-cta,
    body.inicio-premium-v2 .home-feedback-request-cta.home-feedback-request-cta--expanded {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

/* Header especial da Home: logo | menu | controles compactos. */
@media (max-width: 959px) {
    body.inicio-premium-v2 #app.app-shell.shell-home-header-controls-v26826 :is(
        .app-topbar.app-topbar--home-controls-v26826,
        .app-topbar.topbar-corrigida.app-topbar--home-controls-v26826
    ) {
        grid-template-columns: minmax(88px, 118px) 44px minmax(0, 1fr) !important;
        grid-template-areas: "brand mobile homeControls" !important;
        column-gap: 8px !important;
        padding-inline: 10px !important;
        overflow: visible !important;
    }

    body.inicio-premium-v2 #app.app-shell.shell-home-header-controls-v26826 .app-header-brand,
    body.inicio-premium-v2 #app.app-shell.shell-logo-isolated-v26829.shell-home-header-controls-v26826 .app-header-brand,
    body.inicio-premium-v2 #app.app-shell.shell-logo-isolated-v26829.shell-home-header-controls-v26826 .app-header-brand__link {
        grid-area: brand !important;
        grid-column: 1 !important;
        width: 118px !important;
        min-width: 0 !important;
        max-width: 118px !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    body.inicio-premium-v2 #app.app-shell.shell-logo-isolated-v26829.shell-home-header-controls-v26826 .app-header-brand .sistema-logo-img,
    body.inicio-premium-v2 #app.app-shell.shell-home-header-controls-v26826 .app-header-brand .sistema-logo-img {
        width: auto !important;
        min-width: 0 !important;
        max-width: 100% !important;
        max-height: 30px !important;
        object-fit: contain !important;
    }

    body.inicio-premium-v2 #app.app-shell.shell-home-header-controls-v26826 #btnMobileSidebar {
        grid-area: mobile !important;
        grid-column: 2 !important;
        display: inline-flex !important;
        width: 44px !important;
        height: 44px !important;
    }

    body.inicio-premium-v2 #app.app-shell.shell-home-header-controls-v26826 .ph-home-header-controls-v26826.ph-home-header-controls-v26972 {
        grid-area: homeControls !important;
        grid-column: 3 !important;
        width: 100% !important;
        min-width: 0 !important;
        height: var(--mindz-global-header-height, 76px) !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 6px !important;
        overflow: visible !important;
    }

    body.inicio-premium-v2 #app.app-shell.shell-home-header-controls-v26826 .ph-home-header-controls-v26972__left {
        min-width: 0 !important;
        width: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 7px !important;
        overflow: visible !important;
    }

    body.inicio-premium-v2 #app.app-shell.shell-home-header-controls-v26826 .ph-home-header-controls-v26972__actions {
        width: auto !important;
        min-width: 42px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
    }

    body.inicio-premium-v2 #app.app-shell.shell-home-header-controls-v26826 #phHomeNotificationsBtn {
        width: 42px !important;
        min-width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
        padding: 0 !important;
        box-shadow: none !important;
    }
}

@media (max-width: 640px) {
    body.inicio-premium-v2 #app.app-shell.shell-home-header-controls-v26826 :is(
        .app-topbar.app-topbar--home-controls-v26826,
        .app-topbar.topbar-corrigida.app-topbar--home-controls-v26826
    ) {
        grid-template-columns: 96px 42px minmax(0, 1fr) !important;
        column-gap: 6px !important;
        padding-inline: 8px !important;
    }

    body.inicio-premium-v2 #app.app-shell.shell-home-header-controls-v26826 .app-header-brand,
    body.inicio-premium-v2 #app.app-shell.shell-logo-isolated-v26829.shell-home-header-controls-v26826 .app-header-brand,
    body.inicio-premium-v2 #app.app-shell.shell-logo-isolated-v26829.shell-home-header-controls-v26826 .app-header-brand__link {
        width: 96px !important;
        max-width: 96px !important;
    }

    body.inicio-premium-v2 #app.app-shell.shell-home-header-controls-v26826 .app-header-brand .sistema-logo-img {
        max-height: 28px !important;
    }

    body.inicio-premium-v2 .ph-home-mobile-search-toggle {
        display: inline-grid !important;
        place-items: center !important;
        flex: 0 0 42px !important;
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        min-height: 42px !important;
        padding: 0 !important;
        border: 1px solid rgba(255,255,255,.24) !important;
        border-radius: 999px !important;
        background: rgba(255,255,255,.10) !important;
        color: #fff !important;
        cursor: pointer !important;
    }

    body.inicio-premium-v2 .ph-home-mobile-search-toggle svg {
        width: 19px !important;
        height: 19px !important;
    }

    body.inicio-premium-v2 #app.app-shell.shell-home-header-controls-v26826 #phHomeSearchForm.ph-home-search,
    body.inicio-premium-v2 #app.app-shell.shell-home-header-controls-v26826 #phHomeSearchForm.ph-home-redesign-search {
        display: none !important;
        min-width: 0 !important;
    }

    body.inicio-premium-v2 #app.app-shell.shell-home-header-controls-v26826 #phHomeSearchForm.ph-home-search.is-mobile-search-open,
    body.inicio-premium-v2 #app.app-shell.shell-home-header-controls-v26826 #phHomeSearchForm.ph-home-redesign-search.is-mobile-search-open {
        position: fixed !important;
        top: calc(var(--mindz-shell-header-height, var(--mindz-global-header-height, 76px)) + 8px) !important;
        right: 10px !important;
        left: 10px !important;
        z-index: 5000 !important;
        display: flex !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 48px !important;
        margin: 0 !important;
        border: 1px solid var(--border-subtle, #d8deea) !important;
        border-radius: 15px !important;
        background: var(--surface, #fff) !important;
        box-shadow: 0 18px 48px rgba(15,23,42,.24) !important;
    }

    body.inicio-premium-v2 #app.app-shell.shell-home-header-controls-v26826 #phHomeSearchForm.is-mobile-search-open #phHomeSearchInput {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        height: 46px !important;
        font-size: 16px !important;
    }

    body.inicio-premium-v2 #app.app-shell.shell-home-header-controls-v26826 #phHomeSearchForm.is-mobile-search-open #phHomePeopleSearchDropdown.ph-home-search-dropdown {
        top: calc(100% + 8px) !important;
        right: 0 !important;
        left: 0 !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        max-height: min(420px, calc(100dvh - 150px)) !important;
    }

    body.inicio-premium-v2 .ph-home-manager-view-switch.ph-home-manager-view-switch--checkbox {
        max-width: 92px !important;
        gap: 4px !important;
        overflow: visible !important;
    }

    body.inicio-premium-v2 .ph-home-view-toggle__text {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        overflow: hidden !important;
        clip: rect(0 0 0 0) !important;
        clip-path: inset(50%) !important;
        white-space: nowrap !important;
    }

    body.inicio-premium-v2 .ph-home-view-toggle__badge {
        min-width: 16px !important;
        height: 16px !important;
        padding-inline: 3px !important;
        font-size: 8px !important;
    }

    body.inicio-premium-v2 .ph-home-view-toggle__track {
        width: 32px !important;
        height: 18px !important;
    }

    body.inicio-premium-v2 .ph-home-view-toggle__input:checked + .ph-home-view-toggle__track .ph-home-view-toggle__thumb {
        transform: translateX(14px) !important;
    }

    body.inicio-premium-v2 .home-mood-checkin__options,
    body.inicio-premium-v2 .mz-mood-strip {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    body.inicio-premium-v2 :where(.home-feedbacks, .home-requests) :where(
        .home-redesign-feedback-buttons,
        .home-redesign-requests-buttons
    ) {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 390px) {
    body.inicio-premium-v2 #app.app-shell.shell-home-header-controls-v26826 :is(
        .app-topbar.app-topbar--home-controls-v26826,
        .app-topbar.topbar-corrigida.app-topbar--home-controls-v26826
    ) {
        grid-template-columns: 82px 40px minmax(0, 1fr) !important;
        padding-inline: 6px !important;
        gap: 4px !important;
    }

    body.inicio-premium-v2 #app.app-shell.shell-home-header-controls-v26826 .app-header-brand,
    body.inicio-premium-v2 #app.app-shell.shell-logo-isolated-v26829.shell-home-header-controls-v26826 .app-header-brand,
    body.inicio-premium-v2 #app.app-shell.shell-logo-isolated-v26829.shell-home-header-controls-v26826 .app-header-brand__link {
        width: 82px !important;
        max-width: 82px !important;
    }

    body.inicio-premium-v2 #app.app-shell.shell-home-header-controls-v26826 .app-header-brand .sistema-logo-img {
        max-height: 25px !important;
    }

    body.inicio-premium-v2 .ph-home-mobile-search-toggle,
    body.inicio-premium-v2 #app.app-shell.shell-home-header-controls-v26826 #phHomeNotificationsBtn {
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
    }

    body.inicio-premium-v2 .ph-home-page .home-dashboard {
        gap: 12px !important;
    }

    body.inicio-premium-v2 .home-redesign-welcome__hero {
        padding: 18px 16px 10px !important;
    }

    body.inicio-premium-v2 .home-welcome__message h1 {
        font-size: 28px !important;
    }

    body.inicio-premium-v2 .home-mood-checkin__options,
    body.inicio-premium-v2 .mz-mood-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}


/* =========================================================
   MindZ 27124 — Home mobile enxuta
   - Somente mobile: desktop permanece integralmente inalterado.
   - Dashboard em uma única coluna real (flex), sem depender do grid histórico.
   - Remove textos analíticos/descritivos e preserva ações úteis.
   ========================================================= */
@media (max-width: 760px), (max-width: 959px) and (orientation: landscape) and (max-height: 560px) and (pointer: coarse) {
    /* Contrato estrutural definitivo: todos os cards da Home em uma coluna. */
    body.inicio-premium-v2.inicio-dashboard-27004 .ph-home-page[data-home-view] .home-page,
    body.inicio-premium-v2.inicio-dashboard-27004 .ph-home-page[data-home-view] .home-dashboard {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    body.inicio-premium-v2.inicio-dashboard-27004 .ph-home-page[data-home-view] .home-dashboard {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: 12px !important;
        grid-template-columns: none !important;
        grid-template-areas: none !important;
    }

    body.inicio-premium-v2.inicio-dashboard-27004 .ph-home-page[data-home-view] .home-dashboard > :where(
        .home-welcome,
        .home-routine,
        .home-feedbacks,
        .home-requests,
        .home-score,
        .home-activities,
        .home-development,
        .home-health,
        .home-card,
        .ph-home-card
    ) {
        flex: 0 0 auto !important;
        order: initial !important;
        grid-area: auto !important;
        grid-column: auto !important;
        grid-row: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        height: auto !important;
        align-self: stretch !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    /* Área útil: menos margem lateral e mais conteúdo por tela. */
    body.inicio-premium-v2.inicio-dashboard-27004 #mainContent.app-content {
        padding-inline: 10px !important;
        padding-bottom: 18px !important;
    }

    body.inicio-premium-v2.inicio-dashboard-27004 .ph-home-dashboard.ph-home-dashboard--saas {
        padding-top: 8px !important;
        padding-bottom: 18px !important;
        gap: 10px !important;
    }

    /* Cabeçalhos dos cards: título e ações; descrições analíticas saem no mobile. */
    body.inicio-premium-v2.inicio-dashboard-27004 .ph-home-page[data-home-view] .home-card__header,
    body.inicio-premium-v2.inicio-dashboard-27004 .ph-home-page[data-home-view] .home-redesign-card-header {
        min-height: 0 !important;
        padding: 14px 14px 10px !important;
        gap: 8px !important;
        align-items: center !important;
    }

    body.inicio-premium-v2.inicio-dashboard-27004 .ph-home-page[data-home-view] .home-card__header h2,
    body.inicio-premium-v2.inicio-dashboard-27004 .ph-home-page[data-home-view] .home-card__header h3,
    body.inicio-premium-v2.inicio-dashboard-27004 .ph-home-page[data-home-view] .home-redesign-card-header h2,
    body.inicio-premium-v2.inicio-dashboard-27004 .ph-home-page[data-home-view] .home-redesign-card-header h3 {
        margin: 0 !important;
        font-size: 17px !important;
        line-height: 1.15 !important;
    }

    body.inicio-premium-v2.inicio-dashboard-27004 .ph-home-page[data-home-view] .home-card__description,
    body.inicio-premium-v2.inicio-dashboard-27004 .ph-home-page[data-home-view] .home-redesign-routine-pending__heading > small,
    body.inicio-premium-v2.inicio-dashboard-27004 .ph-home-page[data-home-view] .home-redesign-score-gauge > em {
        display: none !important;
    }

    body.inicio-premium-v2.inicio-dashboard-27004 .ph-home-page[data-home-view] .home-card__body {
        min-width: 0 !important;
        min-height: 0 !important;
        padding: 10px 14px 14px !important;
        box-sizing: border-box !important;
    }

    /* Saudação: compacta, sem desperdiçar altura. */
    body.inicio-premium-v2.inicio-dashboard-27004 .home-redesign-welcome__hero {
        padding: 16px 16px 8px !important;
    }

    body.inicio-premium-v2.inicio-dashboard-27004 .home-welcome__message h1 {
        font-size: clamp(27px, 8vw, 32px) !important;
        line-height: 1.02 !important;
    }

    body.inicio-premium-v2.inicio-dashboard-27004 .home-welcome__message p {
        margin-top: 5px !important;
        font-size: 12px !important;
    }

    body.inicio-premium-v2.inicio-dashboard-27004 .home-welcome__mood {
        width: calc(100% - 20px) !important;
        margin: 0 10px 10px !important;
    }

    body.inicio-premium-v2.inicio-dashboard-27004 .home-mood-checkin {
        padding: 12px !important;
    }

    body.inicio-premium-v2.inicio-dashboard-27004 .home-mood-checkin > :where(h2, h3, strong):first-child {
        margin-bottom: 8px !important;
    }

    body.inicio-premium-v2.inicio-dashboard-27004 .home-mood-checkin__options,
    body.inicio-premium-v2.inicio-dashboard-27004 .mz-mood-strip {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 7px !important;
    }

    body.inicio-premium-v2.inicio-dashboard-27004 :where(.home-mood-card, .mood-card, .mz-mood-option, .ph-home-mood-option) {
        min-height: 76px !important;
        padding: 7px 4px !important;
        border-radius: 14px !important;
    }

    body.inicio-premium-v2.inicio-dashboard-27004 :where(.home-mood-card svg, .mz-mood-emoji, .emotion-premium) {
        width: 42px !important;
        height: 42px !important;
    }

    body.inicio-premium-v2.inicio-dashboard-27004 :where(.mood-name, .mz-mood-label, .ph-home-mood-option__text) {
        font-size: 10px !important;
        line-height: 1.1 !important;
    }

    /* Minha rotina: resumo primeiro, prioridades logo abaixo, tudo vertical. */
    body.inicio-premium-v2.inicio-dashboard-27004 .home-redesign-routine .home-card__body.home-redesign-routine-body,
    body.inicio-premium-v2.inicio-dashboard-27004 .home-redesign-routine-body {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
    }

    body.inicio-premium-v2.inicio-dashboard-27004 .home-redesign-routine-health {
        width: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 12px !important;
    }

    body.inicio-premium-v2.inicio-dashboard-27004 .home-redesign-health-ring--compact {
        flex: 0 0 116px !important;
        width: 116px !important;
        height: 116px !important;
        margin: 0 !important;
    }

    body.inicio-premium-v2.inicio-dashboard-27004 .home-redesign-health-ring--compact strong {
        font-size: 25px !important;
    }

    body.inicio-premium-v2.inicio-dashboard-27004 .home-redesign-health-ring--compact small {
        font-size: 10px !important;
    }

    body.inicio-premium-v2.inicio-dashboard-27004 .home-redesign-routine-summary {
        width: auto !important;
        min-width: 0 !important;
    }

    body.inicio-premium-v2.inicio-dashboard-27004 .home-redesign-routine-summary__pill {
        min-width: 0 !important;
        min-height: 32px !important;
        padding: 6px 10px !important;
        font-size: 11px !important;
    }

    body.inicio-premium-v2.inicio-dashboard-27004 .home-redesign-routine-pending {
        gap: 8px !important;
    }

    body.inicio-premium-v2.inicio-dashboard-27004 .home-redesign-routine-pending__header {
        margin: 0 !important;
        padding: 0 !important;
    }

    body.inicio-premium-v2.inicio-dashboard-27004 .home-redesign-routine-pending__heading {
        gap: 2px !important;
    }

    body.inicio-premium-v2.inicio-dashboard-27004 .home-redesign-routine-pending__eyebrow {
        font-size: 10px !important;
    }

    body.inicio-premium-v2.inicio-dashboard-27004 .home-redesign-routine-pending__heading > strong {
        font-size: 14px !important;
    }

    body.inicio-premium-v2.inicio-dashboard-27004 .home-redesign-routine-list.home-redesign-routine-topic-list {
        grid-template-columns: minmax(0, 1fr) !important;
        grid-auto-rows: auto !important;
        gap: 7px !important;
        max-height: none !important;
        overflow: visible !important;
        padding: 0 !important;
    }

    body.inicio-premium-v2.inicio-dashboard-27004 .home-redesign-routine-topic {
        width: 100% !important;
        min-height: 48px !important;
        padding: 8px 9px !important;
        gap: 7px !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        border-radius: 13px !important;
    }

    body.inicio-premium-v2.inicio-dashboard-27004 .home-redesign-routine-topic .home-redesign-row-icon {
        width: 31px !important;
        height: 31px !important;
    }

    body.inicio-premium-v2.inicio-dashboard-27004 .home-redesign-routine-topic .home-redesign-row-main strong {
        font-size: 12px !important;
    }

    body.inicio-premium-v2.inicio-dashboard-27004 .home-redesign-routine-topic .home-redesign-row-main small {
        font-size: 10.5px !important;
    }

    /* Feedbacks e Solicitações: dados essenciais; análise textual sai. */
    body.inicio-premium-v2.inicio-dashboard-27004 :where(.home-feedbacks, .home-requests) .home-redesign-feedback-body {
        display: grid !important;
        gap: 10px !important;
    }

    body.inicio-premium-v2.inicio-dashboard-27004 :where(.home-feedbacks, .home-requests) :where(
        .home-redesign-feedback-buttons,
        .home-redesign-requests-buttons
    ) {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 7px !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    body.inicio-premium-v2.inicio-dashboard-27004 :where(.home-feedbacks, .home-requests) .home-redesign-feedback-stat-button {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 64px !important;
        padding: 9px !important;
        gap: 7px !important;
        grid-template-columns: 34px minmax(0, 1fr) !important;
        border-radius: 14px !important;
        overflow: hidden !important;
    }

    body.inicio-premium-v2.inicio-dashboard-27004 .home-redesign-feedback-stat-button__icon {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
    }

    body.inicio-premium-v2.inicio-dashboard-27004 .home-redesign-feedback-stat-button__content {
        min-width: 0 !important;
        gap: 1px !important;
    }

    body.inicio-premium-v2.inicio-dashboard-27004 .home-redesign-feedback-stat-button__content strong {
        font-size: 18px !important;
        line-height: 1 !important;
    }

    body.inicio-premium-v2.inicio-dashboard-27004 .home-redesign-feedback-stat-button__content small {
        max-width: 100% !important;
        font-size: 10.5px !important;
        line-height: 1.15 !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        word-break: normal !important;
    }

    body.inicio-premium-v2.inicio-dashboard-27004 .home-redesign-progress-row {
        margin-top: 0 !important;
        gap: 6px !important;
    }

    body.inicio-premium-v2.inicio-dashboard-27004 .home-redesign-progress-row > span {
        font-size: 10.5px !important;
    }

    /* Feedback: remove texto analítico, mas mantém os dois atalhos operacionais. */
    body.inicio-premium-v2.inicio-dashboard-27004 .home-feedback-executive-reading {
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    body.inicio-premium-v2.inicio-dashboard-27004 .home-feedback-executive-reading::before,
    body.inicio-premium-v2.inicio-dashboard-27004 .home-feedback-executive-reading__header,
    body.inicio-premium-v2.inicio-dashboard-27004 .home-feedback-executive-reading__text,
    body.inicio-premium-v2.inicio-dashboard-27004 .home-feedback-executive-reading__actions > span {
        display: none !important;
    }

    body.inicio-premium-v2.inicio-dashboard-27004 .home-feedback-executive-reading__actions {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 7px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.inicio-premium-v2.inicio-dashboard-27004 .home-feedback-executive-reading__actions .mindz-button {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 38px !important;
        padding-inline: 8px !important;
        font-size: 11px !important;
    }

    /* Solicitações: Leitura executiva inteira é ocultada no mobile. */
    body.inicio-premium-v2.inicio-dashboard-27004 .home-requests-executive-reading {
        display: none !important;
    }

    /* Filtro de referência fica compacto e nunca disputa largura com o título. */
    body.inicio-premium-v2.inicio-dashboard-27004 .home-requests-header {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: center !important;
    }

    body.inicio-premium-v2.inicio-dashboard-27004 .home-requests-reference-filter {
        min-width: 0 !important;
        max-width: 132px !important;
    }

    body.inicio-premium-v2.inicio-dashboard-27004 .home-requests-reference-filter select {
        width: 100% !important;
        min-width: 0 !important;
        height: 36px !important;
        padding-inline: 8px 28px !important;
        font-size: 10.5px !important;
    }

    /* Score: informação principal central; ranking continua abaixo sem composição lateral. */
    body.inicio-premium-v2.inicio-dashboard-27004 .home-score .home-card__body {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 10px !important;
    }

    body.inicio-premium-v2.inicio-dashboard-27004 .home-score .home-redesign-score-gauge {
        min-height: 0 !important;
        gap: 5px !important;
        padding-block: 0 !important;
    }

    body.inicio-premium-v2.inicio-dashboard-27004 .home-score .home-redesign-score-gauge__arc {
        width: 126px !important;
        height: 126px !important;
        min-height: 126px !important;
        margin-inline: auto !important;
    }

    body.inicio-premium-v2.inicio-dashboard-27004 .home-score .home-redesign-score-gauge__arc span {
        font-size: 27px !important;
    }

    body.inicio-premium-v2.inicio-dashboard-27004 .home-score .home-redesign-score-gauge > p {
        margin: 0 !important;
        font-size: 11px !important;
    }

    body.inicio-premium-v2.inicio-dashboard-27004 .home-mindex-heading {
        margin-top: 0 !important;
    }

    body.inicio-premium-v2.inicio-dashboard-27004 .home-mindex-row {
        min-height: 34px !important;
        padding-block: 5px !important;
    }
}

@media (max-width: 420px) {
    body.inicio-premium-v2.inicio-dashboard-27004 .home-mood-checkin__options,
    body.inicio-premium-v2.inicio-dashboard-27004 .mz-mood-strip {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    body.inicio-premium-v2.inicio-dashboard-27004 :where(.home-feedbacks, .home-requests) :where(
        .home-redesign-feedback-buttons,
        .home-redesign-requests-buttons
    ) {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}


/* =========================================================
   MindZ 27125 — Home mobile: header mínimo + drawer + scroll seguro
   Somente <= 760px. Desktop não é alterado.
   ========================================================= */
@media (max-width: 760px), (max-width: 959px) and (orientation: landscape) and (max-height: 560px) and (pointer: coarse) {
    /* Header da Home: logo + botão de menu + sino. */
    body.inicio-premium-v2 #app.app-shell.shell-home-header-controls-v26826 .ph-home-mobile-search-toggle,
    body.inicio-premium-v2 #app.app-shell.shell-home-header-controls-v26826 #phHomeSearchForm,
    body.inicio-premium-v2 #app.app-shell.shell-home-header-controls-v26826 .ph-home-manager-view-switch {
        display: none !important;
    }

    body.inicio-premium-v2 #app.app-shell.shell-home-header-controls-v26826 .ph-home-header-controls-v26826.ph-home-header-controls-v26972 {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        width: 100% !important;
        min-width: 0 !important;
        gap: 0 !important;
        overflow: visible !important;
    }

    body.inicio-premium-v2 #app.app-shell.shell-home-header-controls-v26826 .ph-home-header-controls-v26972__left {
        display: none !important;
    }

    body.inicio-premium-v2 #app.app-shell.shell-home-header-controls-v26826 .ph-home-header-controls-v26972__actions {
        display: flex !important;
        width: auto !important;
        min-width: 0 !important;
        margin-left: auto !important;
    }

    /* Drawer mobile: X sempre visível no topo. */
    #app.app-shell #appSidebar.sidebar .app-sidebar-brand,
    #app.app-shell #appSidebar.sidebar .sidebar-brand {
        position: relative !important;
        min-height: 64px !important;
        padding-right: 50px !important;
    }

    .mindz-mobile-sidebar-close {
        position: absolute !important;
        top: 10px !important;
        right: 8px !important;
        z-index: 4 !important;
        display: inline-grid !important;
        place-items: center !important;
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        min-height: 42px !important;
        padding: 0 !important;
        border: 1px solid var(--sidebar-border, rgba(148,163,184,.26)) !important;
        border-radius: 12px !important;
        background: color-mix(in srgb, var(--sidebar-bg, #fff) 90%, transparent) !important;
        color: var(--sidebar-text, var(--text, #25314a)) !important;
        cursor: pointer !important;
        box-shadow: none !important;
    }

    .mindz-mobile-sidebar-close svg {
        width: 20px !important;
        height: 20px !important;
        fill: none !important;
        stroke: currentColor !important;
        stroke-width: 1.8 !important;
        stroke-linecap: round !important;
    }

    .mindz-mobile-sidebar-close:focus-visible {
        outline: 2px solid var(--primary, #626da8) !important;
        outline-offset: 2px !important;
    }

    /* A navegação lateral inteira continua alcançável. */
    #app.app-shell.shell-mobile-open #appSidebar.sidebar {
        overflow: hidden !important;
    }

    #app.app-shell.shell-mobile-open #appSidebar.sidebar #sidebarNav.sidebar-nav {
        min-height: 0 !important;
        flex: 1 1 auto !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        overscroll-behavior: contain !important;
        -webkit-overflow-scrolling: touch !important;
        padding-bottom: calc(20px + env(safe-area-inset-bottom, 0px)) !important;
    }

    /* A Home nunca pode ser truncada verticalmente. O mainContent é o único
       scroll vertical e todos os wrappers internos crescem pelo conteúdo. */
    body.inicio-premium-v2 #app.app-shell:not(.app-shell--embed) #mainContent.app-content {
        height: calc(100dvh - var(--mindz-shell-header-height, var(--mindz-global-header-height, 76px))) !important;
        min-height: 0 !important;
        max-height: calc(100dvh - var(--mindz-shell-header-height, var(--mindz-global-header-height, 76px))) !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        overscroll-behavior-y: contain !important;
        -webkit-overflow-scrolling: touch !important;
        padding-bottom: calc(28px + env(safe-area-inset-bottom, 0px)) !important;
        scroll-padding-bottom: calc(28px + env(safe-area-inset-bottom, 0px)) !important;
    }

    body.inicio-premium-v2 #app.app-shell:not(.app-shell--embed) #pageContent.content-page,
    body.inicio-premium-v2 .ph-home-dashboard.ph-home-dashboard--saas,
    body.inicio-premium-v2 .ph-home-page,
    body.inicio-premium-v2 .home-page,
    body.inicio-premium-v2 .home-dashboard {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
    }

    /* Defesa extra: independentemente de releases antigas, cada card fica numa
       linha própria e nenhum conteúdo interno fica preso a altura fixa. */
    body.inicio-premium-v2 .home-dashboard {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
        gap: 12px !important;
    }

    body.inicio-premium-v2 .home-dashboard > * {
        flex: 0 0 auto !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        grid-column: 1 / -1 !important;
        grid-row: auto !important;
    }

    body.inicio-premium-v2 .home-dashboard :where(.home-card__body, .home-redesign-feedback-body, .home-redesign-routine-body) {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }
}

@media (min-width: 960px), (min-width: 761px) and (min-height: 561px), (min-width: 761px) and (pointer: fine) {
    .mindz-mobile-sidebar-close {
        display: none !important;
    }
}


/* =========================================================
   MindZ 27126 — menu mobile estável + Home compacta
   Somente <= 760px. Desktop permanece inalterado.
   ========================================================= */
@media (max-width: 760px), (max-width: 959px) and (orientation: landscape) and (max-height: 560px) and (pointer: coarse) {
    /* Menu lateral: submenus são accordions persistentes no drawer.
       Não dependem de hover/flyout flutuante em touch. */
    #app.app-shell.shell-mobile-open #appSidebar.sidebar .sidebar-item.has-submenu > .sidebar-submenu {
        position: static !important;
        inset: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        max-height: none !important;
        margin: 4px 0 7px !important;
        padding: 4px 0 4px 18px !important;
        border: 0 !important;
        border-left: 1px solid color-mix(in srgb, var(--sidebar-border, #dce2ee) 82%, transparent) !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        overflow: visible !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: none !important;
    }

    #app.app-shell.shell-mobile-open #appSidebar.sidebar .sidebar-item.has-submenu:not(.is-open):not(.has-active-child) > .sidebar-submenu {
        display: none !important;
    }

    #app.app-shell.shell-mobile-open #appSidebar.sidebar .sidebar-item.has-submenu:is(.is-open, .has-active-child) > .sidebar-submenu {
        display: grid !important;
        gap: 2px !important;
    }

    #app.app-shell.shell-mobile-open #appSidebar.sidebar .sidebar-submenu-link {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 42px !important;
        display: grid !important;
        grid-template-columns: 20px minmax(0, 1fr) auto !important;
        align-items: center !important;
        gap: 9px !important;
        padding: 8px 10px !important;
        white-space: normal !important;
        overflow: visible !important;
        pointer-events: auto !important;
        touch-action: manipulation !important;
    }

    #app.app-shell.shell-mobile-open #appSidebar.sidebar .sidebar-submenu-link .sidebar-link-label {
        overflow: visible !important;
        text-overflow: clip !important;
        white-space: normal !important;
    }

    /* X realmente no topo do drawer, acima de qualquer logo/scroll. */
    #app.app-shell #appSidebar.sidebar > .app-sidebar-brand.sidebar-brand {
        position: relative !important;
        flex: 0 0 auto !important;
        min-height: 68px !important;
        padding-right: 54px !important;
        z-index: 6 !important;
    }

    #app.app-shell #appSidebar.sidebar > .app-sidebar-brand.sidebar-brand > .mindz-mobile-sidebar-close {
        top: 11px !important;
        right: 10px !important;
        z-index: 20 !important;
    }

    /* Solicitações: Referência abaixo do título e com largura útil total. */
    body.inicio-premium-v2.inicio-dashboard-27004 .home-requests-header {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        align-items: stretch !important;
        justify-items: stretch !important;
        gap: 8px !important;
    }

    body.inicio-premium-v2.inicio-dashboard-27004 .home-requests-header .home-card__heading {
        width: 100% !important;
    }

    body.inicio-premium-v2.inicio-dashboard-27004 .home-requests-reference-filter {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 4px !important;
        margin: 0 !important;
        justify-self: stretch !important;
    }

    body.inicio-premium-v2.inicio-dashboard-27004 .home-requests-reference-filter > span {
        display: block !important;
        font-size: 10px !important;
        line-height: 1.2 !important;
    }

    body.inicio-premium-v2.inicio-dashboard-27004 .home-requests-reference-filter select {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 40px !important;
        padding: 0 34px 0 11px !important;
        font-size: 12px !important;
    }

    /* Minha rotina: no mobile o número de pendências já aparece nos itens.
       Remove a pill redundante e deixa o gráfico centralizado. */
    body.inicio-premium-v2.inicio-dashboard-27004 .home-redesign-routine-summary {
        display: none !important;
    }

    body.inicio-premium-v2.inicio-dashboard-27004 .home-redesign-routine-health {
        display: flex !important;
        width: 100% !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        margin-inline: auto !important;
    }

    body.inicio-premium-v2.inicio-dashboard-27004 .home-redesign-health-ring--compact {
        flex: 0 0 124px !important;
        width: 124px !important;
        height: 124px !important;
        margin-inline: auto !important;
    }
}


/* =========================================================
   MindZ 27128 — toolbar do feedback em uma única linha
   Somente <= 760px. Desktop permanece inalterado.
   ========================================================= */

/* O botão Home existe no DOM para manter o shell único, mas só aparece no mobile. */
.topbar-home-button,
.ph-home-home-button {
    display: none;
}

@media (max-width: 760px), (max-width: 959px) and (orientation: landscape) and (max-height: 560px) and (pointer: coarse) {
    /* Navegação mobile: não existe menu lateral. A tela Início passa a ser o hub. */
    #app.app-shell:not(.app-shell--embed) #appSidebar.sidebar,
    #app.app-shell:not(.app-shell--embed) :is(.app-sidebar, .shell-sidebar),
    #app.app-shell:not(.app-shell--embed) #mobileSidebarBackdrop,
    #app.app-shell:not(.app-shell--embed) .mobile-sidebar-backdrop,
    #app.app-shell:not(.app-shell--embed) #btnMobileSidebar,
    #app.app-shell:not(.app-shell--embed) .topbar-mobile-menu-button,
    .mindz-mobile-sidebar-close {
        display: none !important;
    }

    #app.app-shell:not(.app-shell--embed),
    #app.app-shell:not(.app-shell--embed).sidebar-collapsed,
    #app.app-shell:not(.app-shell--embed).sidebar-hover-expanded {
        --sidebar-current-width: 0px !important;
        grid-template-columns: minmax(0, 1fr) !important;
    }

    #app.app-shell:not(.app-shell--embed) #appArea.app-area,
    #app.app-shell:not(.app-shell--embed) .app-area {
        grid-column: 1 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
    }

    /* Cabeçalho global: botão Home imediatamente ao lado do sino. */
    #app.app-shell:not(.app-shell--embed) .topbar-home-button,
    body.inicio-premium-v2 .ph-home-home-button {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 40px !important;
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        padding: 0 !important;
        border: 1px solid color-mix(in srgb, var(--topbar-border, #dce2ee) 92%, transparent) !important;
        border-radius: 999px !important;
        background: color-mix(in srgb, var(--surface, #fff) 10%, transparent) !important;
        color: inherit !important;
        text-decoration: none !important;
        box-shadow: none !important;
    }

    #app.app-shell:not(.app-shell--embed) .topbar-home-button svg,
    body.inicio-premium-v2 .ph-home-home-button svg {
        width: 20px !important;
        height: 20px !important;
        display: block !important;
        fill: none !important;
        stroke: currentColor !important;
    }

    #app.app-shell:not(.app-shell--embed) .topbar-actions {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 6px !important;
    }

    /* Sem a coluna do hambúrguer, o header usa melhor a largura do aparelho. */
    #app.app-shell:not(.app-shell--embed) :is(.app-topbar, .app-topbar.topbar-corrigida) {
        grid-template-columns: minmax(86px, 116px) minmax(0, 1fr) auto !important;
        grid-template-areas: "brand title actions" !important;
        column-gap: 8px !important;
    }

    /* Home possui cabeçalho customizado; remove a coluna reservada ao menu. */
    body.inicio-premium-v2 #app.app-shell.shell-home-header-controls-v26826 :is(
        .app-topbar.app-topbar--home-controls-v26826,
        .app-topbar.topbar-corrigida.app-topbar--home-controls-v26826
    ) {
        grid-template-columns: minmax(96px, 124px) minmax(0, 1fr) !important;
        grid-template-areas: "brand homeControls" !important;
        column-gap: 8px !important;
        padding-inline: 10px !important;
    }

    body.inicio-premium-v2 #app.app-shell.shell-home-header-controls-v26826 .app-header-brand,
    body.inicio-premium-v2 #app.app-shell.shell-home-header-controls-v26826 .app-header-brand__link {
        grid-area: brand !important;
        grid-column: 1 !important;
    }

    body.inicio-premium-v2 #app.app-shell.shell-home-header-controls-v26826 .ph-home-header-controls-v26826.ph-home-header-controls-v26972 {
        grid-area: homeControls !important;
        grid-column: 2 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    body.inicio-premium-v2 #app.app-shell.shell-home-header-controls-v26826 .ph-home-header-controls-v26972__actions {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 6px !important;
        margin-left: auto !important;
    }

    /* Enviar feedback: toolbar essencial e compacta no mobile. */
    .feedback-page .feedback-form-card,
    #pageContent .feedback-form-card {
        gap: 14px !important;
        padding: 16px !important;
    }

    .feedback-page .feedback-texto-area,
    #pageContent .feedback-texto-area {
        gap: 6px !important;
    }

    .feedback-page .feedback-warning,
    #pageContent .feedback-warning {
        font-size: 11px !important;
        line-height: 1.3 !important;
    }

    .feedback-page .feedback-toolbar,
    #pageContent .feedback-toolbar {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        gap: 6px !important;
        min-height: 48px !important;
        padding: 7px 8px !important;
        overflow: hidden !important;
    }

    /* Mantém somente B, I, lista com marcadores e lista numerada. */
    .feedback-page .feedback-toolbar-group:nth-child(2),
    .feedback-page .feedback-toolbar-group:nth-child(3),
    .feedback-page .feedback-toolbar-group:nth-child(5),
    .feedback-page .feedback-toolbar-group:nth-child(6),
    #pageContent .feedback-toolbar-group:nth-child(2),
    #pageContent .feedback-toolbar-group:nth-child(3),
    #pageContent .feedback-toolbar-group:nth-child(5),
    #pageContent .feedback-toolbar-group:nth-child(6) {
        display: none !important;
    }

    .feedback-page .feedback-toolbar-group,
    #pageContent .feedback-toolbar-group {
        display: inline-flex !important;
        flex: 0 0 auto !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        gap: 6px !important;
        padding-right: 0 !important;
        border-right: 0 !important;
    }

    /* Os quatro comandos essenciais precisam permanecer na mesma linha. */
    .feedback-page .feedback-toolbar,
    #pageContent .feedback-toolbar {
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: center !important;
        align-content: center !important;
        width: 100% !important;
    }

    .feedback-page .feedback-toolbar-group:first-child > button:nth-child(n+3),
    #pageContent .feedback-toolbar-group:first-child > button:nth-child(n+3),
    .feedback-page .feedback-toolbar-group:nth-child(4) > button:nth-child(3),
    #pageContent .feedback-toolbar-group:nth-child(4) > button:nth-child(3) {
        display: none !important;
    }

    .feedback-page .feedback-toolbar button,
    .feedback-page .feedback-toolbar select,
    #pageContent .feedback-toolbar button,
    #pageContent .feedback-toolbar select {
        width: 34px !important;
        min-width: 34px !important;
        max-width: 34px !important;
        height: 34px !important;
        min-height: 34px !important;
        max-height: 34px !important;
        padding: 0 !important;
        border-radius: 9px !important;
        font-size: 12px !important;
    }

    .feedback-page .feedback-editor,
    #pageContent .feedback-editor {
        min-height: 280px !important;
        padding: 16px !important;
        font-size: 14px !important;
        line-height: 1.55 !important;
    }

    /* Rodapé do formulário: uma única linha baixa. */
    .feedback-page .feedback-actions,
    #pageContent .feedback-actions {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        gap: 6px !important;
        width: 100% !important;
    }

    .feedback-page .feedback-actions button,
    #pageContent .feedback-actions button,
    .feedback-page #btnEnviarFeedback,
    .feedback-page #btnLimparFeedback,
    .feedback-page #btnFecharFeedback,
    #pageContent #btnEnviarFeedback,
    #pageContent #btnLimparFeedback,
    #pageContent #btnFecharFeedback {
        width: auto !important;
        max-width: none !important;
        min-height: 38px !important;
        height: 38px !important;
        max-height: 38px !important;
        padding: 0 10px !important;
        border-radius: 10px !important;
        font-size: 12px !important;
        line-height: 1 !important;
    }

    .feedback-page #btnEnviarFeedback,
    #pageContent #btnEnviarFeedback {
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }

    .feedback-page #btnLimparFeedback,
    .feedback-page #btnFecharFeedback,
    #pageContent #btnLimparFeedback,
    #pageContent #btnFecharFeedback {
        flex: 0 0 auto !important;
        min-width: 62px !important;
    }
}


/* =========================================================
   MindZ 27131 — Home mobile: troca de usuário + notificações
   Alteração exclusiva da tela Início. Demais telas preservadas.
   ========================================================= */
@media (max-width: 760px), (max-width: 959px) and (orientation: landscape) and (max-height: 560px) and (pointer: coarse) {
    /* A Home não exibe nenhum botão de menu. */
    body.inicio-premium-v2 #phHomeMobileSidebarToggle,
    body.inicio-premium-v2 .ph-home-mobile-menu-button,
    body.inicio-premium-v2 #app.app-shell.shell-home-header-controls-v26826 #btnMobileSidebar {
        display: none !important;
    }

    /* Na Home, o botão Home global não participa do cabeçalho customizado. */
    body.inicio-premium-v2 #app.app-shell.shell-home-header-controls-v26826 .topbar-home-button,
    body.inicio-premium-v2 #app.app-shell.shell-home-header-controls-v26826 .ph-home-home-button {
        display: none !important;
    }

    /* Logo à esquerda; troca de usuário + sino no canto superior direito. */
    body.inicio-premium-v2 #app.app-shell.shell-home-header-controls-v26826 :is(
        .app-topbar.app-topbar--home-controls-v26826,
        .app-topbar.topbar-corrigida.app-topbar--home-controls-v26826
    ) {
        grid-template-columns: minmax(96px, 124px) minmax(0, 1fr) !important;
        grid-template-areas: "brand homeControls" !important;
        column-gap: 8px !important;
        align-items: start !important;
        align-content: start !important;
        padding-inline: 10px !important;
    }

    body.inicio-premium-v2 #app.app-shell.shell-home-header-controls-v26826 .app-header-brand,
    body.inicio-premium-v2 #app.app-shell.shell-home-header-controls-v26826 .app-header-brand__link {
        grid-area: brand !important;
        grid-column: 1 !important;
    }

    body.inicio-premium-v2 #app.app-shell.shell-home-header-controls-v26826 .ph-home-header-controls-v26826.ph-home-header-controls-v26972 {
        grid-area: homeControls !important;
        grid-column: 2 !important;
        width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        display: flex !important;
        align-items: flex-start !important;
        justify-content: flex-end !important;
        align-self: start !important;
        padding-top: 10px !important;
        overflow: visible !important;
    }

    body.inicio-premium-v2 #app.app-shell.shell-home-header-controls-v26826 .ph-home-header-controls-v26972__left {
        display: none !important;
    }

    body.inicio-premium-v2 #app.app-shell.shell-home-header-controls-v26826 .ph-home-header-controls-v26972__actions {
        width: auto !important;
        min-width: 0 !important;
        display: flex !important;
        flex: 0 0 auto !important;
        align-items: flex-start !important;
        justify-content: flex-end !important;
        align-self: flex-start !important;
        gap: 8px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.inicio-premium-v2 #app.app-shell.shell-home-header-controls-v26826 :is(
        .ph-home-user-switch-button,
        #phHomeNotificationsBtn
    ) {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 42px !important;
        width: 42px !important;
        min-width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 1px solid rgba(255,255,255,.24) !important;
        border-radius: 999px !important;
        background: rgba(255,255,255,.10) !important;
        color: rgba(255,255,255,.94) !important;
        box-shadow: none !important;
        text-decoration: none !important;
    }

    body.inicio-premium-v2 #app.app-shell.shell-home-header-controls-v26826 .ph-home-user-switch-button[hidden] {
        display: none !important;
    }

    body.inicio-premium-v2 #app.app-shell.shell-home-header-controls-v26826 :is(
        .ph-home-user-switch-button,
        #phHomeNotificationsBtn
    ) svg {
        display: block !important;
        width: 20px !important;
        height: 20px !important;
        fill: none !important;
        stroke: currentColor !important;
    }
}

@media (max-width: 420px) {
    body.inicio-premium-v2 #app.app-shell.shell-home-header-controls-v26826 :is(
        .app-topbar.app-topbar--home-controls-v26826,
        .app-topbar.topbar-corrigida.app-topbar--home-controls-v26826
    ) {
        grid-template-columns: 100px minmax(0, 1fr) !important;
        padding-inline: 8px !important;
    }
}

/* =========================================================
   MindZ 27149 — Home mobile: Solicitações em 2 linhas (3 + 2)
   Mais largura útil para os títulos, sem rolagem horizontal.
   Exclusivo da tela Início em mobile/PWA.
   ========================================================= */
@media (max-width: 760px), (max-width: 959px) and (orientation: landscape) and (max-height: 560px) and (pointer: coarse) {
    body.inicio-premium-v2 .home-requests .home-redesign-requests-buttons {
        display: grid !important;
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
        grid-auto-flow: row !important;
        gap: 7px !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow: visible !important;
        overflow-x: clip !important;
        padding: 0 !important;
    }

    /* 1ª linha: 3 cards. */
    body.inicio-premium-v2 .home-requests .home-redesign-requests-buttons > .home-redesign-feedback-stat-button:nth-child(1),
    body.inicio-premium-v2 .home-requests .home-redesign-requests-buttons > .home-redesign-feedback-stat-button:nth-child(2),
    body.inicio-premium-v2 .home-requests .home-redesign-requests-buttons > .home-redesign-feedback-stat-button:nth-child(3) {
        grid-column: span 2 !important;
    }

    /* 2ª linha: 2 cards centralizados. */
    body.inicio-premium-v2 .home-requests .home-redesign-requests-buttons > .home-redesign-feedback-stat-button:nth-child(4) {
        grid-column: 2 / span 2 !important;
    }

    body.inicio-premium-v2 .home-requests .home-redesign-requests-buttons > .home-redesign-feedback-stat-button:nth-child(5) {
        grid-column: 4 / span 2 !important;
    }

    body.inicio-premium-v2 .home-requests .home-redesign-requests-buttons > .home-redesign-feedback-stat-button {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        min-height: 58px !important;
        padding: 7px 6px !important;
        gap: 5px !important;
        grid-template-columns: 28px minmax(0, 1fr) !important;
        align-items: center !important;
        overflow: hidden !important;
    }

    body.inicio-premium-v2 .home-requests .home-redesign-feedback-stat-button__icon {
        width: 28px !important;
        min-width: 28px !important;
        height: 28px !important;
        min-height: 28px !important;
    }

    body.inicio-premium-v2 .home-requests .home-redesign-feedback-stat-button__icon svg {
        width: 15px !important;
        height: 15px !important;
    }

    body.inicio-premium-v2 .home-requests .home-redesign-feedback-stat-button__content {
        width: 100% !important;
        min-width: 0 !important;
        overflow: visible !important;
    }

    body.inicio-premium-v2 .home-requests .home-redesign-feedback-stat-button__content strong {
        font-size: 17px !important;
        line-height: 1 !important;
    }

    body.inicio-premium-v2 .home-requests .home-redesign-feedback-stat-button__content small {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        font-size: 10px !important;
        line-height: 1.08 !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
        hyphens: none !important;
    }

    body.inicio-premium-v2 .home-requests,
    body.inicio-premium-v2 .home-requests .home-card__body,
    body.inicio-premium-v2 .home-requests .home-redesign-requests-body {
        max-width: 100% !important;
        min-width: 0 !important;
        overflow-x: clip !important;
    }
}

/* =========================================================
   MindZ 27151 — Home mobile / Solicitações: duas linhas reais
   Distribuição proporcional ao tamanho dos títulos, sem depender
   das classes de release do body.
   Linha 1: Total (3/12) | Encerradas (4/12) | Em atendimento (5/12)
   Linha 2: Sua vez (6/12) | Sem retorno (6/12)
   ========================================================= */
@media (max-width: 760px), (max-width: 959px) and (orientation: landscape) and (max-height: 560px) and (pointer: coarse) {
    [data-home-card-key="requests"] .home-redesign-requests-buttons {
        display: grid !important;
        grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
        grid-template-rows: auto auto !important;
        grid-auto-flow: row !important;
        gap: 7px !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-inline: 0 !important;
        padding-inline: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    [data-home-card-key="requests"] .home-redesign-requests-buttons > .home-redesign-feedback-stat-button {
        min-width: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    [data-home-card-key="requests"] .home-redesign-requests-buttons > .home-redesign-feedback-stat-button:nth-child(1) {
        grid-column: 1 / span 3 !important;
        grid-row: 1 !important;
    }

    [data-home-card-key="requests"] .home-redesign-requests-buttons > .home-redesign-feedback-stat-button:nth-child(2) {
        grid-column: 4 / span 4 !important;
        grid-row: 1 !important;
    }

    [data-home-card-key="requests"] .home-redesign-requests-buttons > .home-redesign-feedback-stat-button:nth-child(3) {
        grid-column: 8 / span 5 !important;
        grid-row: 1 !important;
    }

    [data-home-card-key="requests"] .home-redesign-requests-buttons > .home-redesign-feedback-stat-button:nth-child(4) {
        grid-column: 1 / span 6 !important;
        grid-row: 2 !important;
    }

    [data-home-card-key="requests"] .home-redesign-requests-buttons > .home-redesign-feedback-stat-button:nth-child(5) {
        grid-column: 7 / span 6 !important;
        grid-row: 2 !important;
    }

    [data-home-card-key="requests"] .home-redesign-feedback-stat-button__content,
    [data-home-card-key="requests"] .home-redesign-feedback-stat-button__content small {
        min-width: 0 !important;
        max-width: 100% !important;
    }

    [data-home-card-key="requests"] .home-redesign-feedback-stat-button__content small {
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
    }

    [data-home-card-key="requests"],
    [data-home-card-key="requests"] .home-card__body,
    [data-home-card-key="requests"] .home-redesign-requests-body {
        min-width: 0 !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }
}

/* =========================================================
   MindZ 27152 — Home mobile / Solicitações: largura total e altura compacta
   1ª linha: 3 botões iguais ocupando 100% do card
   2ª linha: 2 botões iguais ocupando 100% do card
   Corrige herança desktop de height:136px.
   ========================================================= */
@media (max-width: 760px), (max-width: 959px) and (orientation: landscape) and (max-height: 560px) and (pointer: coarse) {
    [data-home-card-key="requests"] .home-redesign-requests-buttons {
        display: grid !important;
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
        grid-template-rows: repeat(2, auto) !important;
        grid-auto-flow: row !important;
        gap: 7px !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    [data-home-card-key="requests"] .home-redesign-requests-buttons > .home-redesign-feedback-stat-button:nth-child(1),
    [data-home-card-key="requests"] .home-redesign-requests-buttons > .home-redesign-feedback-stat-button:nth-child(2),
    [data-home-card-key="requests"] .home-redesign-requests-buttons > .home-redesign-feedback-stat-button:nth-child(3) {
        grid-column: span 2 !important;
        grid-row: 1 !important;
    }

    [data-home-card-key="requests"] .home-redesign-requests-buttons > .home-redesign-feedback-stat-button:nth-child(4) {
        grid-column: 1 / span 3 !important;
        grid-row: 2 !important;
    }

    [data-home-card-key="requests"] .home-redesign-requests-buttons > .home-redesign-feedback-stat-button:nth-child(5) {
        grid-column: 4 / span 3 !important;
        grid-row: 2 !important;
    }

    [data-home-card-key="requests"] .home-redesign-requests-buttons > .home-redesign-feedback-stat-button {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        height: 54px !important;
        min-height: 54px !important;
        max-height: 54px !important;
        padding: 6px 7px !important;
        grid-template-columns: 24px minmax(0, 1fr) !important;
        grid-template-rows: 1fr !important;
        align-items: center !important;
        align-content: center !important;
        justify-items: stretch !important;
        gap: 5px !important;
        border-radius: 12px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        text-align: left !important;
    }

    [data-home-card-key="requests"] .home-redesign-feedback-stat-button__icon {
        grid-column: 1 !important;
        grid-row: 1 !important;
        width: 24px !important;
        min-width: 24px !important;
        height: 24px !important;
        min-height: 24px !important;
        border-radius: 8px !important;
        justify-self: start !important;
        align-self: center !important;
    }

    [data-home-card-key="requests"] .home-redesign-feedback-stat-button__icon svg {
        width: 13px !important;
        height: 13px !important;
    }

    [data-home-card-key="requests"] .home-redesign-feedback-stat-button__content {
        grid-column: 2 !important;
        grid-row: 1 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: flex-start !important;
        gap: 1px !important;
        width: 100% !important;
        min-width: 0 !important;
        text-align: left !important;
    }

    [data-home-card-key="requests"] .home-redesign-feedback-stat-button__content strong {
        margin: 0 !important;
        font-size: 16px !important;
        line-height: 1 !important;
    }

    [data-home-card-key="requests"] .home-redesign-feedback-stat-button__content small {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        font-size: 9.5px !important;
        line-height: 1.05 !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
        hyphens: none !important;
    }

    /* O card não herda as alturas fixas do layout desktop. */
    [data-home-card-key="requests"] .home-card__body,
    [data-home-card-key="requests"] .home-redesign-requests-body {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        min-height: 0 !important;
        height: auto !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
    }
}


/* =========================================================
   MindZ 27153 — Home mobile / Solicitações: componente mobile próprio
   Evita heranças do componente desktop. Os cinco totalizadores ocupam
   100% da largura em duas linhas (3 + 2), com baixa altura e sem ícones.
   ========================================================= */
.home-mobile-requests-buttons {
    display: none;
}

@media (max-width: 760px), (max-width: 959px) and (orientation: landscape) and (max-height: 560px) and (pointer: coarse) {
    [data-home-card-key="requests"] .home-redesign-requests-buttons {
        display: none !important;
    }

    [data-home-card-key="requests"] .home-mobile-requests-buttons {
        display: grid !important;
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
        grid-template-rows: repeat(2, 42px) !important;
        grid-auto-flow: row !important;
        gap: 6px !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    [data-home-card-key="requests"] .home-mobile-request-button {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;
        margin: 0 !important;
        padding: 4px 3px !important;
        border: 1px solid color-mix(in srgb, var(--home-rd-border, var(--border, #dfe3ef)) 88%, transparent) !important;
        border-radius: 10px !important;
        background: color-mix(in srgb, var(--surface, #fff) 96%, var(--primary, #635bff) 4%) !important;
        color: inherit !important;
        text-decoration: none !important;
        box-shadow: none !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        text-align: center !important;
        -webkit-tap-highlight-color: transparent;
    }

    [data-home-card-key="requests"] .home-mobile-request-button:nth-child(1),
    [data-home-card-key="requests"] .home-mobile-request-button:nth-child(2),
    [data-home-card-key="requests"] .home-mobile-request-button:nth-child(3) {
        grid-column: span 2 !important;
        grid-row: 1 !important;
    }

    [data-home-card-key="requests"] .home-mobile-request-button:nth-child(4) {
        grid-column: 1 / span 3 !important;
        grid-row: 2 !important;
    }

    [data-home-card-key="requests"] .home-mobile-request-button:nth-child(5) {
        grid-column: 4 / span 3 !important;
        grid-row: 2 !important;
    }

    [data-home-card-key="requests"] .home-mobile-request-button strong {
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 15px !important;
        line-height: 15px !important;
        font-weight: 800 !important;
        white-space: nowrap !important;
    }

    [data-home-card-key="requests"] .home-mobile-request-button small {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 1px 0 0 !important;
        padding: 0 !important;
        font-size: 9.5px !important;
        line-height: 11px !important;
        font-weight: 650 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: clip !important;
        letter-spacing: -0.01em !important;
    }

    [data-home-card-key="requests"] .home-mobile-request-button:active {
        transform: scale(.985);
    }

    [data-home-card-key="requests"] .home-redesign-requests-body,
    [data-home-card-key="requests"] .home-card__body {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
    }
}

/* =========================================================
   MindZ 27160 — Home mobile: linguagem visual unificada
   Os cards/atalhos da Home passam a seguir o mesmo padrão
   compacto usado nos totalizadores de Solicitações.
   Escopo exclusivo para mobile/PWA. Desktop intacto.
   ========================================================= */
@media (max-width: 760px), (max-width: 959px) and (orientation: landscape) and (max-height: 560px) and (pointer: coarse) {
    html[data-mindz-mobile-app="true"] body .ph-home-page {
        --home-mobile-request-surface: color-mix(in srgb, var(--surface, #fff) 96%, var(--primary, #635bff) 4%);
        --home-mobile-request-border: color-mix(in srgb, var(--home-rd-border, var(--border, #dfe3ef)) 88%, transparent);
        --home-mobile-request-radius: 12px;
    }

    /* Cards principais da Home: mesma superfície limpa de Solicitações. */
    html[data-mindz-mobile-app="true"] body .ph-home-page .home-card[data-home-card-key]:not([data-home-card-key="welcome"]) {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        height: auto !important;
        border: 1px solid var(--home-mobile-request-border) !important;
        border-radius: 14px !important;
        background: var(--home-mobile-request-surface) !important;
        box-shadow: none !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    html[data-mindz-mobile-app="true"] body .ph-home-page .home-card[data-home-card-key]:not([data-home-card-key="welcome"]) > .home-card__header,
    html[data-mindz-mobile-app="true"] body .ph-home-page .home-card[data-home-card-key]:not([data-home-card-key="welcome"]) > .home-redesign-card-header {
        min-height: 0 !important;
        padding: 10px 11px 7px !important;
        border-bottom: 0 !important;
        background: transparent !important;
    }

    html[data-mindz-mobile-app="true"] body .ph-home-page .home-card[data-home-card-key]:not([data-home-card-key="welcome"]) > .home-card__body {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        height: auto !important;
        padding: 7px 11px 11px !important;
        background: transparent !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    html[data-mindz-mobile-app="true"] body .ph-home-page .home-card[data-home-card-key]:not([data-home-card-key="welcome"]) .home-card__title {
        font-size: 15px !important;
        line-height: 1.15 !important;
        font-weight: 760 !important;
    }

    /* Cards internos clicáveis/operacionais: mesmo padrão dos 5 cards de Solicitações. */
    html[data-mindz-mobile-app="true"] body .ph-home-page :is(
        .home-redesign-feedback-stat-button,
        .home-redesign-routine-topic,
        .home-redesign-routine-row,
        .home-redesign-action-row,
        .home-redesign-activity-row,
        .home-mindex-row,
        .home-team-publication
    ) {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 42px !important;
        margin: 0 !important;
        border: 1px solid var(--home-mobile-request-border) !important;
        border-radius: var(--home-mobile-request-radius) !important;
        background: var(--home-mobile-request-surface) !important;
        box-shadow: none !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    html[data-mindz-mobile-app="true"] body .ph-home-page .home-redesign-feedback-stat-button {
        min-height: 48px !important;
        padding: 6px 7px !important;
        gap: 6px !important;
        grid-template-columns: 28px minmax(0, 1fr) !important;
    }

    html[data-mindz-mobile-app="true"] body .ph-home-page .home-redesign-feedback-stat-button__icon {
        width: 28px !important;
        min-width: 28px !important;
        height: 28px !important;
        border-radius: 9px !important;
        background: color-mix(in srgb, var(--primary, #635bff) 8%, var(--surface, #fff)) !important;
    }

    html[data-mindz-mobile-app="true"] body .ph-home-page .home-redesign-feedback-stat-button__icon svg {
        width: 15px !important;
        height: 15px !important;
    }

    html[data-mindz-mobile-app="true"] body .ph-home-page .home-redesign-feedback-stat-button__content strong {
        font-size: 15px !important;
        line-height: 1 !important;
    }

    html[data-mindz-mobile-app="true"] body .ph-home-page .home-redesign-feedback-stat-button__content small {
        font-size: 9.5px !important;
        line-height: 1.08 !important;
    }

    html[data-mindz-mobile-app="true"] body .ph-home-page :is(
        .home-redesign-routine-topic,
        .home-redesign-routine-row,
        .home-redesign-action-row,
        .home-redesign-activity-row,
        .home-mindex-row
    ) {
        min-height: 42px !important;
        padding: 7px 8px !important;
        gap: 7px !important;
    }

    html[data-mindz-mobile-app="true"] body .ph-home-page :is(
        .home-redesign-row-icon,
        .home-redesign-action-row > span:first-child
    ) {
        width: 28px !important;
        min-width: 28px !important;
        height: 28px !important;
        border-radius: 9px !important;
    }

    html[data-mindz-mobile-app="true"] body .ph-home-page :is(
        .home-redesign-row-icon,
        .home-redesign-action-row > span:first-child
    ) svg {
        width: 15px !important;
        height: 15px !important;
    }

    /* Acesso rápido do hub segue a mesma linguagem visual. */
    html[data-mindz-mobile-app="true"] body #mindzMobileHub .mindz-mobile-hub__quick-grid {
        gap: 6px !important;
    }

    html[data-mindz-mobile-app="true"] body #mindzMobileHub .mindz-mobile-hub__quick-link {
        min-height: 48px !important;
        padding: 6px 7px !important;
        gap: 6px !important;
        grid-template-columns: 28px minmax(0, 1fr) !important;
        border: 1px solid var(--home-mobile-request-border, var(--border, #dfe3ef)) !important;
        border-radius: var(--home-mobile-request-radius, 12px) !important;
        background: var(--home-mobile-request-surface, var(--surface, #fff)) !important;
        box-shadow: none !important;
    }

    html[data-mindz-mobile-app="true"] body #mindzMobileHub .mindz-mobile-hub__quick-icon {
        width: 28px !important;
        height: 28px !important;
        border-radius: 9px !important;
        background: color-mix(in srgb, var(--primary, #635bff) 8%, var(--surface, #fff)) !important;
    }

    html[data-mindz-mobile-app="true"] body #mindzMobileHub .mindz-mobile-hub__quick-icon svg {
        width: 15px !important;
        height: 15px !important;
    }

    /* Nenhum card da Home pode gerar scroll horizontal. */
    html[data-mindz-mobile-app="true"] body .ph-home-page :is(
        .home-dashboard,
        .home-card,
        .home-card__body,
        .home-redesign-feedback-buttons,
        .home-redesign-action-list,
        .home-redesign-activity-list,
        .home-mindex-list,
        #mindzMobileHub,
        .mindz-mobile-hub__quick-grid
    ) {
        max-width: 100% !important;
        min-width: 0 !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
    }
}

/* =========================================================
   MindZ 27161 — Home mobile: Feedbacks no padrão Solicitações
   4 métricas compactas em grid 2x2, sem ícones altos.
   Desktop preservado pelo breakpoint mobile/PWA.
   ========================================================= */
@media (max-width: 760px), (max-width: 959px) and (orientation: landscape) and (max-height: 560px) and (pointer: coarse) {
    html[data-mindz-mobile-app="true"] body .ph-home-page [data-home-card-key="feedbacks"] .home-mobile-feedback-buttons {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 6px !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    html[data-mindz-mobile-app="true"] body .ph-home-page [data-home-card-key="feedbacks"] .home-mobile-feedback-button {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;
        margin: 0 !important;
        padding: 4px 5px !important;
        border: 1px solid var(--home-mobile-request-border, var(--border, #dfe3ef)) !important;
        border-radius: 10px !important;
        background: var(--home-mobile-request-surface, var(--surface, #fff)) !important;
        color: inherit !important;
        text-decoration: none !important;
        box-shadow: none !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        text-align: center !important;
        -webkit-tap-highlight-color: transparent;
    }

    html[data-mindz-mobile-app="true"] body .ph-home-page [data-home-card-key="feedbacks"] .home-mobile-feedback-button strong {
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 15px !important;
        line-height: 15px !important;
        font-weight: 800 !important;
        white-space: nowrap !important;
    }

    html[data-mindz-mobile-app="true"] body .ph-home-page [data-home-card-key="feedbacks"] .home-mobile-feedback-button small {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 1px 0 0 !important;
        padding: 0 !important;
        font-size: 9.5px !important;
        line-height: 11px !important;
        font-weight: 650 !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    html[data-mindz-mobile-app="true"] body .ph-home-page [data-home-card-key="feedbacks"] .home-mobile-feedback-button:active {
        transform: scale(.985);
    }

    html[data-mindz-mobile-app="true"] body .ph-home-page [data-home-card-key="feedbacks"] .home-redesign-feedback-body {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow-x: hidden !important;
    }
}