/* Correções responsivas carregadas independentemente do build do Vite. */
@media (max-width: 575.98px) {
    .page-body > .container-xl,
    .cardiocare-navbar .container-xl {
        padding-left: .75rem;
        padding-right: .75rem;
    }
    .page-title { font-size: 1.3rem; line-height: 1.25; }
    .page-header .row { gap: 1rem; }
    .page-header .col-auto { width: 100%; flex-wrap: wrap; }
    .page-header .col-auto .btn { width: 100%; }
    .card-body { padding: 1rem; }
    .card-header, .card-footer { padding-left: 1rem; padding-right: 1rem; }
    .table-responsive { -webkit-overflow-scrolling: touch; }
    .table-responsive > .table { min-width: 680px; }
    .btn-list, .card-actions { flex-wrap: wrap; }
    .modal-dialog { margin: .75rem; }
    input, select, textarea, .form-control, .form-select { font-size: 16px; }
}