/* Keep portal-specific components aligned with the selected WebCore stylesheets. */
.actions button, .btn { background-color: var(--Darkest-theme-color); }
.btn.secondary { background-color: var(--theme-button); color: var(--theme-text-color); }
.dark body, .dark #mainContent { color: var(--theme-text-color); }
.dark .card, .dark .field, .dark .detail-table-wrap,
.dark .tabulator, .dark .tabulator .tabulator-row, .dark .tabulator .tabulator-footer,
.dark .tabulator .tabulator-header, .dark .tabulator .tabulator-header .tabulator-col,
.dark .tabulator .tabulator-page, .dark .detail-modal-body, .dark .swal2-popup {
    background-color: var(--theme-Settings-background);
    color: var(--theme-text-color);
    border-color: var(--theme-border);
}
.dark .tabulator .tabulator-row.tabulator-selectable:hover,
.dark .tabulator .tabulator-row.tabulator-selected {
    background-color: var(--Darkest-theme-color);
    color: white;
}
.dark .field label, .dark .list .when, .dark .empty, .dark .comment-date,
.dark .expanded-view-controls label, .dark .link-list a { color: var(--theme-text-color); }
.dark .table-lite th { background-color: var(--Darkest-theme-color); color: white; }
.dark .actions input, .dark .actions select,
.dark .expanded-view-controls input, .dark .expanded-view-controls select {
    background-color: var(--theme-button);
    color: var(--theme-text-color);
    border-color: var(--theme-border);
}
.dark .detail-modal-popup { background-color: var(--theme-Settings-background) !important; }
.dark .detail-modal-title, .dark .detail-modal-close { color: var(--theme-text-color) !important; }