/* DC-SISTEMAS V1.7.1 - padronização visual: cards brancos */
.service-card,
.panel-card,
.form-card,
.query-card,
.result-card,
.document-card,
.side-info-card,
.news-card,
.table-card,
.info-tile,
.faq-item,
.onr-flow-card,
.onr-steps,
.map-card,
.title-access-card,
.consultation-main-card,
.response-access-card,
.nfe-query-card,
.nfe-info-card,
.title-result-card,
.title-action-card,
.title-current-movement-card,
.title-simple-status-card,
.requirements-search-card,
.matricula-query-card,
.matricula-table-card,
.matricula-result-card,
.agendamento-card,
.ag-aside-card,
.ag-confirmation-card,
.ag-summary-card,
.ag-lookup-card,
.ag-lookup-result,
.cost-card,
.costs-shell,
.news-public-card,
.news-related-card,
.news-shell {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
}

/* Áreas internas que visualmente funcionam como mini-cards */
.ag-progress,
.ag-result-top,
.ag-result-highlight > div,
.ag-confirmation-details > div,
.matricula-table-toolbar,
.matricula-result-card-grid > div {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
}

/* Mantém legibilidade caso o usuário esteja com tema escuro ativo. */
html[data-theme="dark"] .service-card,
html[data-theme="dark"] .panel-card,
html[data-theme="dark"] .form-card,
html[data-theme="dark"] .query-card,
html[data-theme="dark"] .result-card,
html[data-theme="dark"] .document-card,
html[data-theme="dark"] .side-info-card,
html[data-theme="dark"] .news-card,
html[data-theme="dark"] .title-access-card,
html[data-theme="dark"] .consultation-main-card,
html[data-theme="dark"] .response-access-card,
html[data-theme="dark"] .nfe-query-card,
html[data-theme="dark"] .nfe-info-card,
html[data-theme="dark"] .title-action-card,
html[data-theme="dark"] .title-current-movement-card,
html[data-theme="dark"] .title-simple-status-card,
html[data-theme="dark"] .matricula-query-card,
html[data-theme="dark"] .matricula-table-card,
html[data-theme="dark"] .matricula-result-card,
html[data-theme="dark"] .agendamento-card,
html[data-theme="dark"] .ag-aside-card,
html[data-theme="dark"] .ag-confirmation-card,
html[data-theme="dark"] .ag-lookup-card,
html[data-theme="dark"] .ag-lookup-result,
body.theme-dark .news-public-card,
body.theme-dark .news-related-card,
body.theme-dark .news-shell,
body.theme-dark .cost-card,
body.theme-dark .costs-shell {
    color: #0f172a !important;
}

html[data-theme="dark"] .service-card h1,
html[data-theme="dark"] .service-card h2,
html[data-theme="dark"] .service-card h3,
html[data-theme="dark"] .panel-card h1,
html[data-theme="dark"] .panel-card h2,
html[data-theme="dark"] .panel-card h3,
html[data-theme="dark"] .result-card h1,
html[data-theme="dark"] .result-card h2,
html[data-theme="dark"] .result-card h3,
html[data-theme="dark"] .agendamento-card h2,
html[data-theme="dark"] .agendamento-card h3,
html[data-theme="dark"] .ag-lookup-card h2,
html[data-theme="dark"] .ag-lookup-result h2,
body.theme-dark .news-public-card h2 a,
body.theme-dark .news-related-card strong,
body.theme-dark .cost-card .cost-content strong {
    color: #0f172a !important;
}

/* Mobile: impede que regras responsivas antigas voltem a aplicar fundos coloridos. */
@media (max-width: 980px) {
    .service-card,
    .panel-card,
    .form-card,
    .query-card,
    .result-card,
    .document-card,
    .title-action-card,
    .title-current-movement-card,
    .title-simple-status-card,
    .matricula-query-card,
    .matricula-table-card,
    .matricula-result-card,
    .agendamento-card,
    .ag-aside-card,
    .ag-confirmation-card,
    .ag-lookup-card,
    .ag-lookup-result,
    .cost-card,
    .news-public-card,
    .news-related-card {
        background: #ffffff !important;
        background-color: #ffffff !important;
        background-image: none !important;
    }
}