/*
 * Credenciamento Único — camada visual compartilhada
 * Mantém as regras funcionais das páginas e centraliza temas, contraste,
 * espaçamento, formulários, tabelas e responsividade.
 */

:root,
html[data-theme="dark"] {
    --cu-page: #050816;
    --cu-page-alt: #0a1023;
    --cu-sidebar: rgba(6, 10, 27, 0.97);
    --cu-topbar: rgba(7, 11, 29, 0.88);
    --cu-surface: rgba(19, 29, 57, 0.78);
    --cu-surface-strong: #121b35;
    --cu-surface-soft: rgba(255, 255, 255, 0.055);
    --cu-input: #0a1128;
    --cu-text: #f8fbff;
    --cu-muted: #b7c4d9;
    --cu-soft: #8391ab;
    --cu-border: rgba(103, 191, 253, 0.16);
    --cu-border-strong: rgba(103, 191, 253, 0.28);
    --cu-primary: #3486ff;
    --cu-primary-hover: #67bffd;
    --cu-neon: #24e4ff;
    --cu-accent: #fee15b;
    --cu-danger: #ef5c68;
    --cu-success: #32d583;
    --cu-shadow: 0 18px 48px rgba(0, 0, 0, 0.25);

    --bg-main: var(--cu-page);
    --bg-sidebar: var(--cu-sidebar);
    --bg-topbar: var(--cu-topbar);
    --bg-card: var(--cu-surface);
    --bg-card-strong: var(--cu-surface-strong);
    --text-main: var(--cu-text);
    --text-muted: var(--cu-muted);
    --text-soft: var(--cu-soft);
    --border: var(--cu-border);
    --shadow: var(--cu-shadow);
}

html[data-theme="light"] {
    --cu-page: #f3f7fc;
    --cu-page-alt: #eaf1fa;
    --cu-sidebar: rgba(255, 255, 255, 0.98);
    --cu-topbar: rgba(255, 255, 255, 0.9);
    --cu-surface: #ffffff;
    --cu-surface-strong: #f7faff;
    --cu-surface-soft: #f2f6fb;
    --cu-input: #ffffff;
    --cu-text: #10233f;
    --cu-muted: #52657d;
    --cu-soft: #76869a;
    --cu-border: #dce5f0;
    --cu-border-strong: #c7d5e7;
    --cu-primary: #245fc2;
    --cu-primary-hover: #174b9e;
    --cu-neon: #007fba;
    --cu-accent: #d99b00;
    --cu-danger: #cc334e;
    --cu-success: #168b55;
    --cu-shadow: 0 12px 34px rgba(31, 60, 101, 0.09);

    --bg-main: var(--cu-page);
    --bg-secondary: var(--cu-page-alt);
    --bg-sidebar: var(--cu-sidebar);
    --bg-topbar: var(--cu-topbar);
    --bg-card: var(--cu-surface);
    --bg-card-strong: var(--cu-surface-strong);
    --text-main: var(--cu-text);
    --text-muted: var(--cu-muted);
    --text-soft: var(--cu-soft);
    --border: var(--cu-border);
    --shadow: var(--cu-shadow);
}

html {
    background: var(--cu-page);
}

body {
    background:
        radial-gradient(circle at 14% 4%, rgba(0, 184, 255, 0.13), transparent 26%),
        radial-gradient(circle at 92% 8%, rgba(101, 53, 216, 0.10), transparent 25%),
        linear-gradient(145deg, var(--cu-page) 0%, var(--cu-page-alt) 100%) !important;
    color: var(--cu-text);
    transition: background-color .22s ease, color .22s ease;
}

html[data-theme="light"] body::before {
    background-image:
        linear-gradient(rgba(36, 95, 194, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(36, 95, 194, 0.035) 1px, transparent 1px);
}

/* Alternador de tema */

.theme-toggle {
    min-height: 40px;
    padding: 0 13px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid var(--cu-border-strong);
    border-radius: 999px;
    color: var(--cu-text);
    background: var(--cu-surface-soft);
    cursor: pointer;
    font: inherit;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
    transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

.theme-toggle:hover {
    transform: translateY(-1px);
    border-color: var(--cu-primary);
    background: color-mix(in srgb, var(--cu-primary) 10%, var(--cu-surface));
}

.theme-toggle-icon {
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #07101f;
    background: var(--cu-accent);
    font-size: 14px;
    line-height: 1;
}

/* Estrutura compartilhada */

.sidebar {
    background: var(--cu-sidebar) !important;
    border-color: var(--cu-border) !important;
    box-shadow: 8px 0 36px rgba(0, 0, 0, 0.08);
}

.topbar {
    background: var(--cu-topbar) !important;
    border-color: var(--cu-border) !important;
}

.content {
    width: 100%;
    max-width: 1760px;
    margin: 0 auto;
}

.page-header {
    align-items: center;
}

.page-header h1 {
    color: var(--cu-text);
    font-size: clamp(27px, 3vw, 39px);
    letter-spacing: -1px;
}

.page-header p,
.panel-header p,
.panel-box-header p,
.field-hint,
.form-help,
.form-note {
    color: var(--cu-muted);
}

.page-kicker,
.panel-kicker {
    color: var(--cu-primary-hover);
    background: color-mix(in srgb, var(--cu-primary) 9%, transparent);
    border-color: color-mix(in srgb, var(--cu-primary) 28%, transparent);
}

html[data-theme="light"] .page-kicker,
html[data-theme="light"] .panel-kicker {
    color: var(--cu-primary);
}

.panel-box,
.stat-card,
.report-card,
.credential-card,
.approval-card,
.print-card,
.document-rule-card,
.event-company-card,
.participant-credential-card,
.participant-event-card {
    border-color: var(--cu-border);
    background: var(--cu-surface);
    box-shadow: var(--cu-shadow);
}

.panel-header,
.panel-box-header,
.panel-box-body {
    border-color: var(--cu-border);
}

.quick-item,
.empty-state,
.config-info-box,
.event-config-box,
.print-config-box,
.credential-rules-box,
.access-box,
.document-check-card,
.event-check-card,
.print-check-card {
    border-color: var(--cu-border);
    background: var(--cu-surface-soft);
}

/* Formulários */

input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),
select,
textarea,
.input-table,
.select-table {
    color: var(--cu-text);
    background-color: var(--cu-input);
    border-color: var(--cu-border-strong);
}

input::placeholder,
textarea::placeholder {
    color: var(--cu-soft);
    opacity: 1;
}

input:focus,
select:focus,
textarea:focus {
    border-color: var(--cu-primary) !important;
    outline: 3px solid color-mix(in srgb, var(--cu-primary) 16%, transparent) !important;
    box-shadow: none !important;
}

select option {
    color: var(--cu-text);
    background: var(--cu-input);
}

label,
.form-group label {
    color: var(--cu-text);
}

/* Botões */

.btn-primary {
    color: #ffffff;
    background: linear-gradient(135deg, var(--cu-primary), #426bc4);
    box-shadow: 0 8px 22px color-mix(in srgb, var(--cu-primary) 22%, transparent);
}

.btn-primary:hover {
    background: linear-gradient(135deg, var(--cu-primary-hover), var(--cu-primary));
}

.btn-secondary,
.btn-table {
    color: var(--cu-text);
    background: var(--cu-surface-soft);
    border-color: var(--cu-border-strong);
}

.btn-secondary:hover,
.btn-table:hover {
    color: var(--cu-primary-hover);
    border-color: var(--cu-primary);
    background: color-mix(in srgb, var(--cu-primary) 9%, var(--cu-surface));
}

html[data-theme="light"] .btn-secondary:hover,
html[data-theme="light"] .btn-table:hover {
    color: var(--cu-primary);
}

/* Tabelas e listas */

.table-responsive,
.report-table-wrap {
    border-color: var(--cu-border);
}

.data-table,
.admin-table,
.compact-table,
.params-table {
    color: var(--cu-text);
}

.data-table th,
.admin-table th,
.compact-table th,
.params-table th {
    color: var(--cu-muted);
    background: var(--cu-surface-soft);
    border-color: var(--cu-border);
}

.data-table td,
.admin-table td,
.compact-table td,
.params-table td {
    border-color: var(--cu-border);
}

.data-table tbody tr:hover,
.admin-table tbody tr:hover,
.compact-table tbody tr:hover {
    background: color-mix(in srgb, var(--cu-primary) 6%, transparent);
}

/* Tema claro: neutraliza fundos escuros definidos localmente nas páginas. */

html[data-theme="light"] .content :is(
    .panel-box,
    .stat-card,
    .report-card,
    .credential-card,
    .approval-card,
    .print-card,
    .document-rule-card,
    .event-company-card,
    .participant-credential-card,
    .participant-event-card,
    .dashboard-count-item,
    .dashboard-stage-card,
    .dashboard-panel,
    .event-summary,
    .event-dashboard-card,
    .layout-selection-step,
    .layout-editor-config-panel,
    .layout-editor-preview-panel,
    .layout-media-config,
    .layout-field-card,
    .config-switch-card,
    .access-item,
    .document-check-card,
    .event-check-card,
    .print-check-card
) {
    color: var(--cu-text) !important;
    background-color: var(--cu-surface) !important;
    border-color: var(--cu-border) !important;
    box-shadow: var(--cu-shadow);
}

html[data-theme="light"] .content :is(
    .quick-item,
    .empty-state,
    .credential-meta,
    .approval-meta,
    .print-meta,
    .credential-info-grid > *,
    .approval-info-grid > *,
    .print-info-grid > *,
    .detail-info-grid > *,
    .document-rule-info-grid > *,
    .event-company-meta > *,
    .report-card-meta span,
    .config-info-box,
    .event-config-box,
    .print-config-box,
    .credential-rules-box
) {
    color: var(--cu-text) !important;
    background-color: var(--cu-surface-soft) !important;
    border-color: var(--cu-border) !important;
}

html[data-theme="light"] .content :is(h1, h2, h3, h4, strong) {
    color: var(--cu-text);
}

html[data-theme="light"] .content :is(p, small) {
    color: var(--cu-muted);
}

html[data-theme="light"] .content :is(.badge, .credential-status, .approval-status, .print-status, .document-rule-status) {
    color: inherit;
}

html[data-theme="light"] .modal,
html[data-theme="light"] .modal-content,
html[data-theme="light"] [class*="modal-box"],
html[data-theme="light"] [class*="modal-card"] {
    color: var(--cu-text) !important;
    background: var(--cu-surface) !important;
    border-color: var(--cu-border) !important;
}

html[data-theme="light"] .sidebar-section-title,
html[data-theme="light"] .sidebar-group-title,
html[data-theme="light"] #sidebar .sidebar-section-toggle {
    color: #55718f !important;
}

html[data-theme="light"] #sidebar {
    background:
        radial-gradient(circle at 12% 4%, rgba(0, 126, 219, 0.07), transparent 25%),
        linear-gradient(180deg, #ffffff 0%, #f7faff 100%) !important;
    border-right-color: var(--cu-border) !important;
    box-shadow: 10px 0 34px rgba(31, 60, 101, 0.08);
}

html[data-theme="light"] #sidebar .sidebar-brand,
html[data-theme="light"] #sidebar .sidebar-footer,
html[data-theme="light"] #sidebar .sidebar-nav-logout {
    border-color: var(--cu-border) !important;
}

html[data-theme="light"] #sidebar .sidebar-section-toggle:hover {
    color: #174b9e !important;
    border-color: #cbdcf0 !important;
    background: #edf4fd !important;
}

html[data-theme="light"] #sidebar .sidebar-menu-section.is-open > .sidebar-section-toggle {
    color: #174b9e !important;
    border-color: #c7d9ef !important;
    background: linear-gradient(110deg, #e8f3ff, #f0edff) !important;
    box-shadow: none;
}

html[data-theme="light"] #sidebar .sidebar-section-nav {
    border-left-color: #c8d9ed !important;
}

html[data-theme="light"] #sidebar .sidebar-section-arrow {
    color: #245fc2 !important;
    background: #edf4fd !important;
    border-color: #cadbef !important;
}

html[data-theme="light"] #sidebar .sidebar-menu-section.is-open .sidebar-section-arrow {
    color: #ffffff !important;
    background: #245fc2 !important;
    border-color: #245fc2 !important;
}

html[data-theme="light"] .sidebar-link {
    color: #405873 !important;
}

html[data-theme="light"] .sidebar-link:hover {
    color: #173b70 !important;
    background: #edf4fd !important;
}

html[data-theme="light"] .sidebar-link.active {
    color: #ffffff !important;
    background: linear-gradient(135deg, #245fc2, #4285db) !important;
    box-shadow: 0 7px 18px rgba(36, 95, 194, 0.19);
}

html[data-theme="light"] .sidebar-group.is-open > .sidebar-group-toggle,
html[data-theme="light"] .sidebar-group-toggle[aria-expanded="true"] {
    color: #a56f00 !important;
    background: #fff9e8 !important;
}

html[data-theme="light"] #sidebar .sidebar-footer small {
    color: #718198 !important;
}

html[data-theme="light"] .user-chip,
html[data-theme="light"] .mobile-menu-btn {
    color: var(--cu-text);
    background: var(--cu-surface-soft);
    border-color: var(--cu-border);
}

html[data-theme="light"] .topbar-title strong,
html[data-theme="light"] .user-info strong {
    color: var(--cu-text);
}

/* =========================================================
   TEMA CLARO — PADRÃO VISUAL DO PAINEL
========================================================= */

html[data-theme="light"] {
    --cu-page: #f7f5ef;
    --cu-page-alt: #f7f5ef;
    --cu-filter: #fff5bf;
    --cu-filter-strong: #fee889;
    --cu-filter-border: #e4c85d;
    --cu-filter-text: #211d0d;
    --cu-card-blue: #eaf4ff;
    --cu-card-blue-strong: #deeeff;
    --cu-dark-blue: #15365f;
}

html[data-theme="light"] body,
html[data-theme="light"] .painel-layout,
html[data-theme="light"] .painel-main,
html[data-theme="light"] .content {
    background: #f7f5ef !important;
    background-image: none !important;
}

html[data-theme="light"] body::before {
    display: none !important;
}

html[data-theme="light"] .painel-footer {
    color: #6d7784;
    border-color: #dedbd2;
}

/* Sidebar claro */

html[data-theme="light"] #sidebar .sidebar-link {
    color: var(--cu-dark-blue) !important;
}

html[data-theme="light"] #sidebar .sidebar-link:hover {
    color: #0e2d54 !important;
    border-color: #c8d9ed !important;
    background: #eaf3fd !important;
}

html[data-theme="light"] #sidebar .sidebar-link.active,
html[data-theme="light"] #sidebar .sidebar-link.active:hover {
    color: #ffffff !important;
    border-color: #2d69c4 !important;
    background: linear-gradient(110deg, #245fc2 0%, #3479d3 100%) !important;
    box-shadow: 0 8px 20px rgba(36, 95, 194, 0.20) !important;
}

html[data-theme="light"] #sidebar .sidebar-link.active * {
    color: #ffffff !important;
}

/* Cards de indicadores: azul-claro com contornos individuais. */

html[data-theme="light"] .content .stat-card,
html[data-theme="light"] .content .status-mini-card,
html[data-theme="light"] .content .reports-hub-kpi {
    color: var(--cu-dark-blue) !important;
    background: linear-gradient(145deg, var(--cu-card-blue-strong), var(--cu-card-blue)) !important;
    border-color: #9dc9ef !important;
    box-shadow: 0 9px 24px rgba(43, 92, 143, 0.09) !important;
}

html[data-theme="light"] .content .stat-card.yellow,
html[data-theme="light"] .content .dashboard-primary-stats .stat-card.metric-yellow {
    border-color: #d8b524 !important;
}

html[data-theme="light"] .content .stat-card.magenta,
html[data-theme="light"] .content .dashboard-primary-stats .stat-card.metric-magenta {
    border-color: #d85a9f !important;
}

html[data-theme="light"] .content .stat-card.green,
html[data-theme="light"] .content .dashboard-primary-stats .stat-card.metric-green {
    border-color: #3bb878 !important;
}

html[data-theme="light"] .content .dashboard-primary-stats .stat-card.metric-blue {
    border-color: #426bc4 !important;
}

html[data-theme="light"] .content .dashboard-primary-stats .stat-card.metric-cyan {
    border-color: #21a9c3 !important;
}

html[data-theme="light"] .content .dashboard-primary-stats .stat-card.metric-orange {
    border-color: #df7c2a !important;
}

html[data-theme="light"] .content .dashboard-primary-stats .stat-card.metric-purple {
    border-color: #8d5bd4 !important;
}

html[data-theme="light"] .content .dashboard-primary-stats .stat-card {
    border-width: 1px !important;
    border-style: solid !important;
    box-shadow:
        inset 0 4px 0 var(--metric-color),
        0 9px 24px rgba(43, 92, 143, 0.09) !important;
}

html[data-theme="light"] .content .dashboard-primary-stats :is(.stat-label, .stat-number, .stat-desc),
html[data-theme="light"] .content .dashboard-stage-stats .status-mini-card span,
html[data-theme="light"] .content .reports-hub-kpi :is(span, strong, small) {
    color: var(--cu-dark-blue) !important;
}

html[data-theme="light"] .content .dashboard-stage-stats .status-mini-card {
    border-color: var(--stage-color) !important;
}

html[data-theme="light"] .content .reports-hub-kpi.total { border-color: #d8b524 !important; }
html[data-theme="light"] .content .reports-hub-kpi.fixed { border-color: #398dcd !important; }
html[data-theme="light"] .content .reports-hub-kpi.configurable { border-color: #9558ce !important; }
html[data-theme="light"] .content .reports-hub-kpi.export { border-color: #3bb878 !important; }

/* Blocos gerais e listagens ficam brancos no tema claro. */

html[data-theme="light"] .content :is(
    .panel-box,
    .dashboard-count-item,
    .dashboard-ranking-item,
    .event-dashboard-card,
    .general-credential-card,
    .general-credential-content,
    .general-credential-grid > div,
    .general-credential-flow span,
    .reports-catalog-section,
    .reports-catalog-head,
    .report-hub-card,
    .report-hub-meta div,
    .reports-no-results,
    .credential-card,
    .approval-card,
    .print-card,
    .document-rule-card,
    .event-company-card,
    .participant-credential-card,
    .participant-event-card
) {
    color: #17283d !important;
    background: #ffffff !important;
    background-image: none !important;
    border-color: #d8e0e9 !important;
    box-shadow: 0 8px 22px rgba(42, 67, 96, 0.07) !important;
}

html[data-theme="light"] .content .general-credential-card {
    border-color: var(--status-color) !important;
}

html[data-theme="light"] .content .report-hub-card {
    border-top-color: #426bc4 !important;
}

html[data-theme="light"] .content .report-hub-card.theme-green {
    border-top-color: #3bb878 !important;
}

html[data-theme="light"] .content .report-hub-card.theme-purple {
    border-top-color: #9558ce !important;
}

html[data-theme="light"] .content :is(
    .general-credential-summary-item span,
    .general-credential-content h3,
    .general-credential-grid span,
    .general-credential-flow strong,
    .reports-catalog-head h2,
    .report-hub-card h3,
    .report-hub-meta span,
    .reports-no-results strong,
    .dashboard-count-copy strong,
    .dashboard-login-value,
    .dashboard-section-heading h2
) {
    color: #17283d !important;
}

html[data-theme="light"] .content :is(
    .general-credential-summary-item strong,
    .general-credential-grid strong,
    .general-credential-photo-date,
    .general-credential-photo-date time,
    .general-credential-flow span,
    .report-hub-description,
    .report-hub-meta strong,
    .report-category-label,
    .reports-catalog-head p,
    .dashboard-count-copy span,
    .dashboard-login-meta
) {
    color: #5f6f83 !important;
}

html[data-theme="light"] .content .general-credential-photo {
    color: #5f6f83 !important;
    background: #f3f6f9 !important;
    border-color: #d8e0e9 !important;
}

html[data-theme="light"] .content .dashboard-login-scroll {
    background: #ffffff !important;
    border-color: #d8e0e9 !important;
}

html[data-theme="light"] .content .dashboard-login-scroll .admin-table thead th {
    color: #344a63 !important;
    background: #eaf4ff !important;
}

/* Filtros: amarelo-claro, textos escuros e botão amarelo. */

html[data-theme="light"] .content :is(
    .credentials-filter,
    .reports-hub-filter,
    .analysis-filter,
    .print-filter,
    .participant-filter-column,
    .events-filter-panel,
    .users-filter-panel,
    .rtc-filter-panel,
    .report-admin-filters,
    form.filter-form,
    form.companies-filter-form,
    form.documents-filter-form,
    form.types-filter-form,
    form.rtc-filter-form
) {
    color: var(--cu-filter-text) !important;
    background: #fffaf0 !important;
    background-image: none !important;
    border-color: var(--cu-filter-border) !important;
}

html[data-theme="light"] .content :is(
    .credentials-filter,
    .reports-hub-filter,
    .analysis-filter,
    .print-filter,
    .participant-filter-column,
    .events-filter-panel,
    .users-filter-panel,
    .rtc-filter-panel,
    .report-admin-filters,
    form.filter-form,
    form.companies-filter-form,
    form.documents-filter-form,
    form.types-filter-form,
    form.rtc-filter-form
) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="color"]), select, textarea) {
    color: #17150d !important;
    background: var(--cu-filter) !important;
    border-color: var(--cu-filter-border) !important;
    box-shadow: none !important;
}

html[data-theme="light"] .content :is(
    .credentials-filter,
    .reports-hub-filter,
    .analysis-filter,
    .print-filter,
    .participant-filter-column,
    .events-filter-panel,
    .users-filter-panel,
    .rtc-filter-panel,
    .report-admin-filters,
    form.filter-form,
    form.companies-filter-form,
    form.documents-filter-form,
    form.types-filter-form,
    form.rtc-filter-form
) :is(input, textarea)::placeholder {
    color: #716638 !important;
}

html[data-theme="light"] .content :is(
    .credentials-filter,
    .reports-hub-filter,
    .analysis-filter,
    .print-filter,
    .participant-filter-column,
    .events-filter-panel,
    .users-filter-panel,
    .rtc-filter-panel,
    .report-admin-filters,
    form.filter-form,
    form.companies-filter-form,
    form.documents-filter-form,
    form.types-filter-form,
    form.rtc-filter-form
) select option {
    color: #17150d !important;
    background: var(--cu-filter) !important;
}

html[data-theme="light"] .content :is(
    .credentials-filter,
    .reports-hub-filter,
    .analysis-filter,
    .print-filter,
    .participant-filter-column,
    .events-filter-panel,
    .users-filter-panel,
    .rtc-filter-panel,
    .report-admin-filters,
    form.filter-form,
    form.companies-filter-form,
    form.documents-filter-form,
    form.types-filter-form,
    form.rtc-filter-form
) :is(label, h2, h3, strong) {
    color: #25200d !important;
}

html[data-theme="light"] .content :is(
    .credentials-filter,
    .reports-hub-filter,
    .analysis-filter,
    .print-filter,
    .participant-filter-column,
    .events-filter-panel,
    .users-filter-panel,
    .rtc-filter-panel,
    .report-admin-filters,
    form.filter-form,
    form.companies-filter-form,
    form.documents-filter-form,
    form.types-filter-form,
    form.rtc-filter-form
) :is(.btn-primary, button[type="submit"]) {
    color: #1b1708 !important;
    background: linear-gradient(135deg, #ffd84d, #f4bd16) !important;
    border-color: #d7a50d !important;
    box-shadow: 0 7px 18px rgba(196, 145, 0, 0.18) !important;
}

html[data-theme="light"] .content :is(
    .credentials-filter,
    .reports-hub-filter,
    .analysis-filter,
    .print-filter,
    .participant-filter-column,
    .events-filter-panel,
    .users-filter-panel,
    .rtc-filter-panel,
    .report-admin-filters,
    form.filter-form,
    form.companies-filter-form,
    form.documents-filter-form,
    form.types-filter-form,
    form.rtc-filter-form
) :is(.btn-primary, button[type="submit"]):hover {
    color: #141005 !important;
    background: linear-gradient(135deg, #ffe370, #fac72d) !important;
}

html[data-theme="light"] .credentials-overview,
html[data-theme="light"] .reports-hub-summary {
    background: #ffffff !important;
    border-color: #d8e0e9 !important;
    box-shadow: 0 9px 25px rgba(42, 67, 96, 0.07) !important;
}

html[data-theme="light"] .credentials-kpis,
html[data-theme="light"] .reports-hub-kpis {
    background: #eef6ff !important;
}

html[data-theme="light"] .credentials-filter,
html[data-theme="light"] .reports-hub-filter {
    border-color: var(--cu-filter-border) !important;
}

/* Landing page */

.site-header {
    background: var(--cu-topbar) !important;
    border-color: var(--cu-border) !important;
}

.page-bg {
    background:
        radial-gradient(circle at 18% 18%, rgba(0, 184, 255, 0.15), transparent 32%),
        radial-gradient(circle at 82% 14%, rgba(101, 53, 216, 0.12), transparent 30%),
        linear-gradient(135deg, var(--cu-page) 0%, var(--cu-page-alt) 100%) !important;
}

html[data-theme="light"] .page-bg::after {
    background-image:
        linear-gradient(rgba(36, 95, 194, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(36, 95, 194, 0.035) 1px, transparent 1px);
}

html[data-theme="light"] :is(.login-card, .feature-card, .about-card, .panel-card, .panel-preview, .security-card, .step-card) {
    color: var(--cu-text);
    background: rgba(255, 255, 255, 0.92) !important;
    border-color: var(--cu-border) !important;
    box-shadow: var(--cu-shadow);
}

html[data-theme="light"] :is(.hero-text, .section-heading, .section-title, .login-card, .feature-card, .about-card, .panel-card, .security-card) :is(h1, h2, h3, strong) {
    color: var(--cu-text);
}

html[data-theme="light"] :is(.hero-text, .section-heading, .section-title, .login-card, .feature-card, .about-card, .panel-card, .security-card) :is(p, span) {
    color: var(--cu-muted);
}

html[data-theme="light"] .main-nav {
    color: var(--cu-muted);
}

html[data-theme="light"] .main-nav a:hover {
    color: var(--cu-primary);
}

html[data-theme="light"] .login-alert {
    color: #774e00;
    background: #fff8df;
    border-color: #f1d47c;
}

html[data-theme="light"] .login-alert strong {
    color: #5d3d00;
}

html[data-theme="light"] .site-footer {
    color: var(--cu-muted);
    background: rgba(255, 255, 255, 0.76);
    border-color: var(--cu-border);
}

html[data-theme="light"] .footer-content strong {
    color: var(--cu-text);
}

html[data-theme="light"] .security-item {
    border-color: var(--cu-border);
}

/* Leitor de validação em tela cheia */

.reader-top-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

html[data-theme="light"] {
    --bg: var(--cu-page);
    --panel: var(--cu-surface);
    --panel-soft: var(--cu-surface-soft);
    --line: var(--cu-border);
    --text: var(--cu-text);
    --soft: var(--cu-muted);
    --muted: var(--cu-soft);
}

html[data-theme="light"] .reader-top,
html[data-theme="light"] .reader-card,
html[data-theme="light"] .info-item,
html[data-theme="light"] .history-item,
html[data-theme="light"] .code-box,
html[data-theme="light"] .reader-help,
html[data-theme="light"] .empty-state {
    color: var(--cu-text) !important;
    background: var(--cu-surface) !important;
    border-color: var(--cu-border) !important;
    box-shadow: var(--cu-shadow);
}

html[data-theme="light"] .reader-card-head,
html[data-theme="light"] .reader-card-body {
    border-color: var(--cu-border) !important;
}

html[data-theme="light"] .btn-exit {
    color: #ffffff;
}

/* Responsividade e acessibilidade */

:focus-visible {
    outline: 3px solid color-mix(in srgb, var(--cu-primary) 38%, transparent);
    outline-offset: 2px;
}

@media (max-width: 860px) {
    .theme-toggle-label {
        display: none;
    }

    .theme-toggle {
        width: 42px;
        padding: 0;
    }

    .topbar-user {
        gap: 7px;
    }

    .reader-top-actions {
        width: 100%;
    }
}

@media (max-width: 620px) {
    .content {
        padding: 18px 12px 28px;
    }

    .topbar {
        height: auto;
        min-height: var(--topbar-height);
        padding: 10px 12px;
    }

    .topbar-company-name-only strong {
        max-width: 150px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .page-header {
        margin-bottom: 18px;
    }

    .page-actions,
    .form-actions {
        width: 100%;
    }

    .page-actions .btn,
    .form-actions .btn {
        flex: 1 1 auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}

@media print {
    .theme-toggle {
        display: none !important;
    }
}

/* =========================================================
   CREDENCIAMENTO ÚNICO — TEMA CLARO PADRÃO 2026-08-13
   Esta seção é a camada final e prevalece sobre estilos locais.
========================================================= */

html[data-theme="light"] {
    --cu-page: #f7f5ef;
    --cu-page-alt: #f7f5ef;
    --cu-sidebar: #ffffff;
    --cu-topbar: rgba(255, 255, 255, .96);
    --cu-surface: #ffffff;
    --cu-surface-strong: #ffffff;
    --cu-surface-soft: #f7f9fc;
    --cu-input: #ffffff;
    --cu-text: #17283d;
    --cu-muted: #52657a;
    --cu-soft: #718197;
    --cu-border: #d9e1ea;
    --cu-border-strong: #c8d4e2;
    --cu-primary: #194f91;
    --cu-primary-hover: #286fbf;
    --cu-tab: #d73182;
    --cu-tab-soft: #f9dbe9;
    --cu-filter: #fff4bd;
    --cu-filter-soft: #fffae7;
    --cu-filter-border: #e5c75b;
    --cu-filter-button: #f7a902;
    --cu-save: #159957;
    --cu-save-hover: #107c47;
    --cu-shadow: 0 8px 24px rgba(38, 58, 84, .07);
    color-scheme: light;
}

html[data-theme="light"],
html[data-theme="light"] body,
html[data-theme="light"] .painel-layout,
html[data-theme="light"] .painel-main,
html[data-theme="light"] .content,
html[data-theme="light"] main {
    color: var(--cu-text) !important;
    background-color: var(--cu-page) !important;
    background-image: none !important;
}

html[data-theme="light"] body::before {
    display: none !important;
}

/* Cabeçalho e sidebar */

html[data-theme="light"] .topbar {
    background: var(--cu-topbar) !important;
    border-bottom-color: #dfe5ec !important;
    box-shadow: 0 3px 14px rgba(32, 53, 77, .05);
}

html[data-theme="light"] #sidebar {
    background: #ffffff !important;
    background-image: none !important;
    border-right-color: #dfe5ec !important;
    box-shadow: 8px 0 28px rgba(32, 53, 77, .06) !important;
    scrollbar-color: #a9bfd8 transparent;
}

html[data-theme="light"] #sidebar :is(.sidebar-brand, .sidebar-footer, .sidebar-nav-logout) {
    border-color: #e2e7ed !important;
}

html[data-theme="light"] #sidebar .sidebar-section-toggle {
    color: #315170 !important;
    background: transparent !important;
    border-color: transparent !important;
}

html[data-theme="light"] #sidebar .sidebar-section-toggle::before {
    background: #72aee6 !important;
}

html[data-theme="light"] #sidebar .sidebar-section-toggle:hover {
    color: #143f72 !important;
    background: #eaf4ff !important;
    border-color: #cfe3f6 !important;
}

html[data-theme="light"] #sidebar .sidebar-menu-section.is-open > .sidebar-section-toggle {
    color: #143f72 !important;
    background: #e5f2ff !important;
    border-color: #c6ddf3 !important;
    box-shadow: none !important;
}

html[data-theme="light"] #sidebar .sidebar-menu-section.is-open > .sidebar-section-toggle::before {
    background: #286fbf !important;
}

html[data-theme="light"] #sidebar .sidebar-section-arrow {
    color: #286fbf !important;
    background: #edf6ff !important;
    border-color: #c9dff3 !important;
}

html[data-theme="light"] #sidebar .sidebar-menu-section.is-open .sidebar-section-arrow {
    color: #ffffff !important;
    background: #286fbf !important;
    border-color: #286fbf !important;
}

html[data-theme="light"] #sidebar .sidebar-section-nav {
    border-left-color: #c9dff3 !important;
}

html[data-theme="light"] #sidebar .sidebar-link {
    color: #173f6d !important;
    background: transparent !important;
    border-color: transparent !important;
}

html[data-theme="light"] #sidebar .sidebar-link:hover {
    color: #0c3566 !important;
    background: #eaf4ff !important;
    border-color: #cde1f5 !important;
}

html[data-theme="light"] #sidebar .sidebar-link.active,
html[data-theme="light"] #sidebar .sidebar-link.active:hover {
    color: #ffffff !important;
    background: #194f91 !important;
    border-color: #194f91 !important;
    box-shadow: 0 7px 17px rgba(25, 79, 145, .20) !important;
}

html[data-theme="light"] #sidebar .sidebar-link.active * {
    color: #ffffff !important;
}

html[data-theme="light"] #sidebar .sidebar-link.sidebar-link-sair {
    color: #b32845 !important;
    background: #fff5f7 !important;
    border-color: #efbdc8 !important;
}

html[data-theme="light"] #sidebar .sidebar-link.sidebar-link-sair:hover {
    color: #ffffff !important;
    background: #c93655 !important;
    border-color: #c93655 !important;
}

html[data-theme="light"] #sidebar .sidebar-link:not(.active) .ico {
    color: #5d9fd7 !important;
}

html[data-theme="light"] #sidebar .sidebar-footer small {
    color: #728195 !important;
}

/* Textos e títulos */

html[data-theme="light"] .content :is(h1, h2, h3, h4, h5, strong),
html[data-theme="light"] .topbar :is(strong, span) {
    color: var(--cu-text);
}

html[data-theme="light"] .content :is(p, small),
html[data-theme="light"] .field-hint,
html[data-theme="light"] .form-help,
html[data-theme="light"] .form-note {
    color: var(--cu-muted);
}

/* Abas — rosa ativo e rosa suave inativo */

html[data-theme="light"] .content :is(
    .management-tabs,
    .event-management-tabs,
    .access-config-tabs,
    .report-dev-tabs
) {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

html[data-theme="light"] .content :is(
    .management-tab,
    .event-management-tab,
    .access-config-tab,
    .report-dev-tab
) {
    color: #7c2853 !important;
    background: var(--cu-tab-soft) !important;
    border: 1px solid #efb9d3 !important;
    box-shadow: none !important;
}

html[data-theme="light"] .content :is(
    .management-tab,
    .event-management-tab,
    .access-config-tab,
    .report-dev-tab
):hover {
    color: #67163f !important;
    background: #f5c8dd !important;
    border-color: #e790b9 !important;
}

html[data-theme="light"] .content :is(
    .management-tab.is-active,
    .event-management-tab.is-active,
    .access-config-tab.is-active,
    .report-dev-tab.active
) {
    color: #ffffff !important;
    background: #d73182 !important;
    border-color: #d73182 !important;
    box-shadow: 0 8px 20px rgba(215, 49, 130, .20) !important;
}

html[data-theme="light"] .content :is(
    .management-tab.is-active,
    .event-management-tab.is-active,
    .access-config-tab.is-active,
    .report-dev-tab.active
) * {
    color: #ffffff !important;
}

html[data-theme="light"] .content :is(.management-tab-icon, .event-management-tab-icon) {
    color: inherit !important;
    background: rgba(255, 255, 255, .38) !important;
}

/* Formulários comuns */

html[data-theme="light"] .content input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),
html[data-theme="light"] .content select,
html[data-theme="light"] .content textarea,
html[data-theme="light"] .content :is(.input-table, .select-table) {
    color: #17283d !important;
    background: #ffffff !important;
    border-color: #c8d4e2 !important;
}

html[data-theme="light"] .content select option {
    color: #17283d !important;
    background: #ffffff !important;
}

html[data-theme="light"] .content :is(input, textarea)::placeholder {
    color: #8794a5 !important;
}

/* Áreas de filtro */

html[data-theme="light"] .content :is(
    .credentials-filter,
    .reports-hub-filter,
    .analysis-filter,
    .print-filter,
    .participant-filter-column,
    .events-filter-panel,
    .users-filter-panel,
    .rtc-filter-panel,
    .report-admin-filters,
    .database-search-form,
    .access-report-filter-grid,
    .event-filter-grid,
    form.filter-form,
    form.companies-filter-form,
    form.documents-filter-form,
    form.types-filter-form,
    form.rtc-filter-form
) {
    color: #211d0d !important;
    background: var(--cu-filter-soft) !important;
    background-image: none !important;
    border-color: var(--cu-filter-border) !important;
    box-shadow: none !important;
}

html[data-theme="light"] .content :is(
    .credentials-filter,
    .reports-hub-filter,
    .analysis-filter,
    .print-filter,
    .participant-filter-column,
    .events-filter-panel,
    .users-filter-panel,
    .rtc-filter-panel,
    .report-admin-filters,
    .database-search-form,
    .access-report-filter-grid,
    .event-filter-grid,
    form.filter-form,
    form.companies-filter-form,
    form.documents-filter-form,
    form.types-filter-form,
    form.rtc-filter-form
) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="color"]), select, textarea) {
    color: #16130a !important;
    background: var(--cu-filter) !important;
    border-color: var(--cu-filter-border) !important;
}

html[data-theme="light"] .content :is(
    .credentials-filter,
    .reports-hub-filter,
    .analysis-filter,
    .print-filter,
    .participant-filter-column,
    .events-filter-panel,
    .users-filter-panel,
    .rtc-filter-panel,
    .report-admin-filters,
    .database-search-form,
    .access-report-filter-grid,
    .event-filter-grid,
    form.filter-form,
    form.companies-filter-form,
    form.documents-filter-form,
    form.types-filter-form,
    form.rtc-filter-form
) select option {
    color: #16130a !important;
    background: var(--cu-filter) !important;
}

html[data-theme="light"] .content :is(
    .credentials-filter,
    .reports-hub-filter,
    .analysis-filter,
    .print-filter,
    .participant-filter-column,
    .events-filter-panel,
    .users-filter-panel,
    .rtc-filter-panel,
    .report-admin-filters,
    .database-search-form,
    .access-report-filter-grid,
    .event-filter-grid,
    form.filter-form,
    form.companies-filter-form,
    form.documents-filter-form,
    form.types-filter-form,
    form.rtc-filter-form
) :is(label, h2, h3, strong) {
    color: #211d0d !important;
}

html[data-theme="light"] .content :is(
    .credentials-filter,
    .reports-hub-filter,
    .analysis-filter,
    .print-filter,
    .participant-filter-column,
    .events-filter-panel,
    .users-filter-panel,
    .rtc-filter-panel,
    .report-admin-filters,
    .database-search-form,
    .access-report-filter-grid,
    .event-filter-grid,
    form.filter-form,
    form.companies-filter-form,
    form.documents-filter-form,
    form.types-filter-form,
    form.rtc-filter-form
) :is(.btn-primary, button[type="submit"]) {
    color: #1f1805 !important;
    background: #f7a902 !important;
    border-color: #d89400 !important;
    box-shadow: 0 7px 17px rgba(200, 135, 0, .18) !important;
}

html[data-theme="light"] .content :is(
    .credentials-filter,
    .reports-hub-filter,
    .analysis-filter,
    .print-filter,
    .participant-filter-column,
    .events-filter-panel,
    .users-filter-panel,
    .rtc-filter-panel,
    .report-admin-filters,
    .database-search-form,
    .access-report-filter-grid,
    .event-filter-grid,
    form.filter-form,
    form.companies-filter-form,
    form.documents-filter-form,
    form.types-filter-form,
    form.rtc-filter-form
) :is(.btn-primary, button[type="submit"]):hover {
    color: #171105 !important;
    background: #ffba23 !important;
}

/* Botões: secundário branco/azul; gravações verdes */

html[data-theme="light"] .content :is(.btn, .btn-primary, .btn-secondary, .btn-table) {
    color: #195294;
    background: #ffffff;
    background-image: none;
    border: 1px solid #8eb3d8;
    box-shadow: none;
}

html[data-theme="light"] .content :is(.btn, .btn-primary, .btn-secondary, .btn-table):hover {
    color: #0f3f78;
    background: #edf6ff;
    border-color: #5f94c9;
}

html[data-theme="light"] .content :is(
    .form-actions,
    .config-save-actions,
    .layout-save-actions,
    .distribution-actions,
    .detail-actions,
    .event-company-actions
) button[type="submit"].btn-primary,
html[data-theme="light"] .content button[type="submit"].btn-primary:not(.report-generate-button),
html[data-theme="light"] .content a.btn-primary[href*="credencial_form"] {
    color: #ffffff !important;
    background: var(--cu-save) !important;
    border-color: var(--cu-save) !important;
    box-shadow: 0 7px 18px rgba(21, 153, 87, .18) !important;
}

html[data-theme="light"] .content :is(
    .form-actions,
    .config-save-actions,
    .layout-save-actions,
    .distribution-actions,
    .detail-actions,
    .event-company-actions
) button[type="submit"].btn-primary:hover,
html[data-theme="light"] .content button[type="submit"].btn-primary:not(.report-generate-button):hover,
html[data-theme="light"] .content a.btn-primary[href*="credencial_form"]:hover {
    color: #ffffff !important;
    background: var(--cu-save-hover) !important;
    border-color: var(--cu-save-hover) !important;
}

/* Reforça amarelo dos filtros após a regra verde de submit. */

html[data-theme="light"] .content :is(
    .credentials-filter,
    .reports-hub-filter,
    .analysis-filter,
    .print-filter,
    .participant-filter-column,
    .events-filter-panel,
    .users-filter-panel,
    .rtc-filter-panel,
    .report-admin-filters,
    .database-search-form,
    form.filter-form,
    form.companies-filter-form,
    form.documents-filter-form,
    form.types-filter-form,
    form.rtc-filter-form
) button[type="submit"] {
    color: #1f1805 !important;
    background: #f7a902 !important;
    border-color: #d89400 !important;
}

html[data-theme="light"] .content :is(
    .report-generate-button,
    .report-hub-action .btn-primary,
    .report-export-actions .btn,
    .access-report-export-actions .btn,
    .btn-excel
) {
    color: #195294 !important;
    background: #ffffff !important;
    border-color: #8eb3d8 !important;
    box-shadow: none !important;
}

/* Cards: branco com cor somente no contorno. */

html[data-theme="light"] .content :is(
    .panel-box,
    .stat-card,
    .status-mini-card,
    .report-card,
    .report-hub-card,
    .reports-hub-kpi,
    .credential-card,
    .general-credential-card,
    .approval-card,
    .print-card,
    .document-rule-card,
    .document-check-card,
    .event-company-card,
    .event-dashboard-card,
    .participant-credential-card,
    .participant-event-card,
    .dashboard-count-item,
    .dashboard-ranking-item,
    .distribution-event-card,
    .distribution-company-card,
    .distribution-quantity-card,
    .database-intro-card,
    .database-table-card,
    .access-gate-card,
    .access-session-card,
    .layout-field-card,
    .config-switch-card
) {
    color: var(--cu-text) !important;
    background: #ffffff !important;
    background-image: none !important;
    border-color: #d8e1ea !important;
    box-shadow: var(--cu-shadow) !important;
}

html[data-theme="light"] .content .dashboard-primary-stats .stat-card {
    border-color: var(--metric-color) !important;
    box-shadow: inset 0 4px 0 var(--metric-color), var(--cu-shadow) !important;
}

html[data-theme="light"] .content .dashboard-stage-stats .status-mini-card {
    border-color: var(--stage-color) !important;
}

html[data-theme="light"] .content .general-credential-card {
    border-color: var(--status-color) !important;
}

html[data-theme="light"] .content .report-hub-card {
    border-top-color: #426bc4 !important;
}

html[data-theme="light"] .content .report-hub-card.theme-green {
    border-top-color: #35a96e !important;
}

html[data-theme="light"] .content .report-hub-card.theme-purple {
    border-top-color: #9457c9 !important;
}

html[data-theme="light"] .content :is(.stat-card, .status-mini-card, .reports-hub-kpi) :is(span, strong, small),
html[data-theme="light"] .content :is(.report-hub-card, .general-credential-card, .credential-card, .approval-card, .print-card) :is(h2, h3, strong, span) {
    color: var(--cu-text);
}

/* Contêineres auxiliares e imagens transparentes */

html[data-theme="light"] .content :is(
    .credentials-overview,
    .reports-hub-summary,
    .credentials-kpis,
    .reports-hub-kpis,
    .reports-catalog-grid,
    .registration-shell,
    .dashboard-grid,
    .event-dashboard-list,
    .credential-list,
    .approval-list,
    .print-list,
    .documents-list,
    .participant-credential-list,
    .layout-editor-preview-wrap,
    .layout-preview-box,
    .layout-media-image-preview,
    .event-layout-preview,
    .credential-photo-box,
    .credential-photo-preview,
    .general-credential-photo,
    .event-dashboard-logo,
    .config-logo-area,
    .config-logo-preview
) {
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* Tabelas e resultados de relatórios como folha branca. */

html[data-theme="light"] .content :is(
    .table-responsive,
    .report-result-panel,
    .report-table-wrap,
    .access-report-sheet,
    .access-report-table-wrap,
    .rtc-report-sheet,
    .rtc-table-wrap,
    .approval-history-table,
    .dashboard-login-scroll
) {
    color: #17283d !important;
    background: #ffffff !important;
    border-color: #d8e1ea !important;
    box-shadow: var(--cu-shadow) !important;
}

html[data-theme="light"] .content :is(
    .admin-table,
    .data-table,
    .compact-table,
    .params-table,
    .access-report-table,
    .rtc-table,
    .distribution-table
) {
    color: #17283d !important;
    background: #ffffff !important;
}

html[data-theme="light"] .content :is(
    .admin-table,
    .data-table,
    .compact-table,
    .params-table,
    .access-report-table,
    .rtc-table,
    .distribution-table
) th {
    color: #27435f !important;
    background: #eef4fa !important;
    border-color: #d8e1ea !important;
}

html[data-theme="light"] .content :is(
    .admin-table,
    .data-table,
    .compact-table,
    .params-table,
    .access-report-table,
    .rtc-table,
    .distribution-table
) td {
    color: #24384d !important;
    background: #ffffff !important;
    border-color: #e0e6ed !important;
}

html[data-theme="light"] .content :is(
    .admin-table,
    .data-table,
    .compact-table,
    .access-report-table,
    .rtc-table,
    .distribution-table
) tbody tr:hover td {
    background: #f5f9fd !important;
}

/* Landing/login no mesmo padrão claro. */

html[data-theme="light"] .page-bg {
    background: #f7f5ef !important;
}

html[data-theme="light"] .site-header,
html[data-theme="light"] .site-footer {
    background: rgba(255, 255, 255, .95) !important;
    border-color: #dfe5ec !important;
}

html[data-theme="light"] :is(.login-card, .feature-card, .about-card, .panel-card, .security-card, .step-card) {
    color: var(--cu-text) !important;
    background: #ffffff !important;
    border-color: #d8e1ea !important;
    box-shadow: var(--cu-shadow) !important;
}

@media (max-width: 760px) {
    html[data-theme="light"] .content :is(.management-tabs, .event-management-tabs, .access-config-tabs, .report-dev-tabs) {
        gap: 8px;
    }
}

/* ========================================================================== */
/* AJUSTES DE DENSIDADE — DASHBOARD, CONSULTAS E CENTRAL DE RELATÓRIOS       */
/* ========================================================================== */

/* Dashboard: oito indicadores por linha, com rolagem horizontal em telas
   estreitas para preservar a leitura sem comprimir o conteúdo. */
.content .dashboard-primary-stats,
.content .dashboard-stage-stats {
    grid-template-columns: repeat(8, minmax(118px, 1fr)) !important;
    overflow-x: auto;
    scrollbar-width: thin;
}

.content .dashboard-primary-stats .stat-card {
    min-height: 132px;
    padding: 17px 15px;
}

.content .dashboard-primary-stats .stat-card::before {
    display: none !important;
    content: none !important;
}

.content .dashboard-primary-stats .stat-label {
    max-width: 100%;
}

.content .dashboard-stage-stats .status-mini-card {
    min-width: 118px;
}

.content .dashboard-count-list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.content .dashboard-count-item {
    grid-template-columns: 58px minmax(0, 1fr);
    min-height: 96px;
}

.content .dashboard-count-value {
    width: 52px;
    height: 52px;
}

html[data-theme="light"] .content .dashboard-ranking-head > span {
    color: #111827 !important;
}

/* Consultas de credenciais: filtro amarelo, KPIs centralizados e borda do
   registro seguindo integralmente a cor de seu status. */
html[data-theme="light"] .content .credentials-filter button[type="submit"].btn-primary {
    color: #1f1805 !important;
    background: #f7a902 !important;
    border-color: #d89400 !important;
    box-shadow: 0 7px 18px rgba(247, 169, 2, .22) !important;
}

.content .credentials-kpis .stat-card,
.content .reports-hub-kpi {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

.content .credentials-kpis .stat-number,
.content .reports-hub-kpi strong {
    font-size: clamp(34px, 3vw, 44px) !important;
    line-height: 1 !important;
}

html[data-theme="light"] .content .general-credential-card {
    border: 2px solid var(--status-color) !important;
}

/* Central de relatórios: catálogo único em formato de lista. */
.content .reports-list {
    padding: 0 20px 20px;
}

.content .reports-list-head,
.content .report-list-item {
    display: grid;
    grid-template-columns: minmax(190px, .9fr) minmax(110px, .38fr) minmax(280px, 1.55fr) minmax(155px, .48fr);
    gap: 18px;
    align-items: center;
}

.content .reports-list-head {
    padding: 12px 17px;
    color: var(--text-muted);
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .55px;
}

.content .report-list-item {
    min-height: 92px;
    margin-bottom: 10px;
    padding: 15px 17px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-left: 4px solid #426bc4;
    border-radius: 15px;
    background: rgba(255, 255, 255, .035);
}

.content .report-list-item[data-report-origin="configuravel"] {
    border-left-color: #d73182;
}

.content .report-list-title strong,
.content .report-list-title small {
    display: block;
}

.content .report-list-title strong {
    color: #ffffff;
    font-size: 14px;
    line-height: 1.35;
}

.content .report-list-title small {
    margin-top: 5px;
    color: var(--text-muted);
    font-size: 10px;
}

.content .report-list-description {
    margin: 0;
    color: var(--text-soft);
    font-size: 12px;
    line-height: 1.5;
}

.content .report-list-action {
    display: flex;
    justify-content: flex-end;
}

.content .report-list-action .btn {
    min-width: 145px;
    justify-content: center;
    white-space: nowrap;
    text-align: center;
    color: #ffffff !important;
    background: #426bc4 !important;
    border-color: #426bc4 !important;
    box-shadow: 0 7px 18px rgba(66, 107, 196, .2) !important;
}

.content .report-list-action .btn:hover {
    background: #3156a6 !important;
    border-color: #3156a6 !important;
}

html[data-theme="light"] .content .report-list-item {
    color: #17283d;
    background: #ffffff;
    border-top-color: #d8e1ea;
    border-right-color: #d8e1ea;
    border-bottom-color: #d8e1ea;
    box-shadow: 0 7px 20px rgba(34, 55, 80, .07);
}

html[data-theme="light"] .content .report-list-title strong,
html[data-theme="light"] .content .report-list-description {
    color: #17283d;
}

html[data-theme="light"] .content .report-list-title small,
html[data-theme="light"] .content .reports-list-head {
    color: #60748a;
}

@media (max-width: 1080px) {
    .content .dashboard-count-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .content .reports-list-head {
        display: none;
    }

    .content .reports-list {
        padding-top: 16px;
    }

    .content .report-list-item {
        grid-template-columns: minmax(180px, .8fr) minmax(110px, .35fr) minmax(240px, 1.2fr);
    }

    .content .report-list-action {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }
}

@media (max-width: 680px) {
    .content .dashboard-count-list {
        grid-template-columns: 1fr;
    }

    .content .report-list-item {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .content .report-list-action,
    .content .report-list-action .btn {
        width: 100%;
    }
}

/* ========================================================================== */
/* PAINEL ANÁLISE E PAINEL USERS — PADRÃO CLARO                              */
/* ========================================================================== */

/* Botões de filtro: amarelo em todas as telas operacionais conhecidas. */
html[data-theme="light"] .content :is(
    .analysis-filter,
    .print-filter,
    .credentials-filter,
    .reports-hub-filter,
    .events-filter-panel,
    .users-filter-panel,
    .participant-filter-column,
    .report-admin-filters,
    .rtc-filter-panel,
    form.filter-form,
    form[class*="filter-form"]
) button[type="submit"].btn-primary {
    color: #1f1805 !important;
    background: #f7a902 !important;
    border-color: #d89400 !important;
    box-shadow: 0 7px 18px rgba(247, 169, 2, .22) !important;
}

html[data-theme="light"] .content .analysis-kpis,
html[data-theme="light"] .content .print-kpis {
    background: transparent !important;
}

.content .analysis-kpis .stat-card,
.content .print-kpis .stat-card {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

.content .analysis-kpis .stat-number,
.content .print-kpis .stat-number {
    font-size: clamp(34px, 3vw, 44px) !important;
    line-height: 1 !important;
}

html[data-theme="light"] .content :is(.analysis-request-card, .print-record-card) {
    color: #17283d !important;
    background: #ffffff !important;
    background-image: none !important;
    border-color: var(--status-color) !important;
    box-shadow: 0 8px 24px rgba(34, 55, 80, .08) !important;
}

html[data-theme="light"] .content :is(
    .analysis-request-content,
    .analysis-request-grid > div,
    .print-record-content,
    .print-record-grid > div,
    .print-record-photo,
    .approval-photo-list
) {
    color: #17283d !important;
    background: transparent !important;
    background-image: none !important;
    border-color: #d8e1ea !important;
    box-shadow: none !important;
}

html[data-theme="light"] .content :is(
    .analysis-request-summary-item,
    .analysis-request-content,
    .analysis-request-grid,
    .print-record-summary-item,
    .print-record-content,
    .print-record-grid
) :is(h3, strong, span) {
    color: #17283d !important;
}

html[data-theme="light"] .content .analysis-request-action .btn-primary,
html[data-theme="light"] .content .print-record-actions :is(.btn-preview, .btn-reprint) {
    color: #ffffff !important;
    background: #426bc4 !important;
    border-color: #426bc4 !important;
    box-shadow: 0 7px 18px rgba(66, 107, 196, .20) !important;
}

html[data-theme="light"] .content .analysis-request-action .btn-primary:hover,
html[data-theme="light"] .content .print-record-actions :is(.btn-preview, .btn-reprint):hover {
    color: #ffffff !important;
    background: #3156a6 !important;
    border-color: #3156a6 !important;
}

.content .print-record-actions {
    grid-template-columns: 1fr !important;
}

/* Controle de Entrega. */
html[data-theme="light"] .content .delivery-event-selector:not(.is-frozen) {
    color: #17120a !important;
    background: #fff2bd !important;
    background-image: none !important;
    border-color: #e1b432 !important;
    box-shadow: none !important;
}

html[data-theme="light"] .content .delivery-event-selector:not(.is-frozen) :is(h2, p, label) {
    color: #17120a !important;
}

.content .delivery-event-form {
    grid-template-columns: minmax(0, 1fr) !important;
}

.content .delivery-event-form .btn {
    justify-self: start;
    color: #ffffff !important;
    background: #159957 !important;
    border-color: #159957 !important;
}

html[data-theme="light"] .content .delivery-event-selector.is-frozen {
    color: #17283d !important;
    background: #ffffff !important;
    background-image: none !important;
}

html[data-theme="light"] .content .delivery-event-selector.is-frozen :is(
    .event-label,
    h2,
    .delivery-event-details,
    .delivery-event-details span,
    .delivery-event-details strong,
    .delivery-event-status
) {
    color: #17283d !important;
}

html[data-theme="light"] .content :is(
    .delivery-overview,
    .delivery-reader,
    .delivery-kpis,
    .delivery-reading-log,
    .delivery-kpi
) {
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

.content .delivery-kpi {
    align-items: center;
    text-align: center;
}

html[data-theme="light"] .content .delivery-kpi :is(span, strong, small),
html[data-theme="light"] .content .delivery-reading-log :is(h3, p, span, small) {
    color: #17283d !important;
}

html[data-theme="light"] .content .delivery-log-item {
    color: #17283d !important;
    background: transparent !important;
    border: 2px solid var(--log-color) !important;
}

html[data-theme="light"] .content .delivery-log-item strong {
    color: var(--log-color) !important;
}

html[data-theme="light"] .content .delivery-result-panel {
    color: #17283d !important;
    background: #ffffff !important;
    border-color: #d8e1ea !important;
}

html[data-theme="light"] .content :is(
    .delivery-result-head,
    .delivery-record-content,
    .delivery-info-item,
    .delivery-photo
) {
    color: #17283d !important;
    background: #ffffff !important;
    background-image: none !important;
    border-color: #d8e1ea !important;
}

html[data-theme="light"] .content .delivery-record {
    color: #17283d !important;
    background: #ffffff !important;
    background-image: none !important;
    border-color: var(--delivery-status) !important;
}

html[data-theme="light"] .content .delivery-result-panel :is(
    h2,
    h3,
    p,
    .delivery-summary-item strong,
    .delivery-summary-item span,
    .delivery-info-item strong,
    .delivery-info-item span
) {
    color: #17283d !important;
}

/* Check-in/Checkout: etapa inicial como filtro amarelo, ação abaixo. */
html[data-theme="light"] .content .access-initial-panel {
    color: #17120a !important;
    background: #fff2bd !important;
    border-color: #e1b432 !important;
}

html[data-theme="light"] .content .access-initial-panel :is(.access-step-head, .access-session-selector) {
    color: #17120a !important;
    background: transparent !important;
    background-image: none !important;
    border-color: #e1b432 !important;
}

html[data-theme="light"] .content .access-initial-panel :is(span, strong, p, label, .access-session-note) {
    color: #17120a !important;
}

.content .access-session-form {
    grid-template-columns: minmax(0, 1fr) !important;
}

.content .access-session-form > .btn-primary {
    justify-self: start;
    color: #ffffff !important;
    background: #159957 !important;
    border-color: #159957 !important;
}

@media (max-width: 620px) {
    .content .delivery-event-form .btn,
    .content .access-session-form > .btn-primary {
        width: 100%;
    }
}

/* =========================================================
   EVENTOS SELECIONADOS E SELETORES DE EVENTO — 14/08/2026
========================================================= */

/* Blocos usados para localizar/selecionar um evento. */
html[data-theme="light"] .content :is(
    .event-selection-panel,
    .event-selection-panel .event-selection-inner,
    .layout-event-filter-panel,
    .layout-event-filter-panel > .panel-box-header,
    .layout-event-filter-panel > .panel-box-body,
    .event-company-filter-panel,
    .event-company-filter-panel > .panel-box-header,
    .event-company-filter-panel > .panel-box-body,
    .access-config-selector,
    .cpe-filter-panel
) {
    color: #211d0d !important;
    background: #fff5bf !important;
    background-image: none !important;
    border-color: #e4c85d !important;
    box-shadow: none !important;
}

html[data-theme="light"] .content :is(
    .event-selection-panel,
    .layout-event-filter-panel,
    .event-company-filter-panel,
    .access-config-selector,
    .cpe-filter-panel
) :is(h2, h3, p, span, strong, small, label) {
    color: #211d0d !important;
}

html[data-theme="light"] .content :is(
    .event-selection-panel,
    .layout-event-filter-panel,
    .event-company-filter-panel,
    .access-config-selector,
    .cpe-filter-panel
) :is(input, select) {
    color: #17283d !important;
    background: #fffdf5 !important;
    border-color: #d9bd4f !important;
}

/* Resumos que informam qual evento está congelado/selecionado. */
html[data-theme="light"] .content :is(
    .event-selected-summary,
    .layout-editor-event-note,
    .selected-event-card,
    .access-config-event,
    .delivery-event-selector.is-frozen,
    .distribution-event-card,
    .participant-event-column,
    .participant-overview-compact,
    .rtc-event-summary
) {
    color: #10263c !important;
    background: #48fdff !important;
    background-image: none !important;
    border-color: #20cbd0 !important;
    box-shadow: 0 9px 24px rgba(32, 203, 208, .13) !important;
}

html[data-theme="light"] .content :is(
    .event-selected-summary,
    .layout-editor-event-note,
    .selected-event-card,
    .access-config-event,
    .delivery-event-selector.is-frozen,
    .distribution-event-card,
    .participant-event-column,
    .participant-overview-compact,
    .rtc-event-summary
) :is(h2, h3, p, span, strong, small) {
    color: #10263c !important;
}

html[data-theme="light"] .content .event-selected-summary > div {
    background: transparent !important;
    border-color: rgba(16, 38, 60, .18) !important;
}