/* 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;
    }
}

/* V1.8.34 - todos os cards de conteúdo permanecem brancos.
   Cor fica restrita a ícones, bordas, badges e avisos semânticos. */
.consult-ds-stepper,
.research-guide,
.title-access-tab,
.title-access-tab.active,
.nfe-mode-option,
.nfe-mode-option.active,
.detail-box,
.title-email-step-head,
.title-protocol-card,
.response-message-block,
.response-file-row,
.response-empty-small,
.consult-ds-simple-result,
.consult-ds-next-action,
.consultas-hub-card,
.td-hub-card,
.legal-card,
.legal-content-card,
.legal-pdf-card,
.legal-related-card,
.matricula-details-dialog-card,
.matricula-picker-card,
.matricula-picker-card-modern,
.requirements-model-card,
.requirements-specialty-list-card,
.service-state-card,
.standard-public-form-card,
.standard-public-form-layout .side-info-card,
.ag-progress,
.ag-choice-card,
.ag-slot,
.ag-person-card,
.ag-review-card,
.cost-row,
.fiscal-note-detail-box {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
}

.title-access-tab.active,
.nfe-mode-option.active {
    color: var(--primary) !important;
    border-color: color-mix(in srgb,var(--primary) 38%,var(--line)) !important;
}

html[data-theme="dark"] .consult-ds-stepper,
html[data-theme="dark"] .title-access-tab,
html[data-theme="dark"] .title-access-tab.active,
html[data-theme="dark"] .nfe-mode-option,
html[data-theme="dark"] .nfe-mode-option.active,
html[data-theme="dark"] .detail-box,
html[data-theme="dark"] .standard-public-form-card,
html[data-theme="dark"] .standard-public-form-layout .side-info-card {
    color: #0f172a !important;
}