/* Tema Black compartilhado pelos Dashboards Meta e Google. A paleta acompanha o Black do Vendas. */
html[data-vision-theme="black"] {
    color-scheme: dark;
    --vision-black-canvas: #09090a;
    --vision-black-canvas-soft: #0e0e10;
    --vision-black-surface: #151517;
    --vision-black-surface-raised: #1b1b1e;
    --vision-black-surface-muted: #222225;
    --vision-black-line: #343438;
    --vision-black-line-strong: #49494f;
    --vision-black-text: #f4efe8;
    --vision-black-muted: #aaa39a;
    --vision-black-faint: #928b83;
    --vision-black-red: #d35f68;
    --vision-black-red-strong: #b73440;
    --vision-black-red-soft: rgba(211, 95, 104, .14);
    --vision-black-accent-soft: #f09aa0;
    --vision-black-green: #64c58e;
    --vision-black-green-soft: rgba(100, 197, 142, .14);
    --vision-black-amber: #dfad59;
    --vision-black-amber-soft: rgba(223, 173, 89, .14);
    --vision-black-blue: #78a8e8;
    --vision-black-blue-soft: rgba(120, 168, 232, .14);
    --vision-black-summary: #151517;
    --vision-black-summary-card: #1b1b1e;
    --vision-black-summary-border: #343438;
    --vision-black-hover: #25171a;
    --vision-black-table-head: #202024;
    --vision-black-shadow: 0 18px 48px rgba(0, 0, 0, .34);
    --bs-body-color: var(--vision-black-text);
    --bs-body-bg: var(--vision-black-canvas);
    --bs-secondary-color: var(--vision-black-muted);
    --bs-secondary-bg: var(--vision-black-surface-muted);
    --bs-tertiary-color: var(--vision-black-muted);
    --bs-tertiary-bg: var(--vision-black-surface-raised);
    --bs-border-color: var(--vision-black-line);
    --bs-emphasis-color: #fff;
    --bs-link-color: #e17a82;
    --bs-link-hover-color: #f09aa0;
    scrollbar-color: #4c4c52 #121214;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)),
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) > main,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) main,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) #main-content,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page {
    color: var(--vision-black-text);
    background-color: var(--vision-black-canvas) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) ::selection {
    color: #fff;
    background: #8f2630;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) :focus-visible {
    outline-color: #de7a82;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) :where(h1, h2, h3, h4, h5, h6, legend, .modal-title, .card-title, .form-label) {
    color: var(--vision-black-text);
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) :where(.text-dark, .text-body, .text-body-emphasis, .link-body-emphasis) {
    color: var(--vision-black-text) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) :where(.text-muted, .text-secondary, .form-text) {
    color: var(--vision-black-muted) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) :where(.bg-white, .bg-light, .bg-body, .bg-body-tertiary) {
    background-color: var(--vision-black-surface) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) :where(.border, .border-top, .border-end, .border-bottom, .border-start),
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) hr {
    border-color: var(--vision-black-line) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) :where(
    .card,
    .card-header,
    .card-footer,
    .modal-content,
    .offcanvas,
    .dropdown-menu,
    .popover,
    .toast,
    .list-group-item,
    .accordion-item,
    .accordion-button,
    .nav-tabs
) {
    border-color: var(--vision-black-line) !important;
    color: var(--vision-black-text);
    background-color: var(--vision-black-surface) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) :where(.card-header, .card-footer, .modal-header, .modal-footer) {
    border-color: var(--vision-black-line) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .modal-backdrop.show {
    opacity: .78;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .modal-content {
    box-shadow: 0 26px 80px rgba(0, 0, 0, .65);
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .btn-close {
    filter: invert(1) grayscale(1) brightness(1.7);
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .dropdown-divider {
    border-color: var(--vision-black-line);
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .dropdown-item {
    color: var(--vision-black-text);
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .dropdown-item:hover,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .dropdown-item:focus,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .dropdown-item.active,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .dropdown-item:active {
    color: #fff !important;
    background: var(--vision-black-red-soft) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .accordion-button:not(.collapsed),
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .nav-tabs .nav-link.active,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .nav-pills .nav-link.active {
    border-color: var(--vision-black-red-strong) !important;
    color: #fff !important;
    background: var(--vision-black-red-strong) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .accordion-button::after {
    filter: invert(1) grayscale(1) brightness(1.8);
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .nav-tabs .nav-link:not(.active),
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .nav-pills .nav-link:not(.active) {
    color: var(--vision-black-muted);
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .pagination {
    --bs-pagination-color: var(--vision-black-text);
    --bs-pagination-bg: var(--vision-black-surface);
    --bs-pagination-border-color: var(--vision-black-line);
    --bs-pagination-hover-color: #fff;
    --bs-pagination-hover-bg: var(--vision-black-red-soft);
    --bs-pagination-hover-border-color: rgba(211, 95, 104, .5);
    --bs-pagination-disabled-color: var(--vision-black-faint);
    --bs-pagination-disabled-bg: var(--vision-black-surface);
    --bs-pagination-disabled-border-color: var(--vision-black-line);
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) :where(
    .form-control,
    .form-select,
    .input-group-text,
    input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
    select,
    textarea
) {
    border-color: var(--vision-black-line) !important;
    color: var(--vision-black-text) !important;
    background-color: var(--vision-black-surface-raised) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) :where(.form-control, .form-select, input, textarea)::placeholder {
    color: #77736e !important;
    opacity: 1;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) :where(.form-control, .form-select, input, select, textarea):focus {
    border-color: #a84b54 !important;
    box-shadow: 0 0 0 .2rem rgba(211, 95, 104, .14) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) :where(.form-control, input, textarea):disabled,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) :where(.form-control, input, textarea)[readonly],
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) select:disabled {
    color: var(--vision-black-faint) !important;
    background-color: #101012 !important;
    opacity: 1;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) option {
    color: var(--vision-black-text);
    background: var(--vision-black-surface-raised);
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .form-check-input {
    border-color: var(--vision-black-line-strong);
    background-color: var(--vision-black-surface-muted);
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .form-check-input:checked {
    border-color: var(--vision-black-red-strong);
    background-color: var(--vision-black-red-strong);
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) :where(.btn-light, .btn-outline-dark, .btn-outline-secondary) {
    border-color: var(--vision-black-line-strong) !important;
    color: var(--vision-black-text) !important;
    background-color: var(--vision-black-surface-raised) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) :where(.btn-light, .btn-outline-dark, .btn-outline-secondary):hover,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) :where(.btn-light, .btn-outline-dark, .btn-outline-secondary):focus-visible {
    border-color: rgba(211, 95, 104, .5) !important;
    color: #fff !important;
    background-color: var(--vision-black-red-soft) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .alert-success {
    border-color: rgba(100, 197, 142, .34) !important;
    color: #9de0b9 !important;
    background: var(--vision-black-green-soft) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .alert-danger {
    border-color: rgba(211, 95, 104, .38) !important;
    color: #f09aa0 !important;
    background: var(--vision-black-red-soft) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) :where(.alert-warning, .alert-info, .alert-secondary, .alert-light) {
    border-color: rgba(223, 173, 89, .32) !important;
    color: #efd093 !important;
    background: var(--vision-black-amber-soft) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .table {
    --bs-table-color: var(--vision-black-text);
    --bs-table-bg: var(--vision-black-surface);
    --bs-table-border-color: var(--vision-black-line);
    --bs-table-striped-color: var(--vision-black-text);
    --bs-table-striped-bg: #19191c;
    --bs-table-hover-color: #fff;
    --bs-table-hover-bg: var(--vision-black-hover);
    color: var(--vision-black-text);
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) :where(table, th, td, .sticky-col) {
    border-color: var(--vision-black-line) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) :where(.table-responsive, .table-scroll, .scroll-wrapper, .tabela-container) {
    border-color: var(--vision-black-line) !important;
    scrollbar-color: #4c4c52 #121214;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) table :where(thead th, tfoot td) {
    color: var(--vision-black-text) !important;
    background-color: var(--vision-black-table-head) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) table :where(tbody td, tbody th, .sticky-col) {
    color: var(--vision-black-text);
    background-color: var(--vision-black-surface);
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) table tbody tr:hover > :where(td, th, .sticky-col) {
    color: var(--vision-black-text) !important;
    background-color: var(--vision-black-hover) !important;
    --bs-table-bg: var(--vision-black-hover) !important;
    --bs-table-accent-bg: transparent !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .loading-overlay {
    background: rgba(4, 4, 5, .82) !important;
}

/* Estrutura principal, filtros, abas e ferramentas. */
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page {
    background-image: none !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .dashboard-active-name {
    color: var(--vision-black-accent-soft) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page :where(
    #filtroForm,
    #myTabContent,
    .camp-edit-tools,
    .camp-name-popup,
    .camp-budget-popup,
    .meta-sync-card,
    .dashboard-account-card,
    .dashboard-campaign-card,
    .dashboard-card-adset,
    .dashboard-card-ad,
    .dashboard-card-ads,
    .dashboard-level-grid,
    .dashboard-cards-empty,
    .dashboard-cards-untracked,
    .dashboard-mobile-settings-menu,
    .dashboard-view-switch,
    .dashboard-column-layouts-toggle,
    .dashboard-entity-visibility-toggle
) {
    border-color: var(--vision-black-line) !important;
    color: var(--vision-black-text) !important;
    background: var(--vision-black-surface) !important;
    box-shadow: var(--vision-black-shadow);
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page :where(
    .dashboard-account-card__children,
    .dashboard-campaign-card__children,
    .dashboard-card-adset__main:hover,
    .dashboard-account-card__main:hover,
    .dashboard-campaign-card__main:hover
) {
    background: var(--vision-black-surface-raised) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page :where(
    #filtroForm label,
    .meta-sync-subtitle,
    .camp-toolbar-note,
    .camp-name-popup-label,
    .camp-helper-pop .desc,
    .dashboard-refresh-label,
    .dashboard-daily-details-period label
) {
    color: var(--vision-black-muted) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page #myTab {
    border-color: var(--vision-black-line) !important;
    background: var(--vision-black-surface) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page #myTab .nav-link {
    border-color: transparent !important;
    color: var(--vision-black-muted) !important;
    background: transparent !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page #myTab .nav-link:hover,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page #myTab .nav-link:focus-visible,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page #myTab .nav-link.active {
    border-color: var(--vision-black-red-strong) !important;
    color: #fff !important;
    background: var(--vision-black-red-strong) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page #myTab .nav-link .badge {
    color: var(--vision-black-muted) !important;
    background: var(--vision-black-surface-muted) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page #myTab .nav-link small {
    color: var(--vision-black-accent-soft) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page #myTab .nav-link:hover .badge,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page #myTab .nav-link:focus-visible .badge,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page #myTab .nav-link.active .badge {
    color: #fff !important;
    background: rgba(0, 0, 0, .22) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page #myTab .nav-link:hover small,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page #myTab .nav-link:focus-visible small,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page #myTab .nav-link.active small {
    color: #fff !important;
}

/* Tabelas, colunas fixas e rodape. */
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page :where(.table-sortable thead th, #tbl-campanhas thead th) {
    border-color: var(--vision-black-line) !important;
    border-right-color: var(--vision-black-line) !important;
    border-bottom-color: var(--vision-black-line) !important;
    color: var(--vision-black-text) !important;
    background: var(--vision-black-table-head) !important;
    box-shadow: none !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page :where(.table-sortable tbody td, .table-sortable tbody .sticky-col, #tbl-campanhas tbody tr) {
    border-color: var(--vision-black-line) !important;
    border-right-color: var(--vision-black-line) !important;
    border-bottom-color: var(--vision-black-line) !important;
    color: var(--vision-black-text) !important;
    background: var(--vision-black-surface) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page :where(#tbl-contas, #tbl-campanhas, #tbl-conjuntos, #tbl-anuncios) tbody tr:hover > td,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page :where(#tbl-contas, #tbl-campanhas, #tbl-conjuntos, #tbl-anuncios) tbody tr:hover > .sticky-col {
    color: var(--vision-black-text) !important;
    background: var(--vision-black-hover) !important;
    --bs-table-bg: var(--vision-black-hover) !important;
    --bs-table-accent-bg: transparent !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .table-sortable tbody .sticky-col {
    box-shadow: inset -1px 0 0 var(--vision-black-line) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .table-sortable tfoot :where(td, .sticky-col) {
    border-color: var(--vision-black-line) !important;
    color: var(--vision-black-text) !important;
    background: var(--vision-black-surface-muted) !important;
    box-shadow: 0 -1px 0 var(--vision-black-line) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .table-sortable td.dashboard-roi--positive {
    color: #9de0b9 !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .table-sortable td.dashboard-roi--negative {
    color: #f09aa0 !important;
}

/* Estados de carregamento e detalhamento repetem a especificidade do CSS claro. */
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .table-sortable tbody tr.dashboard-hourly-detail-row td,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .table-sortable tbody tr.dashboard-hourly-detail-row .sticky-col,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .table-sortable tbody tr.dashboard-hourly-detail-row:hover td,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .table-sortable tbody tr.dashboard-hourly-detail-row:hover .sticky-col,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .table-sortable tbody tr.dashboard-daily-detail-row td,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .table-sortable tbody tr.dashboard-daily-detail-row .sticky-col,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .table-sortable tbody tr.dashboard-daily-detail-row:hover td,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .table-sortable tbody tr.dashboard-daily-detail-row:hover .sticky-col {
    border-color: var(--vision-black-line) !important;
    color: var(--vision-black-text) !important;
    background: var(--vision-black-surface-raised) !important;
    --bs-table-bg: var(--vision-black-surface-raised) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .table-sortable tbody tr.dashboard-adset-cycle-detail-row.is-current td,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .table-sortable tbody tr.dashboard-adset-cycle-detail-row.is-current .sticky-col,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .table-sortable tbody tr.dashboard-adset-cycle-detail-row.is-current:hover td,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .table-sortable tbody tr.dashboard-adset-cycle-detail-row.is-current:hover .sticky-col {
    border-color: rgba(100, 197, 142, .4) !important;
    color: var(--vision-black-text) !important;
    background: var(--vision-black-green-soft) !important;
    --bs-table-bg: var(--vision-black-green-soft) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .table-sortable tbody tr.dashboard-hourly-detail-row--loading td,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .table-sortable tbody tr.dashboard-hourly-detail-row--loading .sticky-col,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .table-sortable tbody tr.dashboard-hourly-detail-row--loading:hover td,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .table-sortable tbody tr.dashboard-hourly-detail-row--loading:hover .sticky-col,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .table-sortable tbody tr.dashboard-daily-detail-row--loading td,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .table-sortable tbody tr.dashboard-daily-detail-row--loading .sticky-col,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .table-sortable tbody tr.dashboard-daily-detail-row--loading:hover td,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .table-sortable tbody tr.dashboard-daily-detail-row--loading:hover .sticky-col {
    border-color: rgba(223, 173, 89, .4) !important;
    color: #efd093 !important;
    background: var(--vision-black-amber-soft) !important;
    --bs-table-bg: var(--vision-black-amber-soft) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .table-sortable tbody tr.dashboard-hourly-detail-row--error td,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .table-sortable tbody tr.dashboard-hourly-detail-row--error .sticky-col,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .table-sortable tbody tr.dashboard-hourly-detail-row--error:hover td,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .table-sortable tbody tr.dashboard-hourly-detail-row--error:hover .sticky-col,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .table-sortable tbody tr.dashboard-daily-detail-row--error td,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .table-sortable tbody tr.dashboard-daily-detail-row--error .sticky-col,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .table-sortable tbody tr.dashboard-daily-detail-row--error:hover td,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .table-sortable tbody tr.dashboard-daily-detail-row--error:hover .sticky-col {
    border-color: rgba(211, 95, 104, .45) !important;
    color: #f09aa0 !important;
    background: var(--vision-black-red-soft) !important;
    --bs-table-bg: var(--vision-black-red-soft) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page :where(.dashboard-hourly-loading, .dashboard-hourly-time) {
    border-color: var(--vision-black-line) !important;
    color: var(--vision-black-text) !important;
    background: var(--vision-black-surface-raised) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page :where(.dashboard-cycle-time, .dashboard-hourly-time__date, .dashboard-cycle-time__content small) {
    color: var(--vision-black-muted) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .dashboard-hourly-time__hour {
    color: var(--vision-black-accent-soft) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .dashboard-cycle-time.is-current {
    color: #9de0b9 !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .dashboard-hourly-time i {
    color: var(--vision-black-accent-soft) !important;
}

/* Cores manuais das linhas de conjuntos preservam significado no escuro. */
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page #tbl-conjuntos tbody tr.dashboard-adset-color--none > :where(td, .sticky-col) {
    border-color: var(--vision-black-line) !important;
    background: var(--vision-black-surface) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page #tbl-conjuntos tbody tr.dashboard-adset-color--green > :where(td, .sticky-col) {
    border-top-color: rgba(100, 197, 142, .36) !important;
    border-bottom-color: rgba(100, 197, 142, .36) !important;
    background: #13231a !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page #tbl-conjuntos tbody tr.dashboard-adset-color--yellow > :where(td, .sticky-col) {
    border-top-color: rgba(223, 173, 89, .38) !important;
    border-bottom-color: rgba(223, 173, 89, .38) !important;
    background: #2a2416 !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page #tbl-conjuntos tbody tr.dashboard-adset-color--red > :where(td, .sticky-col) {
    border-top-color: rgba(211, 95, 104, .38) !important;
    border-bottom-color: rgba(211, 95, 104, .38) !important;
    background: #291619 !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page #tbl-conjuntos tbody tr.dashboard-adset-color--none.is-selected > :where(td, .sticky-col) {
    border-top-color: rgba(211, 95, 104, .5) !important;
    border-bottom-color: rgba(211, 95, 104, .5) !important;
    background: var(--vision-black-red-soft) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page #tbl-conjuntos tbody tr.dashboard-adset-color--green.is-selected > :where(td, .sticky-col) {
    border-top-color: rgba(100, 197, 142, .7) !important;
    border-bottom-color: rgba(100, 197, 142, .7) !important;
    background: rgba(100, 197, 142, .22) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page #tbl-conjuntos tbody tr.dashboard-adset-color--yellow.is-selected > :where(td, .sticky-col) {
    border-top-color: rgba(223, 173, 89, .72) !important;
    border-bottom-color: rgba(223, 173, 89, .72) !important;
    background: rgba(223, 173, 89, .22) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page #tbl-conjuntos tbody tr.dashboard-adset-color--red.is-selected > :where(td, .sticky-col) {
    border-top-color: rgba(211, 95, 104, .72) !important;
    border-bottom-color: rgba(211, 95, 104, .72) !important;
    background: rgba(211, 95, 104, .22) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page #tbl-conjuntos tbody tr.dashboard-adset-color--none:hover > td,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page #tbl-conjuntos tbody tr.dashboard-adset-color--none:hover > .sticky-col {
    border-top-color: var(--vision-black-line-strong) !important;
    border-bottom-color: var(--vision-black-line-strong) !important;
    color: var(--vision-black-text) !important;
    background: var(--vision-black-hover) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page #tbl-conjuntos tbody tr.dashboard-adset-color--green:hover > td,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page #tbl-conjuntos tbody tr.dashboard-adset-color--green:hover > .sticky-col {
    border-top-color: rgba(100, 197, 142, .55) !important;
    border-bottom-color: rgba(100, 197, 142, .55) !important;
    color: var(--vision-black-text) !important;
    background: var(--vision-black-green-soft) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page #tbl-conjuntos tbody tr.dashboard-adset-color--yellow:hover > td,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page #tbl-conjuntos tbody tr.dashboard-adset-color--yellow:hover > .sticky-col {
    border-top-color: rgba(223, 173, 89, .58) !important;
    border-bottom-color: rgba(223, 173, 89, .58) !important;
    color: var(--vision-black-text) !important;
    background: var(--vision-black-amber-soft) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page #tbl-conjuntos tbody tr.dashboard-adset-color--red:hover > td,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page #tbl-conjuntos tbody tr.dashboard-adset-color--red:hover > .sticky-col {
    border-top-color: rgba(211, 95, 104, .58) !important;
    border-bottom-color: rgba(211, 95, 104, .58) !important;
    color: var(--vision-black-text) !important;
    background: var(--vision-black-red-soft) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .dashboard-adset-color-swatch--none {
    border-color: var(--vision-black-line-strong) !important;
    background: linear-gradient(135deg, var(--vision-black-surface) 42%, var(--vision-black-muted) 43%, var(--vision-black-muted) 57%, var(--vision-black-surface) 58%) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .dashboard-adset-color-trigger {
    border-color: var(--vision-black-line-strong) !important;
    background: var(--vision-black-surface-raised) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .dashboard-adset-color-trigger:hover,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .dashboard-adset-color-trigger:focus-visible {
    border-color: var(--vision-black-red) !important;
    box-shadow: 0 0 0 .15rem rgba(211, 95, 104, .18) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .dashboard-adset-color-menu .dashboard-adset-color-option.is-selected,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .dashboard-adset-color-menu .dropdown-item:hover {
    color: var(--vision-black-text) !important;
    background: var(--vision-black-red-soft) !important;
}

/* Menus de colunas, layouts, visibilidade e editores inline. */
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page :where(
    .dashboard-entity-visibility-menu,
    .dashboard-column-layouts-menu,
    .dashboard-adset-color-menu,
    .dashboard-column-menu,
    .dashboard-mobile-settings-menu,
    .camp-name-popup,
    .camp-budget-popup
) {
    border-color: var(--vision-black-line) !important;
    color: var(--vision-black-text) !important;
    background: var(--vision-black-surface-raised) !important;
    box-shadow: var(--vision-black-shadow) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .dashboard-top-toolbar {
    border-color: var(--vision-black-line) !important;
    color: var(--vision-black-text) !important;
    background: var(--vision-black-surface-raised) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .dashboard-mobile-selection-summary {
    border-color: rgba(255, 255, 255, .24) !important;
    color: #fff !important;
    background: var(--vision-black-red-strong) !important;
    box-shadow: 0 14px 28px rgba(0, 0, 0, .36) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page :where(
    .dashboard-entity-visibility-menu__header,
    .dashboard-entity-visibility-menu__header strong,
    .dashboard-entity-visibility-item,
    .dashboard-entity-visibility-item span,
    .dashboard-column-layouts-menu__header,
    .dashboard-column-layout-option,
    .dashboard-column-layout-option span,
    .dashboard-column-layout-delete-modal__title,
    .dashboard-history-observations__title
) {
    color: var(--vision-black-text) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .dashboard-entity-visibility-menu__header .btn-link {
    color: var(--vision-black-accent-soft) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .dashboard-entity-visibility-menu__header .btn-link:hover,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .dashboard-entity-visibility-menu__header .btn-link:focus-visible {
    color: #fff !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page :where(
    .dashboard-entity-visibility-empty,
    .dashboard-card-ads-empty,
    .dashboard-history-empty
) {
    color: var(--vision-black-muted) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .dashboard-entity-visibility-item:hover,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .dashboard-entity-visibility-item:focus-within,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .dashboard-column-layout-option:hover,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .dashboard-column-layout-option:focus,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .dashboard-column-layout-option.is-active,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .dashboard-column-item.is-dragging {
    color: #fff !important;
    background: var(--vision-black-red-soft) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .dashboard-column-layout-actions .btn {
    color: var(--vision-black-muted) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .dashboard-column-layout-actions .btn:hover,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .dashboard-column-layout-actions .btn:focus-visible {
    color: var(--vision-black-accent-soft) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .dashboard-column-layouts-create {
    border-color: var(--vision-black-line) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .dashboard-column-layout-delete-modal .modal-body,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .dashboard-column-layout-delete-modal__title {
    color: var(--vision-black-text) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .dashboard-column-layout-delete-modal__icon {
    color: var(--vision-black-accent-soft) !important;
    background: var(--vision-black-red-soft) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page :where(
    .dashboard-status-filter .form-select,
    .dashboard-cards-filter input,
    .dashboard-cards-filter select,
    .camp-budget-field,
    .camp-name-popup-input,
    .camp-cell-editing
) {
    border-color: var(--vision-black-line) !important;
    color: var(--vision-black-text) !important;
    background: var(--vision-black-surface-raised) !important;
    background-color: var(--vision-black-surface-raised) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page :where(
    .camp-name-display,
    .adset-name-display,
    .ad-name-display,
    .camp-budget-display,
    .meta-sync-title
) {
    color: var(--vision-black-text) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page :where(
    .camp-name-display,
    .adset-name-display,
    .ad-name-display
):hover {
    color: var(--vision-black-accent-soft) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page :where(
    .camp-duplicate-id,
    .dashboard-column-drag
) {
    color: var(--vision-black-muted) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .camp-helper-pop {
    border-color: var(--vision-black-line) !important;
    color: var(--vision-black-text) !important;
    background: var(--vision-black-surface-muted) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .camp-helper-pop .title {
    color: var(--vision-black-text) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page :where(
    .camp-budget-edit-trigger,
    .camp-bidcap-edit-trigger,
    .camp-name-edit-btn,
    .camp-budget-edit-btn,
    .dashboard-card-history
):hover,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page :where(
    .camp-budget-edit-trigger,
    .camp-bidcap-edit-trigger,
    .camp-name-edit-btn,
    .camp-budget-edit-btn,
    .dashboard-card-history
):focus-visible {
    border-color: var(--vision-black-red) !important;
    color: #fff !important;
    background: var(--vision-black-red-soft) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page tbody tr:hover .camp-name-edit-btn,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page tbody tr:hover .camp-budget-edit-btn,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page tbody tr:hover .camp-budget-edit-btn.is-disabled,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .camp-budget-edit-btn.is-disabled:hover {
    border-color: var(--vision-black-line) !important;
    color: var(--vision-black-muted) !important;
    background: var(--vision-black-surface-raised) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page :where(
    .dashboard-status-filter__icon,
    .dashboard-cards-filter > i
) {
    color: var(--vision-black-accent-soft) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .dashboard-cards-filter--status::after,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .dashboard-cards-filter--sort::after {
    border-color: var(--vision-black-muted) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page :where(
    .dashboard-card-toggle,
    .camp-toggle-slider
) {
    border-color: var(--vision-black-line-strong) !important;
    background: var(--vision-black-surface-muted) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .dashboard-card-toggle.is-active,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .camp-toggle input:checked + .camp-toggle-slider {
    border-color: var(--vision-black-red-strong) !important;
    background: var(--vision-black-red-strong) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .camp-toggle input:focus-visible + .camp-toggle-slider {
    box-shadow: 0 0 0 3px rgba(211, 95, 104, .22) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .camp-toggle-label.is-active {
    color: #9de0b9 !important;
    background: var(--vision-black-green-soft) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .camp-inline-chip,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .meta-sync-badge {
    border-color: var(--vision-black-line-strong) !important;
    color: var(--vision-black-accent-soft) !important;
    background: var(--vision-black-red-soft) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .dashboard-history-button {
    border-color: var(--vision-black-line-strong) !important;
    color: var(--vision-black-muted) !important;
    background: var(--vision-black-surface-raised) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .dashboard-history-button:hover,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .dashboard-history-button:focus-visible,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .dashboard-history-button.has-history {
    border-color: var(--vision-black-red) !important;
    color: var(--vision-black-accent-soft) !important;
    background: var(--vision-black-red-soft) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .meta-sync-badge.is-live {
    color: #9de0b9 !important;
    background: var(--vision-black-green-soft) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .meta-sync-badge.is-refresh {
    color: #efd093 !important;
    background: var(--vision-black-amber-soft) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .meta-sync-badge.is-cache {
    color: #b7d2f5 !important;
    background: var(--vision-black-blue-soft) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page :where(
    .dashboard-cards-refresh,
    .dashboard-page-refresh-button,
    .dashboard-selected-filter-button.is-active
) {
    border-color: var(--vision-black-red-strong) !important;
    color: #fff !important;
    background: var(--vision-black-red-strong) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page :where(
    .dashboard-cards-refresh,
    .dashboard-page-refresh-button,
    .dashboard-selected-filter-button.is-active
):hover,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page :where(
    .dashboard-cards-refresh,
    .dashboard-page-refresh-button,
    .dashboard-selected-filter-button.is-active
):focus-visible {
    border-color: var(--vision-black-red) !important;
    background: var(--vision-black-red) !important;
}

/* Visual em cards. */
html[data-vision-theme="black"].dashboard-cards-active:has(body:is(.vision-page-dashboard, :has(.vision-dashboard-page))),
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)).dashboard-cards-active,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)).dashboard-cards-active main,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)).dashboard-cards-active #main-content,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page.dashboard-view-mode--cards {
    background: var(--vision-black-canvas) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .dashboard-cards-view {
    color: var(--vision-black-text) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .dashboard-view-switch__option {
    color: var(--vision-black-muted) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .dashboard-view-switch__option:hover,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .dashboard-view-switch__option:focus-visible,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .dashboard-view-switch__option.is-active {
    color: #fff !important;
    background: var(--vision-black-red-strong) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .dashboard-cards-untracked {
    border-color: rgba(223, 173, 89, .45) !important;
    color: #efd093 !important;
    background: var(--vision-black-amber-soft) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .dashboard-cards-updated,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .dashboard-card-ad__compact-row--secondary {
    color: var(--vision-black-muted) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .dashboard-cards-levels button {
    border-color: var(--vision-black-line) !important;
    color: var(--vision-black-text) !important;
    background: var(--vision-black-surface-raised) !important;
    box-shadow: none !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .dashboard-cards-levels button:hover,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .dashboard-cards-levels button:focus-visible,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .dashboard-cards-levels button.is-active {
    border-color: var(--vision-black-red-strong) !important;
    color: #fff !important;
    background: var(--vision-black-red-strong) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .dashboard-cards-summary {
    border-color: var(--vision-black-summary-border) !important;
    color: #fff !important;
    background: var(--vision-black-summary) !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .2) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .dashboard-cards-summary__item {
    border-color: rgba(255, 255, 255, .1) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .dashboard-cards-summary__item :where(span, strong) {
    color: #fff !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .dashboard-cards-summary__item small {
    color: var(--vision-black-muted) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .dashboard-cards-summary__item[data-state="success"] strong {
    color: #9de0b9 !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .dashboard-cards-summary__item[data-state="warning"] strong {
    color: #efd093 !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .dashboard-cards-summary__item[data-state="danger"] strong {
    color: #f09aa0 !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page :where(
    .dashboard-account-card,
    .dashboard-campaign-card,
    .dashboard-card-adset,
    .dashboard-card-ads .dashboard-card-ad,
    .dashboard-cards-empty
) {
    border-color: var(--vision-black-line) !important;
    color: var(--vision-black-text) !important;
    background: var(--vision-black-surface) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .24) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page :where(
    .dashboard-account-card__main:hover,
    .dashboard-campaign-card__main:hover,
    .dashboard-card-adset__main:hover
) {
    background: var(--vision-black-hover) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page :where(
    .dashboard-account-card__children,
    .dashboard-campaign-card__children,
    .dashboard-level-grid,
    .dashboard-card-ads
) {
    border-color: var(--vision-black-line) !important;
    color: var(--vision-black-text) !important;
    background: var(--vision-black-canvas-soft) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .dashboard-card-ads .dashboard-card-ad {
    background: var(--vision-black-surface-raised) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page :where(
    .dashboard-campaign-card__identity strong,
    .dashboard-campaign-card__values b,
    .dashboard-campaign-card__bars b,
    .dashboard-card-metric b,
    .dashboard-campaign-card__children strong,
    .dashboard-campaign-card__children b,
    .dashboard-campaign-card__mobile-name,
    .dashboard-card-ad__name
) {
    color: var(--vision-black-text) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page :where(
    .dashboard-campaign-card__identity span,
    .dashboard-campaign-card__children-heading strong,
    .dashboard-campaign-card__children-heading-mobile,
    .dashboard-card-ads__label
) {
    color: var(--vision-black-accent-soft) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page :where(
    .dashboard-campaign-card__identity small,
    .dashboard-campaign-card__values span,
    .dashboard-campaign-card__bars span,
    .dashboard-card-metric small,
    .dashboard-campaign-card__children-heading span,
    .dashboard-card-adset__meta,
    .dashboard-card-adset__meta > span,
    .dashboard-campaign-card__chevron,
    .dashboard-card-ad__compact-row--secondary,
    .dashboard-card-ads-empty,
    .dashboard-cards-empty
) {
    color: var(--vision-black-muted) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .dashboard-card-ads__label,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .dashboard-campaign-card__metrics {
    border-color: var(--vision-black-line) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .dashboard-card-ad__name:hover,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .dashboard-card-ad__name:focus-visible {
    color: var(--vision-black-accent-soft) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .dashboard-card-rejected {
    color: var(--vision-black-accent-soft) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .dashboard-card-color:not(.is-green):not(.is-yellow):not(.is-red) {
    border-color: var(--vision-black-line-strong) !important;
    background: var(--vision-black-surface-muted) !important;
    box-shadow: 0 0 0 2px var(--vision-black-surface), 0 1px 3px rgba(0, 0, 0, .4) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page :where(.dashboard-campaign-card__bars, .dashboard-card-bars) > i {
    background: var(--vision-black-surface-muted) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page :where(.dashboard-campaign-card__bars, .dashboard-card-bars) > i > span {
    background: var(--vision-black-muted) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page :where(.dashboard-campaign-card__bars, .dashboard-card-bars) > i.is-revenue > span {
    background: var(--vision-black-red-strong) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page :where(.dashboard-campaign-card__bars, .dashboard-card-bars) > i.is-revenue > span.is-success {
    background: var(--vision-black-green) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page :where(.dashboard-campaign-card__bars, .dashboard-card-bars) > i.is-revenue > span.is-warning {
    background: var(--vision-black-amber) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page :where(.dashboard-campaign-card__bars, .dashboard-card-bars) > i.is-revenue > span.is-danger {
    background: var(--vision-black-red) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .is-success {
    color: #9de0b9 !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .is-warning {
    color: #efd093 !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .is-danger {
    color: #f09aa0 !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .is-neutral {
    color: var(--vision-black-muted) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page :where(.dashboard-campaign-card__roi b, .dashboard-card-roi) {
    background: var(--vision-black-surface-raised) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page :where(.dashboard-campaign-card__roi b, .dashboard-card-roi).is-success {
    border-color: rgba(100, 197, 142, .55) !important;
    background: var(--vision-black-green-soft) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page :where(.dashboard-campaign-card__roi b, .dashboard-card-roi).is-warning {
    border-color: rgba(223, 173, 89, .55) !important;
    background: var(--vision-black-amber-soft) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page :where(.dashboard-campaign-card__roi b, .dashboard-card-roi).is-danger {
    border-color: rgba(211, 95, 104, .55) !important;
    background: var(--vision-black-red-soft) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .dashboard-card-history {
    border-color: var(--vision-black-line-strong) !important;
    color: var(--vision-black-accent-soft) !important;
    background: var(--vision-black-surface-raised) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .dashboard-card-history.has-history {
    border-color: var(--vision-black-red) !important;
    color: var(--vision-black-accent-soft) !important;
    background: var(--vision-black-red-soft) !important;
}

/* Historico e observacoes. */
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) :where(
    .dashboard-history-modal,
    .dashboard-history-entry,
    .dashboard-history-related-item,
    .dashboard-history-related-item > summary,
    .dashboard-history-related-item__body,
    .dashboard-history-manual-form,
    .dashboard-history-observation
) {
    border-color: var(--vision-black-line) !important;
    color: var(--vision-black-text) !important;
    background: var(--vision-black-surface) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .dashboard-history-modal {
    box-shadow: 0 22px 58px rgba(0, 0, 0, .6) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) :where(
    .dashboard-history-modal__eyebrow,
    .dashboard-history-related-item__count,
    .dashboard-history-entry__author,
    .dashboard-history-observation__author,
    .dashboard-history-related-item__chevron,
    .dashboard-history-observation-toggle
) {
    color: var(--vision-black-accent-soft) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) :where(
    .dashboard-history-loading,
    .dashboard-history-empty,
    .dashboard-history-related-item__title small,
    .dashboard-history-entry__subject,
    .dashboard-history-entry__meta,
    .dashboard-history-entry__changes,
    .dashboard-history-observation__meta,
    .dashboard-history-observation small
) {
    color: var(--vision-black-muted) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .dashboard-history-entry__subject > i {
    color: var(--vision-black-accent-soft) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .dashboard-history-empty > i {
    color: var(--vision-black-accent-soft) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .dashboard-history-empty.is-error > i {
    color: #f09aa0 !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .dashboard-history-scope__tabs {
    border-color: var(--vision-black-line) !important;
    background: var(--vision-black-surface-muted) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .dashboard-history-scope__tabs > button {
    color: var(--vision-black-text) !important;
    background: transparent !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .dashboard-history-scope__tabs > button > span {
    color: var(--vision-black-muted) !important;
    background: var(--vision-black-surface) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .dashboard-history-scope__tabs > button:hover,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .dashboard-history-scope__tabs > button:focus-visible,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .dashboard-history-scope__tabs > button.is-active {
    border-color: var(--vision-black-red-strong) !important;
    color: #fff !important;
    background: var(--vision-black-red-strong) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .dashboard-history-scope__tabs > button.is-active > span {
    color: #fff !important;
    background: rgba(0, 0, 0, .22) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .dashboard-history-related-item[open] > summary,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .dashboard-history-entry.is-manual {
    border-color: rgba(211, 95, 104, .38) !important;
    background: var(--vision-black-red-soft) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .dashboard-history-related-item__icon {
    color: var(--vision-black-accent-soft) !important;
    background: var(--vision-black-red-soft) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) :where(
    .dashboard-history-related-item__title strong,
    .dashboard-history-entry__action,
    .dashboard-history-manual-form .form-label,
    .dashboard-history-observations__title,
    .dashboard-history-observation p,
    .dashboard-history-observation__content p
) {
    color: var(--vision-black-text) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .dashboard-history-entry {
    border-left-color: var(--vision-black-green) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .dashboard-history-entry--failed,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .dashboard-history-entry__error {
    border-color: rgba(211, 95, 104, .45) !important;
    border-left-color: var(--vision-black-red) !important;
    color: var(--vision-black-text) !important;
    background: var(--vision-black-red-soft) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .dashboard-history-entry__error :where(strong, p, small, span),
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .dashboard-history-entry__error-title {
    color: #f09aa0 !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .dashboard-history-entry__top > span,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .dashboard-history-entry__status.is-success {
    color: #9de0b9 !important;
    background: var(--vision-black-green-soft) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .dashboard-history-entry--failed .dashboard-history-entry__top > span,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) :where(.dashboard-history-entry__status.is-error, .dashboard-history-entry__status.is-failed) {
    color: #f09aa0 !important;
    background: var(--vision-black-red-soft) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .dashboard-history-avatar {
    border-color: var(--vision-black-surface) !important;
    box-shadow: 0 0 0 1px var(--vision-black-line-strong) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) :where(
    .dashboard-history-observations,
    .dashboard-history-observation,
    .dashboard-history-entry,
    .dashboard-history-related-item,
    .dashboard-history-related-item__body
) {
    border-color: var(--vision-black-line) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) :where(
    .dashboard-history-observation-form textarea,
    .dashboard-history-manual-form textarea
) {
    border-color: var(--vision-black-line) !important;
    color: var(--vision-black-text) !important;
    background: var(--vision-black-surface-raised) !important;
}

/* Alertas da Meta e estados auxiliares. */
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .meta-connection-alert {
    border-color: rgba(223, 173, 89, .45) !important;
    color: #efd093 !important;
    background: var(--vision-black-amber-soft) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .meta-connection-alert :where(
    .meta-connection-alert__eyebrow,
    .meta-connection-alert__title,
    .meta-connection-alert__message,
    .meta-connection-alert__meta,
    .meta-connection-alert__detail,
    .meta-connection-alert__detail summary,
    strong,
    p,
    small
) {
    color: inherit !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .meta-connection-alert :where(
    .meta-connection-alert__icon,
    .meta-connection-alert__pill
) {
    border-color: rgba(223, 173, 89, .4) !important;
    color: #efd093 !important;
    background: rgba(223, 173, 89, .12) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .meta-connection-alert__detail-text {
    color: #efd093 !important;
    background: rgba(223, 173, 89, .1) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .untracked-sales-card {
    border-color: rgba(223, 173, 89, .4) !important;
    color: #efd093 !important;
    background: var(--vision-black-amber-soft) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .untracked-sales-card__icon {
    border-color: rgba(223, 173, 89, .45) !important;
    color: #efd093 !important;
    background: rgba(223, 173, 89, .12) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .dashboard-roi-trend.is-loading,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .dashboard-roi-trend.is-empty {
    color: var(--vision-black-muted) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .dashboard-roi-trend.is-positive {
    color: #9de0b9 !important;
    background: var(--vision-black-green-soft) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .dashboard-roi-trend.is-negative {
    color: #f09aa0 !important;
    background: var(--vision-black-red-soft) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .dashboard-column-tooltip {
    border: 1px solid var(--vision-black-line) !important;
    color: var(--vision-black-text) !important;
    background: var(--vision-black-surface-muted) !important;
    box-shadow: 0 12px 24px rgba(0, 0, 0, .42) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page :where(
    .dashboard-meta-rejection-chip,
    .dashboard-meta-failure-chip,
    .dashboard-delivery-alert
) {
    border-color: rgba(211, 95, 104, .6) !important;
    color: #fff !important;
    background: var(--vision-black-red-strong) !important;
}

/* Rolagem conserva somente a rolagem prevista pela tela e usa a paleta Black. */
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .table-scroll::-webkit-scrollbar-track {
    background: var(--vision-black-canvas-soft) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .table-scroll::-webkit-scrollbar-thumb {
    border-color: var(--vision-black-canvas-soft) !important;
    background: var(--vision-black-line-strong) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page .table-scroll::-webkit-scrollbar-thumb:hover {
    background: var(--vision-black-muted) !important;
}

/* Menu suspenso segue exatamente a identidade usada no Black do Vendas. */
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-fab-menu .vision-menu-list {
    border-color: transparent !important;
    background: var(--vermelho) !important;
    box-shadow: 0 16px 44px rgba(185, 23, 16, .34) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-fab-menu .vision-sub {
    border-color: transparent !important;
    background: rgba(0, 0, 0, .16) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-fab-menu .vision-dash {
    border-color: rgba(255, 255, 255, .08) !important;
    background: transparent !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-fab-menu .vision-dash.active {
    background: rgba(255, 255, 255, .08) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-fab-menu :where(.vision-mi, .vision-funil) {
    color: #fff !important;
    background: transparent !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-fab-menu :where(.vision-mi, .vision-funil):hover,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-fab-menu :where(.vision-mi, .vision-funil):focus-visible {
    color: #fff !important;
    background: rgba(255, 255, 255, .10) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-fab-menu :where(.vision-mi, .vision-funil).active {
    color: #fff !important;
    background: rgba(255, 255, 255, .18) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-fab-menu :where(.vision-dash-name, .vision-secondary) {
    color: rgba(255, 255, 255, .94) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-fab-menu .vision-dash-action {
    border-color: transparent !important;
    color: rgba(255, 255, 255, .9) !important;
    background: rgba(255, 255, 255, .10) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-fab-menu .vision-dash-action:hover,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-fab-menu .vision-dash-action:focus-visible {
    color: #fff !important;
    background: rgba(255, 255, 255, .18) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-fab-menu .vision-dash-action.active {
    border-color: rgba(255, 255, 255, .2) !important;
    color: #fff !important;
    background: rgba(0, 0, 0, .2) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-fab-menu :where(.vision-menu-toggle, .vision-menu-favorite) {
    border-color: rgba(211, 95, 104, .42) !important;
    color: var(--vision-black-accent-soft) !important;
    background: var(--vision-black-surface-raised) !important;
}

html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-fab-menu :where(.vision-menu-toggle, .vision-menu-favorite):hover,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-fab-menu :where(.vision-menu-toggle, .vision-menu-favorite):focus-visible,
html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-fab-menu .vision-menu-favorite.active {
    border-color: var(--vision-black-red-strong) !important;
    color: #fff !important;
    background: var(--vision-black-red-strong) !important;
}

@media print {
    html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)),
    html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) main,
    html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) #main-content,
    html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page,
    html[data-vision-theme="black"] body:is(.vision-page-dashboard, :has(.vision-dashboard-page)) .vision-dashboard-page :where(.card, .table, th, td, .sticky-col, .dashboard-cards-summary) {
        border-color: #d1d5db !important;
        color: #111827 !important;
        background: #fff !important;
        box-shadow: none !important;
    }
}