/* Dark theme — remaining white surfaces (forms, reports, modals, wizard embeds) */

html[data-bs-theme="dark"] .form-control,
html[data-theme="dark"] .form-control,
html[data-bs-theme="dark"] .form-select,
html[data-theme="dark"] .form-select,
html[data-bs-theme="dark"] .form-control-lg,
html[data-theme="dark"] .form-control-lg,
html[data-bs-theme="dark"] textarea.form-control,
html[data-theme="dark"] textarea.form-control,
html[data-bs-theme="dark"] input.form-control,
html[data-theme="dark"] input.form-control,
html[data-bs-theme="dark"] select.form-select,
html[data-theme="dark"] select.form-select {
    background-color: var(--color-surface-2) !important;
    border-color: var(--color-border) !important;
    color: var(--color-text) !important;
    box-shadow: none;
}

html[data-bs-theme="dark"] .form-control::placeholder,
html[data-theme="dark"] .form-control::placeholder,
html[data-bs-theme="dark"] textarea.form-control::placeholder,
html[data-theme="dark"] textarea.form-control::placeholder {
    color: var(--color-text-muted) !important;
    opacity: 0.85;
}

html[data-bs-theme="dark"] .form-control:focus,
html[data-theme="dark"] .form-control:focus,
html[data-bs-theme="dark"] .form-select:focus,
html[data-theme="dark"] .form-select:focus {
    background-color: var(--color-surface-2) !important;
    border-color: var(--primary) !important;
    color: var(--color-text) !important;
    box-shadow: 0 0 0 0.2rem rgba(37, 99, 235, 0.25) !important;
}

html[data-bs-theme="dark"] .input-group-text,
html[data-theme="dark"] .input-group-text,
html[data-bs-theme="dark"] .bg-white,
html[data-theme="dark"] .bg-white {
    background-color: var(--color-surface-2) !important;
    border-color: var(--color-border) !important;
    color: var(--color-text) !important;
}

html[data-bs-theme="dark"] .form-label,
html[data-theme="dark"] .form-label {
    color: var(--color-text);
}

html[data-bs-theme="dark"] .table,
html[data-theme="dark"] .table {
    --bs-table-bg: transparent;
    --bs-table-color: var(--color-text);
    --bs-table-border-color: var(--color-border);
    --bs-table-striped-bg: rgba(255, 255, 255, 0.03);
    --bs-table-hover-bg: var(--color-hover-row);
    color: var(--color-text);
}

html[data-bs-theme="dark"] .list-group-item,
html[data-theme="dark"] .list-group-item {
    background-color: var(--color-surface) !important;
    border-color: var(--color-border) !important;
    color: var(--color-text) !important;
}

html[data-bs-theme="dark"] .card,
html[data-theme="dark"] .card,
html[data-bs-theme="dark"] .card-footer,
html[data-theme="dark"] .card-footer,
html[data-bs-theme="dark"] .card-header,
html[data-theme="dark"] .card-header {
    background-color: var(--color-surface) !important;
    border-color: var(--color-border) !important;
    color: var(--color-text) !important;
}

html[data-bs-theme="dark"] .alert-warning,
html[data-theme="dark"] .alert-warning {
    background-color: rgba(217, 119, 6, 0.18) !important;
    border-color: rgba(251, 191, 36, 0.35) !important;
    color: #fcd34d !important;
}

html[data-bs-theme="dark"] .alert-info,
html[data-theme="dark"] .alert-info {
    background-color: rgba(37, 99, 235, 0.18) !important;
    border-color: rgba(96, 165, 250, 0.35) !important;
    color: #93c5fd !important;
}

html[data-bs-theme="dark"] .alert-success,
html[data-theme="dark"] .alert-success {
    background-color: rgba(22, 163, 74, 0.18) !important;
    border-color: rgba(74, 222, 128, 0.35) !important;
    color: #86efac !important;
}

html[data-bs-theme="dark"] .btn-outline-secondary,
html[data-theme="dark"] .btn-outline-secondary {
    color: var(--color-text);
    border-color: var(--color-border);
}
html[data-bs-theme="dark"] .btn-outline-secondary:hover,
html[data-theme="dark"] .btn-outline-secondary:hover {
    background: var(--color-surface-2);
    color: var(--color-text);
    border-color: var(--primary);
}

/* Campaign details wizard */
html[data-bs-theme="dark"] .cd-wrap,
html[data-theme="dark"] .cd-wrap {
    --cd-text: #e2e8f0;
    --cd-text2: #94a3b8;
    --cd-text3: #64748b;
    --cd-border: #334155;
    --cd-border2: #475569;
    --cd-bg: #111827;
    --cd-bg2: #1e293b;
    --cd-bg3: #0f172a;
    --cd-blue-light: rgba(37, 99, 235, 0.22);
    --cd-amber: #fcd34d;
    --cd-amber-bg: rgba(217, 119, 6, 0.18);
    --cd-amber-border: rgba(251, 191, 36, 0.4);
    --cd-green: #86efac;
    --cd-green-bg: rgba(22, 163, 74, 0.15);
    --cd-green-border: rgba(134, 239, 172, 0.35);
}
html[data-bs-theme="dark"] .cd-lp-panel,
html[data-theme="dark"] .cd-lp-panel,
html[data-bs-theme="dark"] .cd-date-warning,
html[data-theme="dark"] .cd-date-warning {
    background: var(--cd-bg2) !important;
    border-color: var(--cd-border) !important;
}
html[data-bs-theme="dark"] .cd-date-warning p,
html[data-theme="dark"] .cd-date-warning p {
    color: var(--cd-amber) !important;
}

/* Location targeting */
html[data-bs-theme="dark"] .meta-lt-wrap,
html[data-theme="dark"] .meta-lt-wrap {
    --meta-lt-text: #e2e8f0;
    --meta-lt-text2: #94a3b8;
    --meta-lt-text3: #64748b;
    --meta-lt-border: #334155;
    --meta-lt-border2: #475569;
    --meta-lt-bg: #111827;
    --meta-lt-bg2: #1e293b;
    --meta-lt-bg3: #0f172a;
    --meta-lt-blue-light: rgba(37, 99, 235, 0.22);
}
html[data-bs-theme="dark"] .meta-lt-suggest-panel,
html[data-theme="dark"] .meta-lt-suggest-panel {
    background: var(--meta-lt-bg) !important;
}

/* Meta / Google / LinkedIn report dashboards */
html[data-bs-theme="dark"] .platform-report,
html[data-theme="dark"] .platform-report,
html[data-bs-theme="dark"] .google-report,
html[data-theme="dark"] .google-report,
html[data-bs-theme="dark"] .li-report,
html[data-theme="dark"] .li-report {
    background: transparent !important;
    color: var(--color-text) !important;
}

html[data-bs-theme="dark"] .platform-kpi,
html[data-theme="dark"] .platform-kpi,
html[data-bs-theme="dark"] .platform-card,
html[data-theme="dark"] .platform-card,
html[data-bs-theme="dark"] .platform-tablecard,
html[data-theme="dark"] .platform-tablecard,
html[data-bs-theme="dark"] .platform-pill,
html[data-theme="dark"] .platform-pill,
html[data-bs-theme="dark"] .platform-btn,
html[data-theme="dark"] .platform-btn,
html[data-bs-theme="dark"] .platform-datebtn,
html[data-theme="dark"] .platform-datebtn,
html[data-bs-theme="dark"] .platform-datedrop,
html[data-theme="dark"] .platform-datedrop,
html[data-bs-theme="dark"] .platform-modal,
html[data-theme="dark"] .platform-modal,
html[data-bs-theme="dark"] .platform-preview-card,
html[data-theme="dark"] .platform-preview-card,
html[data-bs-theme="dark"] .platform-report .reports-empty,
html[data-theme="dark"] .platform-report .reports-empty,
html[data-bs-theme="dark"] .google-card,
html[data-theme="dark"] .google-card,
html[data-bs-theme="dark"] .google-chart-card,
html[data-theme="dark"] .google-chart-card,
html[data-bs-theme="dark"] .google-table-wrap,
html[data-theme="dark"] .google-table-wrap,
html[data-bs-theme="dark"] .google-pill,
html[data-theme="dark"] .google-pill,
html[data-bs-theme="dark"] .google-btn,
html[data-theme="dark"] .google-btn,
html[data-bs-theme="dark"] .google-datebtn,
html[data-theme="dark"] .google-datebtn,
html[data-bs-theme="dark"] .google-datedrop,
html[data-theme="dark"] .google-datedrop,
html[data-bs-theme="dark"] .google-modal,
html[data-theme="dark"] .google-modal,
html[data-bs-theme="dark"] .google-btn-cancel,
html[data-theme="dark"] .google-btn-cancel,
html[data-bs-theme="dark"] .google-info-tooltip,
html[data-theme="dark"] .google-info-tooltip,
html[data-bs-theme="dark"] .google-report .reports-empty,
html[data-theme="dark"] .google-report .reports-empty,
html[data-bs-theme="dark"] .google-insights .reports-insight-item,
html[data-theme="dark"] .google-insights .reports-insight-item,
html[data-bs-theme="dark"] .li-kpi,
html[data-theme="dark"] .li-kpi,
html[data-bs-theme="dark"] .li-card,
html[data-theme="dark"] .li-card,
html[data-bs-theme="dark"] .li-tablecard,
html[data-theme="dark"] .li-tablecard,
html[data-bs-theme="dark"] .li-pill,
html[data-theme="dark"] .li-pill,
html[data-bs-theme="dark"] .li-btn,
html[data-theme="dark"] .li-btn,
html[data-bs-theme="dark"] .li-datebtn,
html[data-theme="dark"] .li-datebtn,
html[data-bs-theme="dark"] .li-datedrop,
html[data-theme="dark"] .li-datedrop,
html[data-bs-theme="dark"] .li-modal,
html[data-theme="dark"] .li-modal,
html[data-bs-theme="dark"] .li-demo-dd-btn,
html[data-theme="dark"] .li-demo-dd-btn,
html[data-bs-theme="dark"] .li-demo-dd-menu,
html[data-theme="dark"] .li-demo-dd-menu,
html[data-bs-theme="dark"] .li-report .reports-empty,
html[data-theme="dark"] .li-report .reports-empty {
    background: var(--color-surface) !important;
    border-color: var(--color-border) !important;
    color: var(--color-text) !important;
    box-shadow: 0 4px 16px var(--color-shadow) !important;
}

html[data-bs-theme="dark"] .li-demo-bar-bg,
html[data-theme="dark"] .li-demo-bar-bg {
    background: #334155 !important;
}
html[data-bs-theme="dark"] .li-demo-bar-fill,
html[data-theme="dark"] .li-demo-bar-fill {
    background: #0A66C2 !important;
}

html[data-bs-theme="dark"] .platform-pill input,
html[data-theme="dark"] .platform-pill input,
html[data-bs-theme="dark"] .platform-pill select,
html[data-theme="dark"] .platform-pill select,
html[data-bs-theme="dark"] .platform-dateinputs input,
html[data-theme="dark"] .platform-dateinputs input,
html[data-bs-theme="dark"] .platform-datehead span,
html[data-theme="dark"] .platform-datehead span,
html[data-bs-theme="dark"] .platform-dateday,
html[data-theme="dark"] .platform-dateday,
html[data-bs-theme="dark"] .platform-datepreset,
html[data-theme="dark"] .platform-datepreset,
html[data-bs-theme="dark"] .platform-modal__title,
html[data-theme="dark"] .platform-modal__title,
html[data-bs-theme="dark"] .platform-status,
html[data-theme="dark"] .platform-status {
    color: var(--color-text) !important;
}

html[data-bs-theme="dark"] .platform-datehead button,
html[data-theme="dark"] .platform-datehead button,
html[data-bs-theme="dark"] .google-datehead button,
html[data-theme="dark"] .google-datehead button,
html[data-bs-theme="dark"] .li-datehead button,
html[data-theme="dark"] .li-datehead button,
html[data-bs-theme="dark"] .leads-datehead button,
html[data-theme="dark"] .leads-datehead button {
    background: var(--color-surface-2) !important;
    border-color: var(--color-border) !important;
    color: var(--color-text) !important;
}

html[data-bs-theme="dark"] .platform-datepresets,
html[data-theme="dark"] .platform-datepresets {
    border-color: var(--color-border) !important;
}

html[data-bs-theme="dark"] .platform-col-check,
html[data-theme="dark"] .platform-col-check,
html[data-bs-theme="dark"] .li-col-check,
html[data-theme="dark"] .li-col-check {
    background: var(--color-surface-2) !important;
    border-color: var(--color-border) !important;
}

html[data-bs-theme="dark"] .platform-col-check.checked,
html[data-theme="dark"] .platform-col-check.checked {
    background: #1877F2 !important;
    border-color: #1877F2 !important;
}

html[data-bs-theme="dark"] .li-col-check.checked,
html[data-theme="dark"] .li-col-check.checked {
    background: #0A66C2 !important;
    border-color: #0A66C2 !important;
}

html[data-bs-theme="dark"] .li-modal__foot .li-btn--primary,
html[data-theme="dark"] .li-modal__foot .li-btn--primary {
    background: #0A66C2 !important;
    border-color: #0A66C2 !important;
    color: #fff !important;
}

html[data-bs-theme="dark"] .platform-modal__foot .platform-btn--primary,
html[data-theme="dark"] .platform-modal__foot .platform-btn--primary {
    background: #1877F2 !important;
    border-color: #1877F2 !important;
    color: #fff !important;
}

html[data-bs-theme="dark"] .google-btn-apply,
html[data-theme="dark"] .google-btn-apply {
    background: #2563eb !important;
    color: #fff !important;
}

html[data-bs-theme="dark"] .platform-table th,
html[data-theme="dark"] .platform-table th,
html[data-bs-theme="dark"] .platform-table td,
html[data-theme="dark"] .platform-table td,
html[data-bs-theme="dark"] .google-table th,
html[data-theme="dark"] .google-table th,
html[data-bs-theme="dark"] .google-table td,
html[data-theme="dark"] .google-table td,
html[data-bs-theme="dark"] .li-table th,
html[data-theme="dark"] .li-table th,
html[data-bs-theme="dark"] .li-table td,
html[data-theme="dark"] .li-table td {
    background: transparent !important;
    border-color: var(--color-border) !important;
    color: var(--color-text) !important;
}

html[data-bs-theme="dark"] .platform-table thead th,
html[data-theme="dark"] .platform-table thead th,
html[data-bs-theme="dark"] .google-table thead th,
html[data-theme="dark"] .google-table thead th,
html[data-bs-theme="dark"] .li-table thead th,
html[data-theme="dark"] .li-table thead th {
    background: var(--color-surface-2) !important;
    color: var(--color-text-muted) !important;
}

/* Google preview modal / exact iframe chrome */
html[data-bs-theme="dark"] .gp-modal,
html[data-theme="dark"] .gp-modal,
html[data-bs-theme="dark"] .gp-exact__hero,
html[data-theme="dark"] .gp-exact__hero,
html[data-bs-theme="dark"] .gp-modal.gp-modal--exact .gp-area,
html[data-theme="dark"] .gp-modal.gp-modal--exact .gp-area {
    background: var(--color-surface) !important;
    border-color: var(--color-border) !important;
    color: var(--color-text) !important;
}

html[data-bs-theme="dark"] .gp-exact__ghost,
html[data-theme="dark"] .gp-exact__ghost {
    background: var(--color-surface-2) !important;
    border-color: var(--color-border) !important;
    color: var(--color-text) !important;
}

html[data-bs-theme="dark"] .gp-exact__frame,
html[data-theme="dark"] .gp-exact__frame {
    /* Ad creatives stay native light — never darken/invert the frame */
    background: #ffffff !important;
    color-scheme: only light;
    filter: none !important;
}

html[data-bs-theme="dark"] .gap-page,
html[data-theme="dark"] .gap-page,
html[data-bs-theme="dark"] .gap-page__bar,
html[data-theme="dark"] .gap-page__bar {
    background: var(--color-surface) !important;
    border-color: var(--color-border) !important;
    color: var(--color-text) !important;
}

html[data-bs-theme="dark"] .gap-page__frame,
html[data-theme="dark"] .gap-page__frame {
    background: var(--color-bg) !important;
}

/* LinkedIn setup embed */
html[data-bs-theme="dark"] .li-setup,
html[data-theme="dark"] .li-setup {
    --li-text: #e2e8f0;
    --li-text2: #94a3b8;
    --li-text3: #64748b;
    --li-border: #334155;
    --li-border2: #475569;
}
html[data-bs-theme="dark"] .li-radio-btn,
html[data-theme="dark"] .li-radio-btn,
html[data-bs-theme="dark"] .li-partner-id,
html[data-theme="dark"] .li-partner-id,
html[data-bs-theme="dark"] .li-modal-box,
html[data-theme="dark"] .li-modal-box,
html[data-bs-theme="dark"] .li-topbar,
html[data-theme="dark"] .li-topbar,
html[data-bs-theme="dark"] .li-sidebar,
html[data-theme="dark"] .li-sidebar,
html[data-bs-theme="dark"] .li-search-mock,
html[data-theme="dark"] .li-search-mock,
html[data-bs-theme="dark"] .li-form-mock,
html[data-theme="dark"] .li-form-mock,
html[data-bs-theme="dark"] .li-form-input,
html[data-theme="dark"] .li-form-input {
    background: var(--color-surface) !important;
    border-color: var(--color-border) !important;
    color: var(--color-text) !important;
}

html[data-bs-theme="dark"] .li-radio-btn.selected,
html[data-theme="dark"] .li-radio-btn.selected {
    background: rgba(10, 102, 194, 0.2) !important;
    border-color: #0A66C2 !important;
    color: #93c5fd !important;
}

/* Wizard ad copy / cards still on white */
html[data-bs-theme="dark"] .li-copy-option,
html[data-theme="dark"] .li-copy-option,
html[data-bs-theme="dark"] .li-adcopy-details .mad-tone,
html[data-theme="dark"] .li-adcopy-details .mad-tone,
html[data-bs-theme="dark"] .pmax-info-box,
html[data-theme="dark"] .pmax-info-box {
    background: var(--color-surface) !important;
    border-color: var(--color-border) !important;
    color: var(--color-text) !important;
}

html[data-bs-theme="dark"] .sidebar .nav-link.active,
html[data-theme="dark"] .sidebar .nav-link.active {
    background: rgba(37, 99, 235, 0.25) !important;
    color: #fff !important;
}

html[data-bs-theme="dark"] .credit-badge,
html[data-theme="dark"] .credit-badge {
    background: var(--color-surface-2);
    border-color: var(--color-border);
    color: var(--color-text);
}

html[data-bs-theme="dark"] .meta-setup-v1-embed .meta-setup-frame,
html[data-theme="dark"] .meta-setup-v1-embed .meta-setup-frame {
    background: transparent !important;
    border-radius: 16px;
}

html[data-bs-theme="dark"] .platform-table th,
html[data-theme="dark"] .platform-table th,
html[data-bs-theme="dark"] .platform-table tr:hover td,
html[data-theme="dark"] .platform-table tr:hover td {
    background: var(--color-surface-2) !important;
}
html[data-bs-theme="dark"] .platform-modal__close,
html[data-theme="dark"] .platform-modal__close,
html[data-bs-theme="dark"] .platform-modal__head,
html[data-theme="dark"] .platform-modal__head,
html[data-bs-theme="dark"] .platform-modal__foot,
html[data-theme="dark"] .platform-modal__foot,
html[data-bs-theme="dark"] .platform-modal__body,
html[data-theme="dark"] .platform-modal__body,
html[data-bs-theme="dark"] .platform-preview-toolbar,
html[data-theme="dark"] .platform-preview-toolbar,
html[data-bs-theme="dark"] .platform-preview-tabs,
html[data-theme="dark"] .platform-preview-tabs,
html[data-bs-theme="dark"] .platform-preview-grid,
html[data-theme="dark"] .platform-preview-grid,
html[data-bs-theme="dark"] .platform-preview-card__head,
html[data-theme="dark"] .platform-preview-card__head,
html[data-bs-theme="dark"] .platform-empty-small,
html[data-theme="dark"] .platform-empty-small {
    background: var(--color-surface) !important;
    border-color: var(--color-border) !important;
    color: var(--color-text) !important;
}
html[data-bs-theme="dark"] .platform-sync,
html[data-theme="dark"] .platform-sync {
    background: rgba(37, 99, 235, 0.18) !important;
    border-color: rgba(96, 165, 250, 0.35) !important;
    color: #93c5fd !important;
}
html[data-bs-theme="dark"] .meta-tabs,
html[data-theme="dark"] .meta-tabs {
    border-color: var(--color-border) !important;
}
html[data-bs-theme="dark"] .platform-sbar__bg,
html[data-theme="dark"] .platform-sbar__bg {
    background: var(--color-border) !important;
}
html[data-bs-theme="dark"] .platform-col-section-title,
html[data-theme="dark"] .platform-col-section-title,
html[data-bs-theme="dark"] .platform-col-label,
html[data-theme="dark"] .platform-col-label {
    color: var(--color-text) !important;
}
html[data-bs-theme="dark"] .platform-col-item,
html[data-theme="dark"] .platform-col-item {
    color: var(--color-text) !important;
}
html[data-bs-theme="dark"] .reports-kpi-card,
html[data-theme="dark"] .reports-kpi-card,
html[data-bs-theme="dark"] .reports-card,
html[data-theme="dark"] .reports-card,
html[data-bs-theme="dark"] .reports-table-card,
html[data-theme="dark"] .reports-table-card,
html[data-bs-theme="dark"] .reports-insights-card,
html[data-theme="dark"] .reports-insights-card,
html[data-bs-theme="dark"] .reports-insight-item,
html[data-theme="dark"] .reports-insight-item {
    background: var(--color-surface) !important;
    border-color: var(--color-border) !important;
    color: var(--color-text) !important;
}
html[data-bs-theme="dark"] .reports-table th,
html[data-theme="dark"] .reports-table th {
    background: var(--color-surface-2) !important;
}

/* Ad preview content = light island (modal chrome stays dark above).
   Never invert/filter creatives; color-scheme:only light blocks Chrome auto-dark. */
html[data-bs-theme="dark"] .platform-preview-card__body,
html[data-theme="dark"] .platform-preview-card__body,
html[data-bs-theme="dark"] .preview-iframe-wrap,
html[data-theme="dark"] .preview-iframe-wrap,
html[data-bs-theme="dark"] .gp-exact__frame-wrap,
html[data-theme="dark"] .gp-exact__frame-wrap {
    background: #ffffff !important;
    color: #0f172a !important;
    color-scheme: only light;
    filter: none !important;
}
html[data-bs-theme="dark"] .gp-exact__blocked,
html[data-theme="dark"] .gp-exact__blocked {
    background: var(--color-surface-2) !important;
    color: var(--color-text) !important;
}
html[data-bs-theme="dark"] .preview-iframe-wrap iframe,
html[data-theme="dark"] .preview-iframe-wrap iframe,
html[data-bs-theme="dark"] .gp-exact__frame,
html[data-theme="dark"] .gp-exact__frame {
    filter: none !important;
    -webkit-filter: none !important;
    background: #ffffff !important;
    color-scheme: only light;
}
/* Dark scrollbars in preview modals (avoids bright white OS bars) */
html[data-bs-theme="dark"] .platform-preview-grid,
html[data-theme="dark"] .platform-preview-grid,
html[data-bs-theme="dark"] .gp-area,
html[data-theme="dark"] .gp-area,
html[data-bs-theme="dark"] .gp-exact__frame-wrap,
html[data-theme="dark"] .gp-exact__frame-wrap,
html[data-bs-theme="dark"] .platform-modal--preview,
html[data-theme="dark"] .platform-modal--preview {
    scrollbar-width: thin;
    scrollbar-color: #475569 var(--color-surface-2);
}
html[data-bs-theme="dark"] .platform-preview-grid::-webkit-scrollbar,
html[data-theme="dark"] .platform-preview-grid::-webkit-scrollbar,
html[data-bs-theme="dark"] .gp-area::-webkit-scrollbar,
html[data-theme="dark"] .gp-area::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
html[data-bs-theme="dark"] .platform-preview-grid::-webkit-scrollbar-track,
html[data-theme="dark"] .platform-preview-grid::-webkit-scrollbar-track,
html[data-bs-theme="dark"] .gp-area::-webkit-scrollbar-track,
html[data-theme="dark"] .gp-area::-webkit-scrollbar-track {
    background: var(--color-surface-2);
}
html[data-bs-theme="dark"] .platform-preview-grid::-webkit-scrollbar-thumb,
html[data-theme="dark"] .platform-preview-grid::-webkit-scrollbar-thumb,
html[data-bs-theme="dark"] .gp-area::-webkit-scrollbar-thumb,
html[data-theme="dark"] .gp-area::-webkit-scrollbar-thumb {
    background: #475569;
    border-radius: 8px;
    border: 2px solid var(--color-surface-2);
}
html[data-bs-theme="dark"] .gp-title,
html[data-theme="dark"] .gp-title,
html[data-bs-theme="dark"] .gp-exact__hero h3,
html[data-theme="dark"] .gp-exact__hero h3,
html[data-bs-theme="dark"] .gp-exact__blocked strong,
html[data-theme="dark"] .gp-exact__blocked strong,
html[data-bs-theme="dark"] .platform-modal__title,
html[data-theme="dark"] .platform-modal__title,
html[data-bs-theme="dark"] .platform-kpi__value,
html[data-theme="dark"] .platform-kpi__value,
html[data-bs-theme="dark"] .platform-card__title,
html[data-theme="dark"] .platform-card__title,
html[data-bs-theme="dark"] .platform-tablecard__title,
html[data-theme="dark"] .platform-tablecard__title {
    color: var(--color-text) !important;
}
html[data-bs-theme="dark"] .platform-insight,
html[data-theme="dark"] .platform-insight,
html[data-bs-theme="dark"] .gp-phone,
html[data-theme="dark"] .gp-phone,
html[data-bs-theme="dark"] .gp-phone-body,
html[data-theme="dark"] .gp-phone-body,
html[data-bs-theme="dark"] .gp-searchbar,
html[data-theme="dark"] .gp-searchbar,
html[data-bs-theme="dark"] .gp-official,
html[data-theme="dark"] .gp-official,
html[data-bs-theme="dark"] .gp-display-card,
html[data-theme="dark"] .gp-display-card,
html[data-bs-theme="dark"] .gp-disc-card,
html[data-theme="dark"] .gp-disc-card,
html[data-bs-theme="dark"] .gp-gmail-card,
html[data-theme="dark"] .gp-gmail-card {
    background: var(--color-surface) !important;
    border-color: var(--color-border) !important;
    color: var(--color-text) !important;
}
html[data-bs-theme="dark"] .gp-expiry,
html[data-theme="dark"] .gp-expiry {
    background: rgba(217, 119, 6, 0.18) !important;
    color: #fcd34d !important;
}

/* Wizard ad-copy / mad cards */
html[data-bs-theme="dark"] .li-adcopy-details .mad-card,
html[data-theme="dark"] .li-adcopy-details .mad-card,
html[data-bs-theme="dark"] .li-copy-option,
html[data-theme="dark"] .li-copy-option,
html[data-bs-theme="dark"] .li-copy-option:hover,
html[data-theme="dark"] .li-copy-option:hover,
html[data-bs-theme="dark"] .li-copy-option.is-selected,
html[data-theme="dark"] .li-copy-option.is-selected {
    background: var(--color-surface) !important;
    border-color: var(--color-border) !important;
    color: var(--color-text) !important;
}
html[data-bs-theme="dark"] .li-adcopy-details .mad-title,
html[data-theme="dark"] .li-adcopy-details .mad-title,
html[data-bs-theme="dark"] .li-adcopy-details .mad-info__text,
html[data-theme="dark"] .li-adcopy-details .mad-info__text {
    color: var(--color-text) !important;
}
html[data-bs-theme="dark"] .li-adcopy-details .mad-desc,
html[data-theme="dark"] .li-adcopy-details .mad-desc,
html[data-bs-theme="dark"] .li-adcopy-details .mad-ex,
html[data-theme="dark"] .li-adcopy-details .mad-ex {
    color: var(--color-text-muted) !important;
}
html[data-bs-theme="dark"] .li-adcopy-details .mad-optional,
html[data-theme="dark"] .li-adcopy-details .mad-optional {
    background: var(--color-surface-2) !important;
    border-color: var(--color-border) !important;
    color: var(--color-text-muted) !important;
}
html[data-bs-theme="dark"] .li-adcopy-details .mad-tone.is-active,
html[data-theme="dark"] .li-adcopy-details .mad-tone.is-active {
    background: rgba(10, 102, 194, 0.22) !important;
    border-color: #0A66C2 !important;
    color: #93c5fd !important;
}
html[data-bs-theme="dark"] .wizard-card input.form-control,
html[data-theme="dark"] .wizard-card input.form-control,
html[data-bs-theme="dark"] .wizard-card textarea.form-control,
html[data-theme="dark"] .wizard-card textarea.form-control,
html[data-bs-theme="dark"] .wizard-card select.form-select,
html[data-theme="dark"] .wizard-card select.form-select,
html[data-bs-theme="dark"] .wizard-card .form-control,
html[data-theme="dark"] .wizard-card .form-control {
    background-color: var(--color-surface-2) !important;
    border-color: var(--color-border) !important;
    color: var(--color-text) !important;
}
html[data-bs-theme="dark"] .ai-keyword-cell .ai-keyword-input,
html[data-theme="dark"] .ai-keyword-cell .ai-keyword-input,
html[data-bs-theme="dark"] .review-keyword-cell .review-kw-input,
html[data-theme="dark"] .review-keyword-cell .review-kw-input {
    background: transparent !important;
    background-color: transparent !important;
    border-color: transparent !important;
    color: var(--color-text) !important;
    box-shadow: none !important;
}
html[data-bs-theme="dark"] .ai-keyword-cell,
html[data-theme="dark"] .ai-keyword-cell,
html[data-bs-theme="dark"] .review-keyword-cell,
html[data-theme="dark"] .review-keyword-cell {
    background: var(--color-surface) !important;
    border-color: var(--color-border) !important;
}
html[data-bs-theme="dark"] .ai-keywords-panel,
html[data-theme="dark"] .ai-keywords-panel,
html[data-bs-theme="dark"] .review-keywords-panel,
html[data-theme="dark"] .review-keywords-panel {
    background: var(--color-surface-2) !important;
    border-color: var(--color-border) !important;
}
html[data-bs-theme="dark"] .adcopy-card,
html[data-theme="dark"] .adcopy-card,
html[data-bs-theme="dark"] .pmax-tone,
html[data-theme="dark"] .pmax-tone,
html[data-bs-theme="dark"] .pmax-tone-card,
html[data-theme="dark"] .pmax-tone-card {
    background: var(--color-surface) !important;
    border-color: var(--color-border) !important;
    color: var(--color-text) !important;
}
html[data-bs-theme="dark"] .adcopy-section-panel,
html[data-theme="dark"] .adcopy-section-panel {
    background: var(--color-surface-2) !important;
    border-color: var(--color-border) !important;
}
html[data-bs-theme="dark"] .adcopy-card .form-control,
html[data-theme="dark"] .adcopy-card .form-control,
html[data-bs-theme="dark"] .adcopy-card textarea.form-control,
html[data-theme="dark"] .adcopy-card textarea.form-control {
    background-color: var(--color-surface-2) !important;
    border-color: var(--color-border) !important;
    color: var(--color-text) !important;
}
html[data-bs-theme="dark"] .pmax-tone.is-active,
html[data-theme="dark"] .pmax-tone.is-active {
    background: rgba(37, 99, 235, 0.18) !important;
    border-color: #2563eb !important;
    color: #93c5fd !important;
}
html[data-bs-theme="dark"] .cd-date-range-wrap,
html[data-theme="dark"] .cd-date-range-wrap,
html[data-bs-theme="dark"] .cd-budget-wrap,
html[data-theme="dark"] .cd-budget-wrap,
html[data-bs-theme="dark"] .cd-cal-popup,
html[data-theme="dark"] .cd-cal-popup {
    background: var(--cd-bg, var(--color-surface)) !important;
    border-color: var(--cd-border2, var(--color-border)) !important;
}
html[data-bs-theme="dark"] .cd-field-label,
html[data-theme="dark"] .cd-field-label {
    color: var(--cd-text, var(--color-text)) !important;
}

/* Admin user show — badges & alerts that stay white in dark */
html[data-bs-theme="dark"] .badge.bg-light,
html[data-theme="dark"] .badge.bg-light,
html[data-bs-theme="dark"] .badge.text-bg-light,
html[data-theme="dark"] .badge.text-bg-light {
    background: var(--color-surface-2) !important;
    color: var(--color-text-muted) !important;
    border-color: var(--color-border) !important;
}
html[data-bs-theme="dark"] .badge.bg-warning.text-dark,
html[data-theme="dark"] .badge.bg-warning.text-dark {
    color: #92400e !important;
}
html[data-bs-theme="dark"] .alert-light,
html[data-theme="dark"] .alert-light {
    background: var(--color-surface-2) !important;
    border-color: var(--color-border) !important;
    color: var(--color-text) !important;
}
html[data-bs-theme="dark"] .admin-user-kpi,
html[data-theme="dark"] .admin-user-kpi {
    background: var(--color-surface) !important;
    border-color: var(--color-border) !important;
}
html[data-bs-theme="dark"] .admin-user-kpi__label,
html[data-theme="dark"] .admin-user-kpi__label {
    color: var(--color-text-muted) !important;
}
html[data-bs-theme="dark"] .admin-user-kpi__value,
html[data-theme="dark"] .admin-user-kpi__value {
    color: var(--color-text) !important;
}

/* Admin user show — tabs (no white bar) */
html[data-bs-theme="dark"] .admin-user-tabs,
html[data-theme="dark"] .admin-user-tabs {
    background: #1e293b !important;
    border-color: #334155 !important;
}
html[data-bs-theme="dark"] .admin-user-tab,
html[data-theme="dark"] .admin-user-tab {
    color: #cbd5e1 !important;
    background: transparent !important;
}
html[data-bs-theme="dark"] .admin-user-tab:hover,
html[data-theme="dark"] .admin-user-tab:hover {
    color: #f1f5f9 !important;
    background: #334155 !important;
}
html[data-bs-theme="dark"] .admin-user-tab.active,
html[data-theme="dark"] .admin-user-tab.active {
    color: #93c5fd !important;
    background: rgba(59, 130, 246, 0.22) !important;
}

/* Google preview list on user show */
html[data-bs-theme="dark"] #google-preview-links .gcp-list,
html[data-theme="dark"] #google-preview-links .gcp-list {
    background: #1e293b !important;
    border-color: #334155 !important;
}
html[data-bs-theme="dark"] #google-preview-links .gcp-row,
html[data-theme="dark"] #google-preview-links .gcp-row {
    border-bottom-color: #334155 !important;
}
html[data-bs-theme="dark"] #google-preview-links .gcp-row:hover,
html[data-theme="dark"] #google-preview-links .gcp-row:hover {
    background: rgba(51, 65, 85, 0.45) !important;
}
html[data-bs-theme="dark"] #google-preview-links .gcp-row__name,
html[data-theme="dark"] #google-preview-links .gcp-row__name {
    color: #e2e8f0 !important;
}
html[data-bs-theme="dark"] #google-preview-links .form-control,
html[data-theme="dark"] #google-preview-links .form-control,
html[data-bs-theme="dark"] #google-preview-links .input-group-text,
html[data-theme="dark"] #google-preview-links .input-group-text {
    background-color: #0f172a !important;
    border-color: #334155 !important;
    color: #e2e8f0 !important;
}
html[data-bs-theme="dark"] #google-preview-links .btn-outline-secondary,
html[data-theme="dark"] #google-preview-links .btn-outline-secondary {
    color: #cbd5e1 !important;
    border-color: #475569 !important;
    background: transparent !important;
}
html[data-bs-theme="dark"] #google-preview-links .btn-outline-secondary.active,
html[data-theme="dark"] #google-preview-links .btn-outline-secondary.active,
html[data-bs-theme="dark"] #google-preview-links .btn-outline-secondary:hover,
html[data-theme="dark"] #google-preview-links .btn-outline-secondary:hover {
    color: #f1f5f9 !important;
    background: #334155 !important;
    border-color: #64748b !important;
}

/* Keyword pills — AI badges stay mint-white in light CSS; fix contrast */
html[data-bs-theme="dark"] .keyword-badge,
html[data-theme="dark"] .keyword-badge {
    background: #1e293b !important;
    border-color: #475569 !important;
    color: #e2e8f0 !important;
}
html[data-bs-theme="dark"] .keyword-badge.ai-generated,
html[data-theme="dark"] .keyword-badge.ai-generated {
    background: rgba(16, 185, 129, 0.18) !important;
    border-color: rgba(52, 211, 153, 0.45) !important;
    color: #ecfdf5 !important;
}
html[data-bs-theme="dark"] .keyword-badge .text-success,
html[data-theme="dark"] .keyword-badge .text-success,
html[data-bs-theme="dark"] .keyword-badge .bi-check-circle-fill,
html[data-theme="dark"] .keyword-badge .bi-check-circle-fill {
    color: #4ade80 !important;
}
html[data-bs-theme="dark"] .keyword-badge-negative,
html[data-theme="dark"] .keyword-badge-negative,
html[data-bs-theme="dark"] .badge.keyword-badge-negative,
html[data-theme="dark"] .badge.keyword-badge-negative {
    background: #1e293b !important;
    color: #e2e8f0 !important;
    border-color: #475569 !important;
}
html[data-bs-theme="dark"] .campaign-overview .cco-stat-label,
html[data-theme="dark"] .campaign-overview .cco-stat-label {
    color: #94a3b8 !important;
}
html[data-bs-theme="dark"] .campaign-overview .cco-stat-value,
html[data-theme="dark"] .campaign-overview .cco-stat-value {
    color: #e2e8f0 !important;
}
html[data-bs-theme="dark"] .campaign-overview .cco-card__head,
html[data-theme="dark"] .campaign-overview .cco-card__head {
    background: #0f172a !important;
    border-bottom-color: #334155 !important;
}
html[data-bs-theme="dark"] .campaign-overview .cco-card,
html[data-theme="dark"] .campaign-overview .cco-card,
html[data-bs-theme="dark"] .campaign-overview .card,
html[data-theme="dark"] .campaign-overview .card {
    background: #111827 !important;
    border-color: #334155 !important;
}

/* Bootstrap table-light stays white in dark mode — force dark */
html[data-bs-theme="dark"] .table-light,
html[data-theme="dark"] .table-light,
html[data-bs-theme="dark"] thead.table-light,
html[data-theme="dark"] thead.table-light {
    --bs-table-bg: #1e293b !important;
    --bs-table-color: #e2e8f0 !important;
    --bs-table-border-color: #334155 !important;
    background-color: #1e293b !important;
    color: #e2e8f0 !important;
}
html[data-bs-theme="dark"] .table-light th,
html[data-theme="dark"] .table-light th,
html[data-bs-theme="dark"] .table-light td,
html[data-theme="dark"] .table-light td,
html[data-bs-theme="dark"] .table-scarlet > thead > tr > th,
html[data-theme="dark"] .table-scarlet > thead > tr > th,
html[data-bs-theme="dark"] .admin-data-table > thead > tr > th,
html[data-theme="dark"] .admin-data-table > thead > tr > th {
    background-color: #1e293b !important;
    color: #94a3b8 !important;
    border-color: #334155 !important;
}

html[data-bs-theme="dark"] .dashboard-empty__icon,
html[data-theme="dark"] .dashboard-empty__icon {
    background: #1e293b;
    color: #94a3b8;
}

html[data-bs-theme="dark"] .dash-stat-mini,
html[data-theme="dark"] .dash-stat-mini,
html[data-bs-theme="dark"] .dash-campaign-card,
html[data-theme="dark"] .dash-campaign-card {
    background: var(--color-surface-2);
    border-color: #334155;
}

html[data-bs-theme="dark"] .dash-stat-mini__value,
html[data-theme="dark"] .dash-stat-mini__value,
html[data-bs-theme="dark"] .dash-campaign-card__title,
html[data-theme="dark"] .dash-campaign-card__title {
    color: #e2e8f0;
}

html[data-bs-theme="dark"] .dash-filter-chip,
html[data-theme="dark"] .dash-filter-chip {
    background: #1e293b;
    border-color: #334155;
    color: #cbd5e1;
}

html[data-bs-theme="dark"] .dash-filter-chip:hover,
html[data-theme="dark"] .dash-filter-chip:hover {
    background: #334155;
    color: #f1f5f9;
    border-color: #475569;
}

html[data-bs-theme="dark"] .dash-filter-chip.is-active,
html[data-theme="dark"] .dash-filter-chip.is-active {
    background: #2563eb;
    border-color: #2563eb;
    color: #fff;
}

html[data-bs-theme="dark"] .dash-stat-mini--blue .dash-stat-mini__icon,
html[data-theme="dark"] .dash-stat-mini--blue .dash-stat-mini__icon {
    background: rgba(37, 99, 235, 0.25);
    color: #93c5fd;
}

html[data-bs-theme="dark"] .dash-stat-mini--green .dash-stat-mini__icon,
html[data-theme="dark"] .dash-stat-mini--green .dash-stat-mini__icon {
    background: rgba(5, 150, 105, 0.25);
    color: #6ee7b7;
}

html[data-bs-theme="dark"] .dash-stat-mini--amber .dash-stat-mini__icon,
html[data-theme="dark"] .dash-stat-mini--amber .dash-stat-mini__icon {
    background: rgba(217, 119, 6, 0.25);
    color: #fcd34d;
}

html[data-bs-theme="dark"] .brand-card,
html[data-theme="dark"] .brand-card {
    background: var(--color-surface-2);
    border-color: #334155;
}

html[data-bs-theme="dark"] .brand-card__name,
html[data-theme="dark"] .brand-card__name {
    color: #e2e8f0;
}

html[data-bs-theme="dark"] .brand-card__footer,
html[data-theme="dark"] .brand-card__footer {
    border-top-color: #334155;
}

html[data-bs-theme="dark"] .brand-card__action:hover,
html[data-theme="dark"] .brand-card__action:hover {
    background: #334155;
    color: #f1f5f9;
}

html[data-bs-theme="dark"] .brand-card__action--danger:hover,
html[data-theme="dark"] .brand-card__action--danger:hover {
    background: rgba(185, 28, 28, 0.25);
    color: #fca5a5;
}

html[data-bs-theme="dark"] .brand-card--inactive .brand-card__accent,
html[data-theme="dark"] .brand-card--inactive .brand-card__accent {
    background: #64748b;
}