/* Meu Palcco — dashboard mobile sucinto e objetivo. Carregado por último. */
@media (max-width: 820px) {
    .dashboard-command-page {
        gap: 12px !important;
    }

    /* Período: apenas o controle essencial, sem bloco textual. */
    .dashboard-command-period {
        display: block !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .dashboard-command-period .dashboard-period-filter,
    .dashboard-command-period .period-filter-field {
        width: 100% !important;
    }

    .dashboard-command-period .period-filter-trigger {
        min-height: 46px !important;
        border-radius: 14px !important;
        font-size: 14px !important;
    }

    /* Resumo executivo compacto. */
    .dashboard-command-summary {
        padding: 16px !important;
        border-radius: 20px !important;
    }

    .dashboard-command-summary__header {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: center !important;
        gap: 10px !important;
        margin-bottom: 12px !important;
    }

    .dashboard-command-summary__header .dashboard-final-kicker,
    .dashboard-command-summary__header p {
        display: none !important;
    }

    .dashboard-command-summary h1 {
        margin: 0 !important;
        font-size: 18px !important;
        line-height: 1.15 !important;
    }

    .dashboard-command-result {
        min-width: 0 !important;
        padding: 8px 10px !important;
        border-radius: 13px !important;
    }

    .dashboard-command-result span {
        display: none !important;
    }

    .dashboard-command-result strong {
        font-size: 16px !important;
        line-height: 1.1 !important;
    }

    .dashboard-command-kpis {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 9px !important;
    }

    .dashboard-command-kpi {
        display: grid !important;
        grid-template-columns: 32px minmax(0, 1fr) !important;
        grid-template-areas:
            "icon label"
            "icon value" !important;
        align-items: center !important;
        gap: 2px 8px !important;
        min-height: 76px !important;
        padding: 11px !important;
        border-radius: 15px !important;
    }

    .dashboard-command-kpi__icon {
        grid-area: icon !important;
        width: 32px !important;
        height: 32px !important;
        border-radius: 10px !important;
    }

    .dashboard-command-kpi__icon svg {
        width: 17px !important;
        height: 17px !important;
    }

    .dashboard-command-kpi__label {
        grid-area: label !important;
        overflow: hidden;
        color: var(--muted) !important;
        font-size: 11px !important;
        line-height: 1.15 !important;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dashboard-command-kpi > strong {
        grid-area: value !important;
        font-size: clamp(17px, 4.8vw, 22px) !important;
        line-height: 1.05 !important;
        white-space: nowrap;
    }

    .dashboard-command-kpi > small,
    .dashboard-command-kpi > i {
        display: none !important;
    }

    /* Agenda e relacionamento: cabeçalho direto, sem textos auxiliares. */
    .dashboard-command-content {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .dashboard-command-panel {
        padding: 14px !important;
        border-radius: 20px !important;
    }

    .dashboard-command-panel__header {
        align-items: center !important;
        gap: 10px !important;
        margin-bottom: 10px !important;
    }

    .dashboard-command-panel__header .dashboard-final-kicker,
    .dashboard-command-panel__header p {
        display: none !important;
    }

    .dashboard-command-panel h2 {
        margin: 0 !important;
        font-size: 17px !important;
        line-height: 1.2 !important;
    }

    .dashboard-command-panel__header .button {
        width: 42px !important;
        min-width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
        padding: 0 !important;
        overflow: hidden !important;
        font-size: 0 !important;
        border-radius: 13px !important;
    }

    .dashboard-command-panel__header .button::before {
        content: "›";
        display: grid;
        place-items: center;
        width: 100%;
        height: 100%;
        color: currentColor;
        font-size: 25px;
        line-height: 1;
    }

    .dashboard-command-list {
        gap: 7px !important;
    }

    .dashboard-command-event,
    .dashboard-command-reminder {
        min-height: 60px !important;
        padding: 9px 10px !important;
        border-radius: 14px !important;
    }

    .dashboard-command-event time {
        width: 42px !important;
        min-width: 42px !important;
        height: 42px !important;
        border-radius: 12px !important;
    }

    .dashboard-command-event time strong {
        font-size: 16px !important;
    }

    .dashboard-command-event time span {
        font-size: 10px !important;
    }

    .dashboard-command-event > div > strong,
    .dashboard-command-reminder > div > strong {
        display: block;
        overflow: hidden;
        font-size: 14px !important;
        line-height: 1.2 !important;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dashboard-command-event > div > span,
    .dashboard-command-event .ui-status,
    .dashboard-command-reminder__icon {
        display: none !important;
    }

    .dashboard-command-reminder > div > small {
        display: block;
        margin-top: 2px;
        color: var(--muted) !important;
        font-size: 11px !important;
    }

    .dashboard-command-row-arrow {
        width: 17px !important;
        height: 17px !important;
    }

    /* No mobile, três itens são suficientes para leitura rápida. */
    .dashboard-command-list > :nth-child(n + 4) {
        display: none !important;
    }

    .dashboard-command-empty {
        min-height: 72px !important;
        padding: 12px !important;
        border-radius: 14px !important;
    }

    .dashboard-command-empty > span,
    .dashboard-command-empty p {
        display: none !important;
    }

    .dashboard-command-empty strong {
        font-size: 13px !important;
        text-align: center;
    }
}

@media (max-width: 390px) {
    .dashboard-command-kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 7px !important;
    }

    .dashboard-command-kpi {
        grid-template-columns: 28px minmax(0, 1fr) !important;
        min-height: 68px !important;
        padding: 9px !important;
        gap: 2px 6px !important;
    }

    .dashboard-command-kpi__icon {
        width: 28px !important;
        height: 28px !important;
    }

    .dashboard-command-kpi__label {
        font-size: 10px !important;
    }

    .dashboard-command-kpi > strong {
        font-size: clamp(14px, 4.2vw, 18px) !important;
    }
}