/* ==========================================================
   Atendimentos (/atendimentos/dia) — refinamento visual
   Só afeta a tela quando tiver .ad-page no wrapper.
   ========================================================== */

.ad-page .pdv-page {
    padding: 22px; /* borda maior (o seu “respiro”) */
    gap: 18px; /* espaço entre blocos */
}

/* Cards com padding maior por padrão */
.ad-page .ad-card-header {
    padding: 12px 18px;
}

.ad-page .ad-card-body {
    padding: 16px 18px;
}

/* Switch alinhar sem inline-style */
.ad-page .ad-switch {
    margin-top: 18px;
}

/* KPIs mais “gordinhos” */
.ad-page .ad-kpi {
    padding: 18px;
}

/* Área da lista: respiro + scroll mais bonito */
.ad-page .ad-list-wrap {
    padding: 10px 18px 18px;
}

.ad-page .ad-scroll {
    max-height: calc(100vh - 380px); /* um pouco mais “baixo” pra dar respiro */
    overflow: auto;
    border-radius: 10px;
}

/* Tabela com linhas mais confortáveis */
.ad-page .ad-table th,
.ad-page .ad-table td {
    padding-top: 10px;
    padding-bottom: 10px;
}

/* Rodapé (cards pequenos, mas com respiro bom) */
.ad-page .ad-footer-card {
    padding: 14px 18px;
}

/* Mobile: não desperdiça espaço */
@media (max-width: 520px) {
    .ad-page .pdv-page {
        padding: 16px;
        gap: 14px;
    }

    .ad-page .ad-card-header {
        padding: 10px 14px;
    }

    .ad-page .ad-card-body,
    .ad-page .ad-kpi,
    .ad-page .ad-list-wrap,
    .ad-page .ad-footer-card {
        padding: 12px 14px;
    }

    .ad-page .ad-scroll {
        max-height: none; /* mobile: deixa fluir */
    }
}

.ad-page .ad-cancelado td {
    text-decoration: line-through;
}