/* ============================================================
   MindZ 27215 — Home responsiva para notebooks, tablets e mobile
   Complementa o layout compacto 27213 sem alterar a lógica dos cards.
   ============================================================ */

/* Notebooks e viewports menores: deixa de forçar tudo em uma única viewport
   e passa para uma grade 2xN legível, permitindo rolagem vertical natural. */
@media (max-width: 1366px) {
    body.inicio-dashboard-clean-27213 .ph-home-page[data-home-view="minha"] .ph-home-dashboard--saas {
        height: auto !important;
        min-height: 100dvh !important;
        max-height: none !important;
        overflow: visible !important;
    }

    body.inicio-dashboard-clean-27213 .ph-home-page[data-home-view="minha"] .home-page {
        width: 100% !important;
        max-width: none !important;
        min-height: 0 !important;
        padding: 12px 14px 18px !important;
        overflow: visible !important;
        overflow-x: clip !important;
    }

    body.inicio-dashboard-clean-27213 .ph-home-page[data-home-view="minha"] .home-dashboard {
        height: auto !important;
        min-height: 0 !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-template-rows: none !important;
        grid-template-areas:
            "welcome routine"
            "feedback requests"
            "score score" !important;
        gap: 12px !important;
        align-items: stretch !important;
        overflow: visible !important;
    }

    body.inicio-dashboard-clean-27213 .ph-home-page[data-home-view="minha"] .home-dashboard > *,
    body.inicio-dashboard-clean-27213 .ph-home-page[data-home-view="minha"] .home-card,
    body.inicio-dashboard-clean-27213 .ph-home-page[data-home-view="minha"] .home-card__body {
        min-width: 0 !important;
        max-width: 100% !important;
    }

    body.inicio-dashboard-clean-27213 .ph-home-page[data-home-view="minha"] .home-card {
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
    }

    body.inicio-dashboard-clean-27213 .ph-home-page[data-home-view="minha"] .home-redesign-routine-body,
    body.inicio-dashboard-clean-27213 .ph-home-page[data-home-view="minha"] .home-redesign-routine-pending,
    body.inicio-dashboard-clean-27213 .ph-home-page[data-home-view="minha"] .home-redesign-routine-topic-list {
        max-height: none !important;
        overflow: visible !important;
    }

    body.inicio-dashboard-clean-27213 .ph-home-page[data-home-view="minha"] .home-feedbacks .home-redesign-feedback-buttons {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    body.inicio-dashboard-clean-27213 .ph-home-page[data-home-view="minha"] .home-requests .home-redesign-requests-buttons,
    body.inicio-dashboard-clean-27213 .ph-home-page[data-home-view="minha"] .home-requests .home-redesign-feedback-buttons {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    body.inicio-dashboard-clean-27213 .ph-home-page[data-home-view="minha"]
    :is(.home-redesign-feedback-stat-button, .home-redesign-topic-button, .home-score-details-link) {
        min-width: 0 !important;
        max-width: 100% !important;
    }
}

/* Tablets e notebooks estreitos: uma coluna, na ordem funcional da Home. */
@media (max-width: 900px) {
    body.inicio-dashboard-clean-27213 .ph-home-page[data-home-view="minha"] .home-page {
        padding: 10px 12px 18px !important;
    }

    body.inicio-dashboard-clean-27213 .ph-home-page[data-home-view="minha"] .home-dashboard {
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-areas:
            "welcome"
            "routine"
            "feedback"
            "requests"
            "score" !important;
        gap: 10px !important;
    }

    body.inicio-dashboard-clean-27213 .ph-home-page[data-home-view="minha"] .home-card {
        padding: 14px 15px !important;
    }

    body.inicio-dashboard-clean-27213 .ph-home-page[data-home-view="minha"] .home-requests .home-redesign-requests-buttons,
    body.inicio-dashboard-clean-27213 .ph-home-page[data-home-view="minha"] .home-requests .home-redesign-feedback-buttons {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

/* Celulares: componentes encolhem sem criar largura mínima ou scroll horizontal. */
@media (max-width: 640px) {
    body.inicio-dashboard-clean-27213 .ph-home-page[data-home-view="minha"] .ph-home-dashboard--saas,
    body.inicio-dashboard-clean-27213 .ph-home-page[data-home-view="minha"] .home-page,
    body.inicio-dashboard-clean-27213 .ph-home-page[data-home-view="minha"] .home-dashboard {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: clip !important;
    }

    body.inicio-dashboard-clean-27213 .ph-home-page[data-home-view="minha"] .home-page {
        padding: 8px 8px 16px !important;
    }

    body.inicio-dashboard-clean-27213 .ph-home-page[data-home-view="minha"] .home-card {
        padding: 12px !important;
        border-radius: 16px !important;
    }

    body.inicio-dashboard-clean-27213 .ph-home-page[data-home-view="minha"] .home-feedbacks .home-redesign-feedback-buttons,
    body.inicio-dashboard-clean-27213 .ph-home-page[data-home-view="minha"] .home-requests .home-redesign-requests-buttons,
    body.inicio-dashboard-clean-27213 .ph-home-page[data-home-view="minha"] .home-requests .home-redesign-feedback-buttons {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 7px !important;
    }

    body.inicio-dashboard-clean-27213 .ph-home-page[data-home-view="minha"] .home-redesign-routine-body {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.inicio-dashboard-clean-27213 .ph-home-page[data-home-view="minha"] .home-redesign-health-ring--compact {
        width: 112px !important;
        height: 112px !important;
        min-width: 112px !important;
        min-height: 112px !important;
    }

    body.inicio-dashboard-clean-27213 .ph-home-page[data-home-view="minha"] .home-score .home-redesign-score-gauge {
        grid-template-columns: 96px minmax(0, 1fr) !important;
        column-gap: 10px !important;
    }

    body.inicio-dashboard-clean-27213 .ph-home-page[data-home-view="minha"] .home-score .home-redesign-score-gauge__arc {
        width: 96px !important;
        height: 96px !important;
        min-height: 96px !important;
    }

    body.inicio-dashboard-clean-27213 .ph-home-page[data-home-view="minha"]
    :is(.home-card__header, .home-redesign-row-main, .home-redesign-feedback-stat-button__content) {
        min-width: 0 !important;
    }

    body.inicio-dashboard-clean-27213 .ph-home-page[data-home-view="minha"]
    :is(.home-redesign-feedback-stat-button__content small, .home-redesign-feedback-stat-button__content strong) {
        max-width: 100% !important;
        overflow-wrap: anywhere !important;
        white-space: normal !important;
    }
}

@media (max-width: 420px) {
    body.inicio-dashboard-clean-27213 .ph-home-page[data-home-view="minha"] .home-card {
        padding: 11px !important;
    }

    body.inicio-dashboard-clean-27213 .ph-home-page[data-home-view="minha"] .home-feedbacks .home-redesign-feedback-buttons,
    body.inicio-dashboard-clean-27213 .ph-home-page[data-home-view="minha"] .home-requests .home-redesign-requests-buttons,
    body.inicio-dashboard-clean-27213 .ph-home-page[data-home-view="minha"] .home-requests .home-redesign-feedback-buttons {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    }

    body.inicio-dashboard-clean-27213 .ph-home-page[data-home-view="minha"] .home-score .home-redesign-score-gauge {
        grid-template-columns: 86px minmax(0, 1fr) !important;
    }

    body.inicio-dashboard-clean-27213 .ph-home-page[data-home-view="minha"] .home-score .home-redesign-score-gauge__arc {
        width: 86px !important;
        height: 86px !important;
        min-height: 86px !important;
    }
}