/* ============================================================
   MindZ 27220 — Desktop com linguagem visual do mobile
   Escopo: /inicio em desktop/laptop. Mantém a grade desktop,
   mas adota densidade, ícones, superfícies e controles do mobile.
   ============================================================ */

@media (min-width: 960px) and (pointer: fine) {
    body.inicio-premium-v2 {
        --home-desktop-clean-border: color-mix(in srgb, var(--border, #dce2ee) 88%, transparent);
        --home-desktop-clean-surface: var(--surface, #fff);
        --home-desktop-clean-soft: color-mix(in srgb, var(--primary, #5968bd) 4%, var(--surface, #fff));
        --home-desktop-clean-soft-strong: color-mix(in srgb, var(--primary, #5968bd) 7%, var(--surface, #fff));
        --home-desktop-clean-shadow: 0 3px 14px rgb(15 23 42 / 4.5%);
        --home-desktop-clean-radius: 15px;
        --home-desktop-clean-control: 38px;
    }

    /* Shell da Home: mesma leveza do mobile. */
    body.inicio-premium-v2 #appSidebar.sidebar :is(.sidebar-link, .sidebar-submenu-trigger) {
        min-height: 44px !important;
        border-radius: 10px !important;
        font-size: 12.5px !important;
        font-weight: 500 !important;
        box-shadow: none !important;
    }

    body.inicio-premium-v2 #appSidebar.sidebar :is(.sidebar-icon, .sidebar-submenu-icon) {
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        border: 0 !important;
        border-radius: 9px !important;
        background: transparent !important;
        box-shadow: none !important;
        color: var(--text-soft, #59657a) !important;
    }

    body.inicio-premium-v2 #appSidebar.sidebar :is(.sidebar-link, .sidebar-submenu-trigger):hover :is(.sidebar-icon, .sidebar-submenu-icon),
    body.inicio-premium-v2 #appSidebar.sidebar :is(.sidebar-link, .sidebar-submenu-trigger).active :is(.sidebar-icon, .sidebar-submenu-icon) {
        color: var(--primary, #5968bd) !important;
    }

    body.inicio-premium-v2 #appSidebar.sidebar :is(.sidebar-icon, .sidebar-submenu-icon) svg:not(.mindz-shell-icon--requests) {
        width: 18px !important;
        height: 18px !important;
        opacity: .9 !important;
    }

    body.inicio-premium-v2 #appSidebar.sidebar :is(.sidebar-icon, .sidebar-submenu-icon) svg:not(.mindz-shell-icon--requests) * {
        stroke-width: 1.2 !important;
    }

    /* Topbar própria da Home: mais baixa, sem pílulas pesadas. */
    body.inicio-premium-v2 .ph-home-dashboard {
        gap: 12px !important;
        padding: 12px 18px 18px !important;
    }

    body.inicio-premium-v2 .ph-home-topbar {
        min-height: 52px !important;
        gap: 10px !important;
        padding-bottom: 2px !important;
    }

    body.inicio-premium-v2 .ph-home-search {
        height: 42px !important;
        padding: 0 13px !important;
        border: 1px solid var(--home-desktop-clean-border) !important;
        border-radius: 12px !important;
        background: var(--home-desktop-clean-surface) !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
    }

    body.inicio-premium-v2 .ph-home-search input {
        font-size: 13px !important;
        font-weight: 450 !important;
    }

    body.inicio-premium-v2 .ph-home-topbar__actions {
        gap: 7px !important;
    }

    body.inicio-premium-v2 :is(.ph-home-icon-btn, .ph-home-theme-toggle, .ph-home-profile-pill) {
        height: 40px !important;
        min-height: 40px !important;
        border: 1px solid var(--home-desktop-clean-border) !important;
        border-radius: 11px !important;
        background: var(--home-desktop-clean-surface) !important;
        box-shadow: none !important;
    }

    body.inicio-premium-v2 .ph-home-icon-btn {
        width: 40px !important;
    }

    body.inicio-premium-v2 .ph-home-icon-btn svg,
    body.inicio-premium-v2 .ph-home-theme-toggle svg,
    body.inicio-premium-v2 .ph-home-profile-pill svg {
        width: 18px !important;
        height: 18px !important;
    }

    body.inicio-premium-v2 :is(.ph-home-icon-btn, .ph-home-theme-toggle, .ph-home-profile-pill) svg * {
        stroke-width: 1.45 !important;
    }

    body.inicio-premium-v2 .ph-home-profile-pill__text strong {
        font-size: 12px !important;
        font-weight: 650 !important;
    }

    body.inicio-premium-v2 .ph-home-profile-pill__text small {
        font-size: 10px !important;
        font-weight: 450 !important;
    }

    /* Cards: remove gradientes/sombras de dashboard pesado. */
    body.inicio-premium-v2 .home-page {
        max-width: 1520px !important;
        padding: 10px 14px 18px !important;
    }

    body.inicio-premium-v2 .home-dashboard {
        gap: 10px !important;
        row-gap: 10px !important;
    }

    body.inicio-premium-v2 .home-card {
        border: 1px solid var(--home-desktop-clean-border) !important;
        border-radius: var(--home-desktop-clean-radius) !important;
        background: var(--home-desktop-clean-surface) !important;
        box-shadow: var(--home-desktop-clean-shadow) !important;
        transform: none !important;
    }

    body.inicio-premium-v2 .home-card:hover {
        transform: none !important;
        border-color: color-mix(in srgb, var(--primary, #5968bd) 18%, var(--home-desktop-clean-border)) !important;
        box-shadow: 0 4px 16px rgb(15 23 42 / 5.5%) !important;
    }

    body.inicio-premium-v2 .home-card::before,
    body.inicio-premium-v2 .home-card::after {
        opacity: .42;
    }

    body.inicio-premium-v2 .home-card__header {
        min-height: 0 !important;
        padding: 12px 14px 6px !important;
        gap: 8px !important;
    }

    body.inicio-premium-v2 .home-card__title {
        font-size: 14.5px !important;
        line-height: 1.22 !important;
        font-weight: 680 !important;
        letter-spacing: -.015em !important;
    }

    body.inicio-premium-v2 .home-card__description {
        margin-top: 3px !important;
        font-size: 10.5px !important;
        line-height: 1.35 !important;
        font-weight: 400 !important;
    }

    body.inicio-premium-v2 .home-card__body {
        min-height: 0 !important;
        margin-top: 0 !important;
        padding: 6px 14px 12px !important;
        gap: 8px !important;
    }

    body.inicio-premium-v2 .home-card__actions-trigger {
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
        min-height: 30px !important;
        border: 0 !important;
        border-radius: 9px !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    body.inicio-premium-v2 .home-card__actions-trigger:hover,
    body.inicio-premium-v2 .home-card__actions-trigger:focus-visible,
    body.inicio-premium-v2 .home-card__actions-trigger[aria-expanded="true"] {
        background: var(--home-desktop-clean-soft-strong) !important;
        transform: none !important;
    }

    body.inicio-premium-v2 .home-card__actions-trigger svg {
        width: 17px !important;
        height: 17px !important;
    }

    body.inicio-premium-v2 .home-card__actions-trigger svg * {
        stroke-width: 1.4 !important;
    }

    /* Saudação: mantém presença, mas sem peso de hero corporativo. */
    body.inicio-premium-v2 .home-redesign-welcome__hero {
        min-height: 0 !important;
        padding: 14px 16px 7px !important;
        gap: 12px !important;
    }

    body.inicio-premium-v2 .home-welcome__message h1 {
        font-size: clamp(25px, 2vw, 32px) !important;
        line-height: 1.05 !important;
        letter-spacing: -.035em !important;
        font-weight: 700 !important;
    }

    body.inicio-premium-v2 .home-welcome__message p {
        margin-top: 6px !important;
        font-size: 11px !important;
        line-height: 1.4 !important;
    }

    body.inicio-premium-v2 .home-redesign-orb {
        width: 68px !important;
        height: 68px !important;
        box-shadow: none !important;
    }

    body.inicio-premium-v2 .home-mood-checkin {
        padding: 10px 12px !important;
        border-radius: 13px !important;
        box-shadow: none !important;
    }

    body.inicio-premium-v2 :is(.home-mood-card, .mz-mood-option, .ph-home-mood-option) {
        border-radius: 12px !important;
        box-shadow: none !important;
    }

    /* Feedbacks e solicitações: visual dos botões mobile — número + rótulo,
       sem o bloco de ícone pesado. Os destinos/links permanecem os mesmos. */
    body.inicio-premium-v2 :is(.home-redesign-feedback-buttons, .home-redesign-requests-buttons) {
        gap: 7px !important;
    }

    body.inicio-premium-v2 .home-redesign-feedback-stat-button {
        min-width: 0 !important;
        min-height: 54px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 8px 10px !important;
        border: 1px solid var(--home-desktop-clean-border) !important;
        border-radius: 12px !important;
        background: var(--home-desktop-clean-soft) !important;
        box-shadow: none !important;
        transform: none !important;
        text-align: center !important;
    }

    body.inicio-premium-v2 .home-redesign-feedback-stat-button:hover,
    body.inicio-premium-v2 .home-redesign-feedback-stat-button:focus-visible {
        border-color: color-mix(in srgb, var(--primary, #5968bd) 24%, var(--home-desktop-clean-border)) !important;
        background: var(--home-desktop-clean-soft-strong) !important;
        box-shadow: none !important;
        transform: none !important;
    }

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

    body.inicio-premium-v2 .home-redesign-feedback-stat-button__content {
        width: 100% !important;
        min-width: 0 !important;
        display: grid !important;
        justify-items: center !important;
        gap: 2px !important;
    }

    body.inicio-premium-v2 .home-redesign-feedback-stat-button__content strong {
        color: var(--title-color, #25314a) !important;
        font-size: 17px !important;
        line-height: 1 !important;
        font-weight: 700 !important;
    }

    body.inicio-premium-v2 .home-redesign-feedback-stat-button__content small {
        color: var(--text-muted, #667085) !important;
        font-size: 10px !important;
        line-height: 1.2 !important;
        font-weight: 500 !important;
        white-space: normal !important;
    }

    body.inicio-premium-v2 .home-redesign-progress-row {
        gap: 8px !important;
        font-size: 10.5px !important;
    }

    /* Minha rotina: linhas leves, ícones slim e ação discreta. */
    body.inicio-premium-v2 .home-redesign-routine-topic {
        min-height: 42px !important;
        padding: 6px 8px !important;
        border: 1px solid var(--home-desktop-clean-border) !important;
        border-radius: 11px !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    body.inicio-premium-v2 .home-redesign-routine-topic + .home-redesign-routine-topic {
        margin-top: 5px !important;
    }

    body.inicio-premium-v2 :is(.home-redesign-row-icon, .home-redesign-topic-icon, .home-redesign-icon-pill) {
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
        border: 0 !important;
        border-radius: 9px !important;
        background: var(--home-desktop-clean-soft-strong) !important;
        box-shadow: none !important;
        color: var(--primary, #5968bd) !important;
    }

    body.inicio-premium-v2 :is(.home-redesign-row-icon, .home-redesign-topic-icon, .home-redesign-icon-pill) svg {
        width: 16px !important;
        height: 16px !important;
    }

    body.inicio-premium-v2 :is(.home-redesign-row-icon, .home-redesign-topic-icon, .home-redesign-icon-pill) svg * {
        stroke-width: 1.35 !important;
    }

    body.inicio-premium-v2 .home-redesign-row-main strong {
        font-size: 11.5px !important;
        font-weight: 620 !important;
    }

    body.inicio-premium-v2 .home-redesign-row-main small {
        font-size: 10px !important;
        line-height: 1.25 !important;
        font-weight: 400 !important;
    }

    body.inicio-premium-v2 .home-redesign-topic-button {
        min-height: 30px !important;
        padding: 0 10px !important;
        border-radius: 9px !important;
        border: 1px solid var(--home-desktop-clean-border) !important;
        background: transparent !important;
        box-shadow: none !important;
        font-size: 10.5px !important;
        font-weight: 500 !important;
    }

    body.inicio-premium-v2 .home-redesign-topic-button:hover {
        background: var(--home-desktop-clean-soft-strong) !important;
    }

    body.inicio-premium-v2 .home-redesign-health-ring--compact {
        box-shadow: none !important;
    }

    /* Score: menos moldura, ranking mais próximo de lista mobile. */
    body.inicio-premium-v2 .home-score :is(.home-redesign-score-gauge, .home-mindex-list, .home-redesign-ranking) {
        box-shadow: none !important;
    }

    body.inicio-premium-v2 .home-mindex-list {
        border: 1px solid var(--home-desktop-clean-border) !important;
        border-radius: 11px !important;
    }

    body.inicio-premium-v2 .home-mindex-row {
        min-height: 34px !important;
        padding: 5px 8px !important;
        border-bottom-color: var(--home-desktop-clean-border) !important;
    }

    body.inicio-premium-v2 .home-score-details-link,
    body.inicio-premium-v2 :is(.home-redesign-link-button, .home-redesign-secondary-button, .home-redesign-action-button) {
        min-height: 32px !important;
        padding: 0 11px !important;
        border: 1px solid var(--home-desktop-clean-border) !important;
        border-radius: 10px !important;
        background: transparent !important;
        box-shadow: none !important;
        font-size: 10.5px !important;
        font-weight: 550 !important;
    }

    body.inicio-premium-v2 .home-score-details-link:hover,
    body.inicio-premium-v2 :is(.home-redesign-link-button, .home-redesign-secondary-button, .home-redesign-action-button):hover {
        background: var(--home-desktop-clean-soft-strong) !important;
        border-color: color-mix(in srgb, var(--primary, #5968bd) 22%, var(--home-desktop-clean-border)) !important;
    }

    /* Menus/flyouts da Home seguem o padrão de sheet do mobile. */
    body.inicio-premium-v2 .home-card-menu,
    body.inicio-premium-v2 :is(.ph-home-profile-popover, .ph-home-notifications-popover, .home-popover) {
        border: 1px solid var(--home-desktop-clean-border) !important;
        border-radius: 13px !important;
        background: var(--surface-elevated, var(--surface, #fff)) !important;
        box-shadow: 0 12px 28px rgb(15 23 42 / 10%) !important;
    }

    body.inicio-premium-v2 .home-card-menu [role="menuitem"] {
        min-height: 34px !important;
        border-radius: 9px !important;
        font-size: 11px !important;
        font-weight: 450 !important;
    }

    /* Noite Executiva mantém a mesma hierarquia, sem reintroduzir branco. */
    :root[data-theme="dark"] body.inicio-premium-v2,
    :root[data-theme-mode="dark"] body.inicio-premium-v2 {
        --home-desktop-clean-border: color-mix(in srgb, var(--border, #35405b) 88%, transparent);
        --home-desktop-clean-surface: var(--surface, #1d2538);
        --home-desktop-clean-soft: color-mix(in srgb, var(--primary, #79a8ff) 7%, var(--surface, #1d2538));
        --home-desktop-clean-soft-strong: color-mix(in srgb, var(--primary, #79a8ff) 11%, var(--surface, #1d2538));
        --home-desktop-clean-shadow: 0 3px 14px rgb(0 0 0 / 14%);
    }
}