/* RC_LIGHT_THEME_V23 - aggressive overrides for stat values, table headers, top duplicate header */
:root {
  --ink: #f5f1e8 !important;
  --ivory: #0e0a1a !important;
  --bone: #2a1f3a !important;
  --bone-muted: rgba(14, 10, 26, 0.6) !important;
  --bone-dim: rgba(14, 10, 26, 0.4) !important;
  --hair: rgba(14, 10, 26, 0.10) !important;
  --hair-bright: rgba(14, 10, 26, 0.22) !important;
  --rule: rgba(14, 10, 26, 0.10) !important;
  --rule-soft: rgba(14, 10, 26, 0.05) !important;
  --mute: rgba(14, 10, 26, 0.55) !important;
  --mute-dim: rgba(14, 10, 26, 0.40) !important;
  --champagne-soft: rgba(201, 169, 97, 0.15) !important;
}

html { background: #f5f1e8 !important; }
body { background: #f5f1e8 !important; color: #0e0a1a !important; }
main, .rc-main-content, .main-content { background: transparent !important; color: #0e0a1a !important; }

/* HIDE DUPLICATE TOP HEADER BAR (mobile-style header on dashboard) */
.rc-mobile-header, .mobile-header, .mobile-topbar, .app-topbar, header.mobile,
header.app-header, .top-banner, body > header:not(.page-header) {
  display: none !important;
}

/* SIDEBAR */
aside.sidebar, nav.sidebar, .sidebar, #sidebar-container, .rc-sidebar { background: #1a0f2e !important; color: #f5f1e8 !important; }
.sidebar a, aside a, nav.sidebar a, #sidebar-container a { color: rgba(245, 241, 232, 0.7) !important; background: transparent !important; }
.sidebar a:hover, .sidebar a.active, aside a:hover, aside a.active { color: #f5f1e8 !important; background: rgba(201, 169, 97, 0.12) !important; }
.sidebar .section-label, .sidebar .group-label, .sidebar h6 { color: rgba(201, 169, 97, 0.8) !important; }
.sidebar .brand, .sidebar .logo { color: #f5f1e8 !important; }

/* STAT CARDS - force light bg + remove gradients + dark text */
.stat, .stat-card, .stat-grid, .kpi, .kpi-card, .metric, .metric-card,
[class*="kpi-"], [class*="stat-"], [class*="metric-"],
section.kpi, section.stat, section.metric {
  background: #faf7f0 !important;
  background-image: none !important;
  color: #0e0a1a !important;
  border-color: rgba(14, 10, 26, 0.10) !important;
}
.stat-label, .kpi-label, .metric-label, .stat-grid .label { color: rgba(14, 10, 26, 0.55) !important; }

/* FORCE all stat values / numbers to be dark and opaque */
.stat-value, .kpi-value, .metric-value, .stat-number, .kpi-number,
.stat .value, .kpi .value, .metric .value, .stat-grid .value,
.stat h1, .stat h2, .kpi h1, .kpi h2, .metric h1, .metric h2,
[class*="-value"]:not(.input-value), [class*="-number"]:not(.phone-number),
.kpi-card h1, .kpi-card h2, .kpi-card .num, .stat-card h1, .stat-card h2 {
  color: #0e0a1a !important;
  opacity: 1 !important;
}

/* CARDS */
.card, .panel, .box, .data-table, .table-card,
[class*="-card"]:not(.invoice-card):not(.icon-card):not(.sidebar-card),
[class*="-panel"]:not(.sidebar-panel) {
  background: #faf7f0 !important;
  background-image: none !important;
  color: #0e0a1a !important;
  border-color: rgba(14, 10, 26, 0.10) !important;
}

/* TABLES - aggressive header override */
table { color: #0e0a1a !important; background: transparent !important; }
body table thead, body table thead tr, body table thead th,
html table thead, html table thead tr, html table thead th,
.data-table thead, .data-table thead tr, .data-table thead th,
table.data-table thead, table.data-table thead tr, table.data-table thead th,
div table thead, div table thead tr, div table thead th {
  background: rgba(201, 169, 97, 0.12) !important;
  background-image: none !important;
  background-color: rgba(201, 169, 97, 0.12) !important;
  color: rgba(14, 10, 26, 0.6) !important;
  border-color: rgba(14, 10, 26, 0.10) !important;
}
table thead th, table th { color: rgba(14, 10, 26, 0.55) !important; border-color: rgba(14, 10, 26, 0.12) !important; }
table tbody tr { background: transparent !important; }
table tbody tr:hover, table tbody tr:hover td { background: rgba(201, 169, 97, 0.06) !important; }
table tbody td, table td { color: #0e0a1a !important; border-color: rgba(14, 10, 26, 0.08) !important; background: transparent !important; }

/* INPUTS */
input[type="text"], input[type="search"], input[type="email"], input[type="number"],
input[type="tel"], input[type="password"], input[type="date"], input:not([type]), textarea, select {
  background: #ffffff !important;
  color: #0e0a1a !important;
  border-color: rgba(14, 10, 26, 0.15) !important;
}
input::placeholder, textarea::placeholder { color: rgba(14, 10, 26, 0.4) !important; }
select option { background: #ffffff !important; color: #0e0a1a !important; }

/* HEADINGS */
h1, h2, h3, h4, h5, h6 { color: #0e0a1a !important; }
h1 em, h2 em, h3 em, h1 i, h2 i, h3 i { color: #a57929 !important; font-style: italic !important; }
.page-eyebrow, .eyebrow { color: rgba(165, 121, 41, 0.85) !important; }
.page-subtitle, .subtitle, .lede { color: rgba(14, 10, 26, 0.6) !important; }

/* BUTTONS */
button.primary, .btn-primary { background: #c9a961 !important; color: #1a0f2e !important; }
button.secondary, .btn-secondary, button.outline, .btn-outline { background: transparent !important; color: #0e0a1a !important; border: 1px solid rgba(14, 10, 26, 0.20) !important; }
table button:not(.primary):not(.btn-primary), .action-btn, .icon-btn { background: transparent !important; color: rgba(14, 10, 26, 0.6) !important; }

/* BADGES */
.status-paid, .status-confirmed, .badge-success, .badge.paid { background: rgba(107, 155, 122, 0.15) !important; color: #3d6b4f !important; border-color: transparent !important; }
.status-overdue, .status-cancelled, .status-failed, .status-rejected, .badge-danger { background: rgba(154, 74, 90, 0.15) !important; color: #9a4a5a !important; border-color: transparent !important; }
.status-sent, .status-pending, .status-submitted, .status-draft, .badge-warning { background: rgba(165, 121, 41, 0.15) !important; color: #a57929 !important; border-color: transparent !important; }

/* MUTED */
.muted, .mute, [class*="-muted"]:not(.bone-muted), [class*="-dim"]:not(.bone-dim) { color: rgba(14, 10, 26, 0.55) !important; }

/* TABS */
.tab, .tab-btn, button.tab { color: rgba(14, 10, 26, 0.55) !important; }
.tab.active, .tab-btn.active, button.tab.active { color: #a57929 !important; border-bottom-color: #a57929 !important; }
.tab-count, .tab-badge { background: rgba(14, 10, 26, 0.08) !important; color: rgba(14, 10, 26, 0.6) !important; }
.tab.active .tab-count, .tab.active .tab-badge { background: #c9a961 !important; color: #1a0f2e !important; }

/* MODALS */
.modal, .modal-content, .modal-body { background: #ffffff !important; color: #0e0a1a !important; border-color: rgba(14, 10, 26, 0.10) !important; }
.modal-overlay, .modal-backdrop { background: rgba(14, 10, 26, 0.55) !important; }
.dropdown, .menu, .popover { background: #ffffff !important; color: #0e0a1a !important; border-color: rgba(14, 10, 26, 0.10) !important; }

/* V4: catch bare .value class used by admin-payments.html and other pages for stat numbers */
.value, .value.purple, .value.green, .value.yellow, .value.red, .value.blue,
[class="value"], .stat-grid .value, .card .value, .panel .value,
.kpi .value, .stat .value, .metric .value {
  color: #0e0a1a !important;
  opacity: 1 !important;
}
/* Color-modifier variants of .value should keep their accent color */
.value.purple, [class*="value purple"] { color: #6b5d7a !important; }
.value.green, [class*="value green"] { color: #3d6b4f !important; }
.value.yellow, [class*="value yellow"] { color: #a57929 !important; }
.value.red, .value.danger, [class*="value red"] { color: #9a4a5a !important; }
.value.blue, [class*="value blue"] { color: #4a6b8c !important; }

/* Also catch .num, .number-display etc */
.num, .number-display, .stat-num, .kpi-num, .big-number {
  color: #0e0a1a !important;
  opacity: 1 !important;
}

/* HARDCODED OVERRIDES */
.stat-grid { background: #faf7f0 !important; border: 1px solid rgba(14, 10, 26, 0.10) !important; }

/* Force any element with hardcoded dark bg (0e0a1a or 1a0f2e or 2a1a3d) to flip light */
[style*="background: #0e0a1a"], [style*="background-color: #0e0a1a"],
[style*="background:#0e0a1a"], [style*="background-color:#0e0a1a"] {
  background-color: #faf7f0 !important;
  background-image: none !important;
  color: #0e0a1a !important;
}


/* V5: high-specificity catches for stubborn .value and label elements */
html body .value, html body div.value, html body span.value {
  color: #0e0a1a !important;
  opacity: 1 !important;
}
html body .value.purple { color: #6b5d7a !important; }
html body .value.green { color: #3d6b4f !important; }
html body .value.yellow { color: #a57929 !important; }
html body .value.red, html body .value.danger { color: #9a4a5a !important; }
html body .value.blue { color: #4a6b8c !important; }

html body .label, html body .stat-label, html body .kpi-label, html body .metric-label,
html body [class$="-label"]:not(input):not(label):not(.input-label) {
  color: rgba(14, 10, 26, 0.55) !important;
  opacity: 1 !important;
}

/* Specific stat-grid containers */
html body .stat-grid .value, html body .kpi-card .value,
html body .stat-card .value, html body .metric-card .value {
  color: #0e0a1a !important;
  opacity: 1 !important;
}
html body .stat-grid .label, html body .kpi-card .label,
html body .stat-card .label, html body .metric-card .label {
  color: rgba(14, 10, 26, 0.55) !important;
}


/* V6: Hide the mobile header on desktop (it was appearing on dashboard for some reason) */
@media (min-width: 768px) {
  #rcMobileHeader { display: none !important; }
}


/* V7: Fix dark status filter pills and dropdown popups on clients.html */
html body .rc-status-pill:not(.rc-pill-active) {
  background: rgba(14, 10, 26, 0.06) !important;
  background-image: none !important;
  color: #0e0a1a !important;
  border: 1px solid rgba(14, 10, 26, 0.10) !important;
}
html body .rc-status-pill:not(.rc-pill-active):hover {
  background: rgba(201, 169, 97, 0.12) !important;
  border-color: rgba(201, 169, 97, 0.3) !important;
}
html body .rc-status-pill.rc-pill-active {
  background: linear-gradient(135deg, #c9a961 0%, #b89346 100%) !important;
  color: #1a0f2e !important;
  font-weight: 600 !important;
  border: none !important;
}
html body .rc-status-pop, html body .rc-pop {
  background: #ffffff !important;
  color: #0e0a1a !important;
  border: 1px solid rgba(14, 10, 26, 0.12) !important;
  box-shadow: 0 8px 24px rgba(14, 10, 26, 0.12) !important;
}
html body .rc-status-pop button, html body .rc-status-pop .rc-pop-option,
html body .rc-pop button, html body .rc-pop .rc-pop-option {
  background: transparent !important;
  color: #0e0a1a !important;
  border: none !important;
}
html body .rc-status-pop button:hover, html body .rc-status-pop .rc-pop-option:hover,
html body .rc-pop button:hover, html body .rc-pop .rc-pop-option:hover {
  background: rgba(201, 169, 97, 0.10) !important;
  color: #1a0f2e !important;
}
html body .rc-status-tabs { background: transparent !important; }
html body .rc-status-tabs-label { color: rgba(14, 10, 26, 0.55) !important; }


/* ===== V8: Catch faded text on ai-lender-search, lenders, lender-outreach and similar ===== */

/* Tailwind utility text classes - flip light to dark */
html body .text-gray-100, html body .text-white, html body .text-gray-50,
html body .text-gray-200, html body .text-gray-300 { color: #0e0a1a !important; }
html body .text-gray-400 { color: rgba(14, 10, 26, 0.65) !important; }
html body .text-gray-500 { color: rgba(14, 10, 26, 0.55) !important; }

/* Body with Tailwind class forcing light text */
html body[class*="text-gray"], html body[class*="text-white"] { color: #0e0a1a !important; }

/* Section headings inside cards — h3, h4 that were originally white on dark cards */
html body .card h1, html body .card h2, html body .card h3, html body .card h4, html body .card h5, html body .card h6,
html body .panel h1, html body .panel h2, html body .panel h3, html body .panel h4, html body .panel h5, html body .panel h6,
html body [class*="-card"] h1, html body [class*="-card"] h2, html body [class*="-card"] h3, html body [class*="-card"] h4,
html body [class*="-section"] h1, html body [class*="-section"] h2, html body [class*="-section"] h3, html body [class*="-section"] h4 {
  color: #0e0a1a !important;
}

/* Italic gold accents inside card headings */
html body .card h1 em, html body .card h2 em, html body .card h3 em,
html body [class*="-card"] h1 em, html body [class*="-card"] h2 em, html body [class*="-card"] h3 em {
  color: #a57929 !important;
}

/* Lender directory cards specifically (lenders.html) - they use linear-gradients */
html body .lender-card, html body .lender-tile, html body [class*="lender-card"],
html body .pmt-card, html body .integration-card {
  background: #faf7f0 !important;
  background-image: none !important;
  color: #0e0a1a !important;
  border: 1px solid rgba(14, 10, 26, 0.10) !important;
}
html body .lender-card *, html body .lender-tile *, html body [class*="lender-card"] *,
html body .lender-name, html body .lender-title, html body .partner-name, html body .vendor-name {
  color: inherit;
}
html body .lender-name, html body .lender-title, html body .partner-name {
  color: #0e0a1a !important;
  font-weight: 600 !important;
}

/* Field rows inside lender cards (MIN CREDIT, AMOUNT RANGE, etc.) */
html body .lender-card .field, html body .lender-tile .field,
html body .field-row, html body [class*="field-row"], html body [class*="-field"]:not(.text-field) {
  background: rgba(14, 10, 26, 0.04) !important;
  color: #0e0a1a !important;
  border: 1px solid rgba(14, 10, 26, 0.06) !important;
}
html body .field-label, html body [class*="field-label"], html body .field .label {
  color: rgba(14, 10, 26, 0.55) !important;
}
html body .field-value, html body [class*="field-value"], html body .field .value {
  color: #0e0a1a !important;
}

/* Filter pill buttons (lenders.html category/tier filters) */
html body .filter-pill, html body .tier-pill, html body .category-pill,
html body .pill, html body button.pill, html body [class*="filter-pill"] {
  background: rgba(14, 10, 26, 0.06) !important;
  background-image: none !important;
  color: #0e0a1a !important;
  border: 1px solid rgba(14, 10, 26, 0.10) !important;
}
html body .filter-pill.active, html body .tier-pill.active, html body .category-pill.active,
html body .pill.active, html body .pill.selected, html body button.pill.active {
  background: linear-gradient(135deg, #c9a961 0%, #b89346 100%) !important;
  color: #1a0f2e !important;
  font-weight: 600 !important;
  border: none !important;
}

/* All-tier pill on lender-outreach */
html body .tier-filter, html body button.tier-filter, html body [class*="tier-"]:not(.tier-badge):not(.tier-label) {
  background: rgba(14, 10, 26, 0.06) !important;
  color: #0e0a1a !important;
  border: 1px solid rgba(14, 10, 26, 0.10) !important;
}

/* Form section labels (uppercase faded labels like CATEGORY, TIER, MIN CREDIT, etc.) */
html body .form-label, html body .section-label, html body label.uppercase,
html body label[class*="text-xs"], html body label[class*="-tiny"],
html body [class*="form-label"], html body [class*="section-label"] {
  color: rgba(14, 10, 26, 0.6) !important;
  opacity: 1 !important;
}

/* "Select recipients" / "Message preview" / "Recent sends" panels on lender-outreach */
html body .outreach-panel, html body [class*="outreach"]:not(.outreach-badge),
html body .preview-panel, html body .recipients-panel, html body .recent-sends-panel,
html body section[class*="outreach"], html body section[class*="preview"] {
  background: #faf7f0 !important;
  background-image: none !important;
  color: #0e0a1a !important;
  border: 1px solid rgba(14, 10, 26, 0.10) !important;
}

/* Lender list rows on outreach (checkboxes with lender names) */
html body .lender-row, html body .recipient-row, html body [class*="lender-row"],
html body [class*="recipient-row"], html body .list-row {
  background: transparent !important;
  border-color: rgba(14, 10, 26, 0.08) !important;
  color: #0e0a1a !important;
}
html body .lender-row:hover, html body .recipient-row:hover, html body .list-row:hover {
  background: rgba(201, 169, 97, 0.06) !important;
}

/* Message preview / template box */
html body .message-box, html body .preview-box, html body .template-box,
html body [class*="message-preview"], html body [class*="email-preview"] {
  background: #ffffff !important;
  color: #0e0a1a !important;
  border: 1px solid rgba(14, 10, 26, 0.10) !important;
}

/* Sub-headings inside cards/panels that use light gray (originally on dark bg) */
html body p, html body div, html body span {
  /* Don't blanket override - only specific .text-light patterns */
}
html body .subtitle, html body .description, html body .helper-text, html body [class*="-helper"] {
  color: rgba(14, 10, 26, 0.65) !important;
}

/* "All Tiers" button (active gold) on outreach */
html body button.tier-all.active, html body .tier-filter.active {
  background: linear-gradient(135deg, #c9a961 0%, #b89346 100%) !important;
  color: #1a0f2e !important;
}

/* Coral/pink accent buttons on ai-lender-search (preserve their accent color but make them work on light bg) */
/* These were originally coral; keep coral but ensure visibility */
html body [class*="bg-pink"], html body [class*="bg-coral"], html body [class*="bg-rose"] {
  background-color: #c87078 !important;
  color: #ffffff !important;
}

/* "AI reads the file" badge etc. */
html body .ai-badge, html body [class*="ai-badge"], html body [class*="powered-by"] {
  background: #c87078 !important;
  color: #ffffff !important;
}

/* Empty state text */
html body .empty-state, html body .empty-message, html body [class*="empty-state"] {
  color: rgba(14, 10, 26, 0.55) !important;
}


/* V9: Targeted fixes for .filter-btn (lenders.html), .card-title (lender-outreach) */

/* Filter buttons (lenders.html CATEGORY/TIER) - inactive faded bone color */
html body .filter-btn {
  background: rgba(14, 10, 26, 0.06) !important;
  background-image: none !important;
  color: rgba(14, 10, 26, 0.7) !important;
  border: 1px solid rgba(14, 10, 26, 0.10) !important;
}
html body .filter-btn:hover {
  background: rgba(201, 169, 97, 0.10) !important;
  color: #0e0a1a !important;
}
html body .filter-btn.active {
  background: rgba(201, 169, 97, 0.18) !important;
  background-image: none !important;
  color: #a57929 !important;
  font-weight: 600 !important;
  border-color: rgba(201, 169, 97, 0.35) !important;
}

/* Card titles (lender-outreach 'Select recipients' / 'Message preview' / 'Recent sends') */
html body .card-title, html body .card-header, html body .panel-title, html body .panel-header,
html body [class*="card-title"], html body [class*="card-header"],
html body [class*="panel-title"], html body [class*="panel-header"] {
  color: #0e0a1a !important;
}
html body .card-title em, html body .card-title i,
html body .card-header em, html body .card-header i,
html body .panel-title em, html body .panel-title i,
html body .panel-header em, html body .panel-header i {
  color: #a57929 !important;
}

/* Subject line in email preview (italic gold heading) */
html body .email-subject, html body [class*="email-subject"] { color: #a57929 !important; }

/* Recent sends list items (the date stamps on the right) */
html body .send-item, html body .recent-item, html body [class*="recent-send"], html body [class*="send-row"] {
  color: #0e0a1a !important;
}
html body .send-time, html body .send-date, html body [class*="send-time"], html body [class*="timestamp"] {
  color: rgba(14, 10, 26, 0.55) !important;
}

/* Form labels (YOUR NAME (SIGNATURE), etc.) */
html body .input-label, html body label, html body [class*="input-label"] {
  color: rgba(14, 10, 26, 0.65) !important;
}

/* Field-row in lender cards (the boxed MIN CREDIT, AMOUNT RANGE rows) */
html body .field, html body div.field {
  background: rgba(14, 10, 26, 0.04) !important;
  color: #0e0a1a !important;
  border: 1px solid rgba(14, 10, 26, 0.06) !important;
}
html body .field-label, html body .field .label { color: rgba(14, 10, 26, 0.55) !important; }
html body .field-value, html body .field .value { color: #0e0a1a !important; opacity: 1 !important; }

/* Selected count, generic muted text patterns */
html body .count, html body .badge-count, html body [class*="selected-count"] {
  color: #0e0a1a !important;
}
html body .selected-label { color: rgba(14, 10, 26, 0.65) !important; }

/* ai-lender-search 'Describe Your Financing Needs' section header & 'Match from a Client Application' subheader */
html body .section-title, html body .section-header, html body [class*="section-title"], html body [class*="section-header"] {
  color: #0e0a1a !important;
}
html body .section-description, html body .section-subtitle, html body .helper, html body .helper-text {
  color: rgba(14, 10, 26, 0.6) !important;
}

/* Send button in disabled state on outreach */
html body button[disabled], html body .btn-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
html body button.primary[disabled] {
  background: rgba(201, 169, 97, 0.4) !important;
  color: rgba(26, 15, 46, 0.6) !important;
}


/* V10: Lender card detail-item boxes + generic dark-bg containers */

/* Lender card detail rows (MIN CREDIT, AMOUNT RANGE, etc.) */
html body .detail-item {
  background: rgba(14, 10, 26, 0.04) !important;
  background-image: none !important;
  border: 1px solid rgba(14, 10, 26, 0.08) !important;
  color: #0e0a1a !important;
}
html body .detail-label {
  color: rgba(14, 10, 26, 0.55) !important;
  opacity: 1 !important;
}
html body .detail-value {
  color: #0e0a1a !important;
  opacity: 1 !important;
  font-weight: 600 !important;
}

/* Lender card components */
html body .lender-card {
  background: #faf7f0 !important;
  background-image: none !important;
  border: 1px solid rgba(14, 10, 26, 0.10) !important;
  color: #0e0a1a !important;
}
html body .lender-header { background: transparent !important; }
html body .lender-name { color: #0e0a1a !important; }
html body .lender-details { background: transparent !important; }
html body .lender-actions { background: transparent !important; border-color: rgba(14, 10, 26, 0.06) !important; }

/* Tier badges - keep colored but ensure visibility */
html body .tier-badge { color: #1a0f2e !important; font-weight: 600 !important; }
html body .tier-badge.tier-A { background: rgba(107, 155, 122, 0.20) !important; color: #3d6b4f !important; }
html body .tier-badge.tier-B { background: rgba(140, 163, 196, 0.25) !important; color: #4a6b8c !important; }
html body .tier-badge.tier-C { background: rgba(199, 154, 74, 0.20) !important; color: #a57929 !important; }
html body .tier-badge.tier-D { background: rgba(178, 96, 112, 0.20) !important; color: #9a4a5a !important; }
html body .cat-badge { background: rgba(201, 169, 97, 0.18) !important; color: #a57929 !important; font-weight: 600 !important; }

/* Generic 'detail' / 'info' / 'stat' boxes used across pages */
html body .info-box, html body .info-item, html body .stat-box,
html body .data-row, html body .data-item, html body .meta-box,
html body [class*="detail-box"], html body [class*="info-row"] {
  background: rgba(14, 10, 26, 0.04) !important;
  background-image: none !important;
  color: #0e0a1a !important;
  border: 1px solid rgba(14, 10, 26, 0.06) !important;
}

/* Generic lender/partner/vendor cards */
html body .partner-card, html body .vendor-card, html body .integration-card,
html body .resource-card, html body .program-card, html body [class*="-tile"]:not(.tile-sidebar) {
  background: #faf7f0 !important;
  background-image: none !important;
  color: #0e0a1a !important;
  border: 1px solid rgba(14, 10, 26, 0.10) !important;
}

/* Specific recent-sends list items on lender-outreach */
html body .recent-item, html body .recent-row, html body [class*="recent-"]:not(.recent-label) {
  color: #0e0a1a !important;
}
html body .recent-time, html body .recent-date, html body [class*="-time"]:not(.time-input) {
  color: rgba(14, 10, 26, 0.55) !important;
}


/* V11: Tailwind bg utility class overrides (campaigns.html Duplicate buttons etc.) */
html body .bg-gray-100, html body .bg-gray-200 { background-color: rgba(14, 10, 26, 0.04) !important; color: #0e0a1a !important; }
html body .bg-gray-300, html body .bg-gray-400 { background-color: rgba(14, 10, 26, 0.08) !important; color: #0e0a1a !important; }
html body .bg-gray-500, html body .bg-gray-600 { background-color: rgba(14, 10, 26, 0.08) !important; color: #0e0a1a !important; border: 1px solid rgba(14, 10, 26, 0.10) !important; }
html body .bg-gray-700, html body .bg-gray-800, html body .bg-gray-900 { background-color: rgba(14, 10, 26, 0.08) !important; color: #0e0a1a !important; }
html body .bg-gray-600:hover, html body .bg-gray-700:hover, html body .bg-gray-800:hover { background-color: rgba(201, 169, 97, 0.15) !important; }
html body .hover\:bg-gray-700:hover, html body .hover\:bg-gray-800:hover { background-color: rgba(201, 169, 97, 0.15) !important; }

/* Tailwind colored backgrounds (status badges using bg-blue, bg-pink, bg-red, etc.) */
html body .bg-blue-500, html body .bg-blue-600 { background-color: rgba(140, 163, 196, 0.25) !important; color: #4a6b8c !important; }
html body .bg-pink-500, html body .bg-pink-600, html body .bg-rose-500 { background-color: rgba(200, 112, 120, 0.20) !important; color: #c87078 !important; }
html body .bg-red-500, html body .bg-red-600 { background-color: rgba(178, 96, 112, 0.20) !important; color: #9a4a5a !important; }
html body .bg-green-500, html body .bg-green-600 { background-color: rgba(107, 155, 122, 0.20) !important; color: #3d6b4f !important; }
html body .bg-yellow-500, html body .bg-yellow-600 { background-color: rgba(199, 154, 74, 0.20) !important; color: #a57929 !important; }
html body .bg-purple-500, html body .bg-purple-600 { background-color: rgba(107, 93, 122, 0.20) !important; color: #6b5d7a !important; }

/* Status badges with specific classes */
html body .status-sending { background: rgba(140, 163, 196, 0.20) !important; color: #4a6b8c !important; }
html body .status-draft { background: rgba(14, 10, 26, 0.08) !important; color: rgba(14, 10, 26, 0.6) !important; }
html body .status-paused { background: rgba(199, 154, 74, 0.20) !important; color: #a57929 !important; }
html body .status-completed { background: rgba(107, 155, 122, 0.20) !important; color: #3d6b4f !important; }

/* Campaign card footer / action area */
html body .campaign-card .flex.gap-2 { background: transparent !important; padding-top: 12px; border-top: 1px solid rgba(14, 10, 26, 0.06); }


/* V12: INLINE style overrides for hardcoded white text and dark backgrounds in HTML markup */
html body main [style*="color:#fff"],
html body main [style*="color: #fff"],
html body main [style*="color:#FFF"],
html body main [style*="color: #FFF"],
html body main [style*="color:#ffffff"],
html body main [style*="color: #ffffff"],
html body main [style*="color:white"],
html body main [style*="color: white"],
html body main [style*="color:rgb(255"],
html body main [style*="color: rgb(255"] {
  color: #0e0a1a !important;
}
html body main [style*="color:#f5f1e8"],
html body main [style*="color: #f5f1e8"],
html body main [style*="color:#e8e2d3"],
html body main [style*="color: #e8e2d3"] {
  color: #0e0a1a !important;
}
html body main [style*="color:rgba(255, 255, 255"],
html body main [style*="color: rgba(255, 255, 255"] {
  color: rgba(14, 10, 26, 0.6) !important;
}
html body main [style*="background:#0e0a1a"],
html body main [style*="background: #0e0a1a"],
html body main [style*="background:#1a0f2e"],
html body main [style*="background: #1a0f2e"],
html body main [style*="background-color:#0e0a1a"],
html body main [style*="background-color: #0e0a1a"] {
  background: #faf7f0 !important;
  color: #0e0a1a !important;
}


/* V13: Catch rgba variants WITHOUT spaces between commas */
html body main [style*="color:rgba(255,255,255"],
html body main [style*="color: rgba(255,255,255"],
html body main [style*="color:rgb(255,255,255"],
html body main [style*="color: rgb(255,255,255"] {
  color: rgba(14, 10, 26, 0.6) !important;
}
html body main [style*="color:rgba(245,241,232"],
html body main [style*="color:rgba(232,226,211"] {
  color: rgba(14, 10, 26, 0.55) !important;
}


/* V14: API documentation - keep .endpoint cards dark (intentional code-doc styling), force light text inside */

html body .endpoint, html body .api-endpoint, html body [class*="endpoint-card"] {
  background: #1a0f2e !important;
  background-image: none !important;
  color: #f5f1e8 !important;
  border: 1px solid rgba(201, 169, 97, 0.2) !important;
}
html body .endpoint *,
html body .endpoint h1, html body .endpoint h2, html body .endpoint h3, html body .endpoint h4, html body .endpoint h5, html body .endpoint h6,
html body .endpoint p, html body .endpoint div, html body .endpoint span,
html body .endpoint ul, html body .endpoint li,
html body .endpoint .params, html body .endpoint .params *,
html body .api-endpoint *, html body [class*="endpoint-card"] * {
  color: #f5f1e8 !important;
}
html body .endpoint th, html body .endpoint thead {
  color: rgba(245, 241, 232, 0.7) !important;
  border-color: rgba(245, 241, 232, 0.15) !important;
  background: transparent !important;
}
html body .endpoint td {
  color: #f5f1e8 !important;
  border-color: rgba(245, 241, 232, 0.1) !important;
}
html body .endpoint table tbody tr:hover td {
  background: rgba(201, 169, 97, 0.08) !important;
}
html body .endpoint code, html body .endpoint pre {
  background: rgba(14, 10, 26, 0.6) !important;
  color: #d4d4d4 !important;
  border: 1px solid rgba(245, 241, 232, 0.1) !important;
}
/* Preserve colored type / required indicators inside endpoints */
html body .endpoint .type, html body .endpoint [class*="type"] { color: #6bcf7f !important; }
html body .endpoint .required, html body .endpoint [class*="required"] { color: #ff6b6b !important; }
html body .endpoint .optional, html body .endpoint [class*="optional"] { color: rgba(245, 241, 232, 0.5) !important; }
html body .endpoint .method, html body .endpoint .method-badge { color: #ffffff !important; }
html body .endpoint .response-code-200, html body .endpoint .status-200 { color: #ffffff !important; }

/* Base URL callout box (similar dark styling) */
html body .base-url, html body .url-box, html body [class*="base-url"] {
  background: #1a0f2e !important;
  color: #f5f1e8 !important;
  border: 1px solid rgba(201, 169, 97, 0.3) !important;
}
html body .base-url *, html body .url-box * { color: #f5f1e8 !important; }

/* API doc page sidebar (its own internal nav, different from admin sidebar) - keep dark */
html body nav.sidebar, html body aside.sidebar {
  background: #1a0f2e !important;
  color: #f5f1e8 !important;
}
html body nav.sidebar .category, html body aside.sidebar .category {
  color: rgba(201, 169, 97, 0.8) !important;
  font-weight: 600 !important;
}
html body nav.sidebar a, html body aside.sidebar a {
  color: rgba(245, 241, 232, 0.7) !important;
}
html body nav.sidebar a:hover, html body nav.sidebar a.active {
  color: #f5f1e8 !important;
  background: rgba(201, 169, 97, 0.15) !important;
}
html body nav.sidebar li, html body aside.sidebar li {
  color: rgba(245, 241, 232, 0.85) !important;
}


/* V15: Headings inside dark nav.sidebar (api-documentation page) should be light gold, not dark */
html body nav.sidebar h1, html body nav.sidebar h2, html body nav.sidebar h3, html body nav.sidebar h4, html body nav.sidebar h5, html body nav.sidebar h6,
html body aside.sidebar h1, html body aside.sidebar h2, html body aside.sidebar h3, html body aside.sidebar h4, html body aside.sidebar h5, html body aside.sidebar h6 {
  color: rgba(201, 169, 97, 0.85) !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
}


/* V16: Beat page-specific body !important rules; flip --rc-* var namespace; force dark cards light */

/* HIGHER SPECIFICITY body override - beats page CSS "body { ... !important }" */
html body, html > body, body[class], body:not([data-noop]) {
  background-color: #faf7f0 !important;
  background-image: none !important;
  background: #faf7f0 !important;
  color: #0e0a1a !important;
}

/* But sidebar and mobile header stay dark */
html body #rcSidebar, html body nav.sidebar, html body aside.sidebar {
  background: linear-gradient(180deg, #0e0a1a 0%, #1a0f2e 100%) !important;
  background-color: #0e0a1a !important;
  color: #e8e2d3 !important;
}
html body #rcMobileHeader {
  background: #0e0a1a !important;
  color: #e8e2d3 !important;
}

/* --rc-* variable namespace (used by analytics, employees, etc. - different from --ink/--ivory) */
/* Don't fully flip these as sidebar uses them. Instead override ONLY the body-context usage via direct selectors below. */

/* Stat cards / KPI cards with dark bg patterns */
html body .stat-card, html body .kpi-card, html body .metric-card, html body .summary-card,
html body [class*="stat-card"], html body [class*="kpi-card"], html body [class*="metric-card"] {
  background: #faf7f0 !important;
  background-image: none !important;
  color: #0e0a1a !important;
  border: 1px solid rgba(14, 10, 26, 0.10) !important;
}
html body .stat-card *, html body .kpi-card *, html body .metric-card * {
  color: inherit;
}
html body .stat-label, html body .kpi-label, html body .metric-label,
html body .stat-card .label, html body .kpi-card .label {
  color: rgba(14, 10, 26, 0.55) !important;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.75rem;
}
html body .stat-value, html body .kpi-value, html body .metric-value,
html body .stat-card .value, html body .kpi-card .value {
  color: #0e0a1a !important;
  font-weight: 600 !important;
}
html body .stat-change, html body .kpi-change, html body .metric-change,
html body .stat-card .change, html body .kpi-card .change {
  color: rgba(14, 10, 26, 0.55) !important;
}

/* Chart containers (analytics.html) */
html body .chart-container, html body .chart-card, html body [class*="chart-"]:not(.chart-grid):not(.chart-svg):not(.chart-tooltip) {
  background: #faf7f0 !important;
  color: #0e0a1a !important;
  border: 1px solid rgba(14, 10, 26, 0.10) !important;
}
html body .chart-title, html body .chart-header {
  color: #0e0a1a !important;
}

/* Tables (employees.html) - force light bg */
html body table, html body .table, html body [class*="-table"]:not(.data-table-dark) {
  background: transparent !important;
  color: #0e0a1a !important;
}
html body table tbody, html body table tbody tr {
  background: transparent !important;
  color: #0e0a1a !important;
}
html body table thead, html body table thead tr, html body table th {
  background: rgba(14, 10, 26, 0.04) !important;
  color: rgba(14, 10, 26, 0.65) !important;
  border-bottom: 1px solid rgba(14, 10, 26, 0.10) !important;
}
html body table td {
  background: transparent !important;
  color: #0e0a1a !important;
  border-bottom: 1px solid rgba(14, 10, 26, 0.06) !important;
}
html body table tr:hover td {
  background: rgba(201, 169, 97, 0.06) !important;
}

/* Search inputs with dark bg */
html body input[type="text"], html body input[type="search"], html body input[type="email"], html body input[type="tel"],
html body input[type="number"], html body input[type="url"], html body input[type="password"],
html body textarea, html body select {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #0e0a1a !important;
  border: 1px solid rgba(14, 10, 26, 0.15) !important;
}
html body input::placeholder, html body textarea::placeholder {
  color: rgba(14, 10, 26, 0.4) !important;
}

/* Top bar / page header strip (webhooks etc.) */
html body .page-header, html body .top-bar, html body .header-bar, html body [class*="page-header"], html body [class*="top-bar"] {
  background: transparent !important;
  color: #0e0a1a !important;
}

/* Employee row / generic data row */
html body .employee-row, html body .data-row, html body .list-item, html body [class*="-row"]:not(.row):not(.flex-row) {
  background: transparent !important;
  color: #0e0a1a !important;
  border-color: rgba(14, 10, 26, 0.06) !important;
}

/* Pages that use a wrapper div with dark bg */
html body .page-wrapper, html body .content-wrapper, html body main.dark,
html body .dark-section { 
  background: transparent !important;
  color: #0e0a1a !important;
}


/* V17: Tailwind opacity variants like bg-gray-800/50, bg-blue-500/20 etc. - use attribute selector */

html body [class*="bg-gray-700"], html body [class*="bg-gray-800"], html body [class*="bg-gray-900"] {
  background-color: #faf7f0 !important;
  background-image: none !important;
  color: #0e0a1a !important;
}
html body [class*="bg-gray-500"], html body [class*="bg-gray-600"] {
  background-color: rgba(14, 10, 26, 0.06) !important;
  background-image: none !important;
  color: #0e0a1a !important;
}

/* Tailwind arbitrary colored backgrounds at any opacity */
html body [class*="bg-blue-50"], html body [class*="bg-blue-100"], html body [class*="bg-blue-200"] { background-color: rgba(140, 163, 196, 0.10) !important; color: #4a6b8c !important; }
html body [class*="bg-green-500/"], html body [class*="bg-green-600/"] { background-color: rgba(107, 155, 122, 0.15) !important; color: #3d6b4f !important; }
html body [class*="bg-blue-500/"], html body [class*="bg-blue-600/"] { background-color: rgba(140, 163, 196, 0.15) !important; color: #4a6b8c !important; }
html body [class*="bg-yellow-500/"], html body [class*="bg-yellow-600/"] { background-color: rgba(199, 154, 74, 0.15) !important; color: #a57929 !important; }
html body [class*="bg-red-500/"], html body [class*="bg-red-600/"] { background-color: rgba(178, 96, 112, 0.15) !important; color: #9a4a5a !important; }
html body [class*="bg-purple-500/"], html body [class*="bg-purple-600/"] { background-color: rgba(107, 93, 122, 0.15) !important; color: #6b5d7a !important; }

/* Table headers / data inside dark-bg containers — ensure light styling */
html body [class*="bg-gray-800"] table, html body [class*="bg-gray-700"] table,
html body [class*="bg-gray-800"] th, html body [class*="bg-gray-700"] th,
html body [class*="bg-gray-800"] td, html body [class*="bg-gray-700"] td {
  background: transparent !important;
  color: #0e0a1a !important;
}
html body [class*="bg-gray-800"] thead, html body [class*="bg-gray-700"] thead {
  background: rgba(14, 10, 26, 0.04) !important;
}
html body [class*="bg-gray-800"] thead th, html body [class*="bg-gray-700"] thead th {
  color: rgba(14, 10, 26, 0.65) !important;
  background: transparent !important;
}

/* Tailwind border opacity variants */
html body [class*="border-[#c9a961]"], html body [class*="border-green-500"], html body [class*="border-blue-500"],
html body [class*="border-yellow-500"], html body [class*="border-red-500"], html body [class*="border-purple-500"] {
  border-color: rgba(14, 10, 26, 0.10) !important;
}

/* Stat label / value inside Tailwind utility cards (numbers like 3, 3, 2, 1 on employees) */
html body [class*="bg-gray-800"] .text-3xl, html body [class*="bg-gray-800"] .text-2xl,
html body [class*="bg-gray-700"] .text-3xl, html body [class*="bg-gray-700"] .text-2xl {
  color: #0e0a1a !important;
  font-weight: 600 !important;
}
html body [class*="bg-gray-800"] .text-sm, html body [class*="bg-gray-800"] .text-xs,
html body [class*="bg-gray-700"] .text-sm, html body [class*="bg-gray-700"] .text-xs {
  color: rgba(14, 10, 26, 0.55) !important;
}

/* Analytics page heading specifically (h1 inside dark wrapper) */
html body h1.text-white, html body h1[class*="text-white"],
html body h2.text-white, html body h2[class*="text-white"] {
  color: #0e0a1a !important;
}


/* V18: HIGHER SPECIFICITY for Tailwind utility overrides - beat page Tailwind that loads after */

/* Doubled-class trick boosts specificity to (0,0,2,2) - higher than any single-class Tailwind rule */
html body [class*="bg-gray-700"][class*="bg-gray-700"],
html body [class*="bg-gray-800"][class*="bg-gray-800"],
html body [class*="bg-gray-900"][class*="bg-gray-900"] {
  background-color: #faf7f0 !important;
  background-image: none !important;
  background: #faf7f0 !important;
  color: #0e0a1a !important;
}

/* For partial match Tailwind (when bg-gray-800 is part of a longer class string with /opacity) */
html body main [class*="bg-gray-700"],
html body main [class*="bg-gray-800"],
html body main [class*="bg-gray-900"] {
  background-color: #faf7f0 !important;
  background-image: none !important;
  background: #faf7f0 !important;
  color: #0e0a1a !important;
}

/* Inputs with dark Tailwind bg */
html body input[class*="bg-gray-"], html body textarea[class*="bg-gray-"], html body select[class*="bg-gray-"] {
  background-color: #ffffff !important;
  color: #0e0a1a !important;
  border-color: rgba(14, 10, 26, 0.15) !important;
}

/* Tailwind text utilities inside the formerly-dark cards */
html body [class*="bg-gray-700"] .text-gray-400,
html body [class*="bg-gray-800"] .text-gray-400,
html body [class*="bg-gray-700"] .text-gray-500,
html body [class*="bg-gray-800"] .text-gray-500 {
  color: rgba(14, 10, 26, 0.55) !important;
}
html body [class*="bg-gray-700"] .text-gray-300,
html body [class*="bg-gray-800"] .text-gray-300,
html body [class*="bg-gray-700"] .text-gray-100,
html body [class*="bg-gray-800"] .text-gray-100,
html body [class*="bg-gray-700"] .text-white,
html body [class*="bg-gray-800"] .text-white {
  color: #0e0a1a !important;
}

/* h1 inside main with no class (analytics 'Analytics' header) */
html body main > h1, html body main h1:first-child, html body .rc-main-content h1:first-of-type {
  color: #0e0a1a !important;
}

/* Page heading colors via inherited body text-gray-100 */
html body.text-gray-100 h1, html body.text-gray-100 h2, html body.text-gray-100 h3 {
  color: #0e0a1a !important;
}

/* Borders for Tailwind arbitrary-value border classes - currently bright on dark, need muted on light */
html body main [class*="border-[#c9a961]"],
html body main [class*="border-gray-700"],
html body main [class*="border-green-500/"],
html body main [class*="border-blue-500/"],
html body main [class*="border-yellow-500/"],
html body main [class*="border-red-500/"] {
  border-color: rgba(14, 10, 26, 0.10) !important;
}

/* Special: keep colored border indicators readable */
html body main .border-green-500\\/30, html body main [class*="border-green-500/30"] { border-color: rgba(107, 155, 122, 0.30) !important; }
html body main [class*="border-blue-500/30"] { border-color: rgba(140, 163, 196, 0.30) !important; }
html body main [class*="border-yellow-500/30"] { border-color: rgba(199, 154, 74, 0.30) !important; }


/* V19: BEAT sidebar.css conflicts + flip --rc-* var namespace + fix remaining page titles & inputs */

/* Override --rc-* variable namespace so page CSS using these computes to light theme */
:root, html, html:root {
  --rc-ink: #f5f1e8 !important;
  --rc-ivory: #0e0a1a !important;
  --rc-bone: #0e0a1a !important;
  --rc-bone-muted: rgba(14, 10, 26, 0.6) !important;
  --rc-aubergine: rgba(14, 10, 26, 0.04) !important;
  --rc-aubergine-deep: rgba(14, 10, 26, 0.06) !important;
  --rc-champagne: #c9a961 !important;
  --rc-hair: rgba(14, 10, 26, 0.10) !important;
  --rc-hair-bright: rgba(14, 10, 26, 0.22) !important;
  --rc-rule: rgba(14, 10, 26, 0.10) !important;
  --rc-mute: rgba(14, 10, 26, 0.55) !important;
  --rc-card-bg: #faf7f0 !important;
}

/* Specificity-boosted Tailwind opacity-variant rules - beat sidebar.css's .bg-gray-800/50.rounded-* */
html body [class*="bg-gray-700"][class*="rounded"],
html body [class*="bg-gray-800"][class*="rounded"],
html body [class*="bg-gray-900"][class*="rounded"] {
  background: #faf7f0 !important;
  background-color: #faf7f0 !important;
  background-image: none !important;
  color: #0e0a1a !important;
  border-color: rgba(14, 10, 26, 0.10) !important;
}

/* Even higher specificity - body class + descendant */
html body.text-gray-100 [class*="bg-gray-700"][class*="rounded"],
html body.text-gray-100 [class*="bg-gray-800"][class*="rounded"],
html body.text-gray-100 [class*="bg-gray-900"][class*="rounded"] {
  background: #faf7f0 !important;
  background-color: #faf7f0 !important;
  background-image: none !important;
  color: #0e0a1a !important;
}

/* Text inside these formerly-dark cards: keep readable */
html body [class*="bg-gray-700"][class*="rounded"] *,
html body [class*="bg-gray-800"][class*="rounded"] *,
html body [class*="bg-gray-900"][class*="rounded"] * {
  color: inherit;
}
html body [class*="bg-gray-700"][class*="rounded"] .font-semibold,
html body [class*="bg-gray-700"][class*="rounded"] .font-bold,
html body [class*="bg-gray-800"][class*="rounded"] .font-semibold,
html body [class*="bg-gray-800"][class*="rounded"] .font-bold,
html body [class*="bg-gray-700"][class*="rounded"] h1, html body [class*="bg-gray-700"][class*="rounded"] h2, html body [class*="bg-gray-700"][class*="rounded"] h3, html body [class*="bg-gray-700"][class*="rounded"] h4,
html body [class*="bg-gray-800"][class*="rounded"] h1, html body [class*="bg-gray-800"][class*="rounded"] h2, html body [class*="bg-gray-800"][class*="rounded"] h3, html body [class*="bg-gray-800"][class*="rounded"] h4 {
  color: #0e0a1a !important;
}
html body [class*="bg-gray-700"][class*="rounded"] .text-sm,
html body [class*="bg-gray-700"][class*="rounded"] .text-xs,
html body [class*="bg-gray-800"][class*="rounded"] .text-sm,
html body [class*="bg-gray-800"][class*="rounded"] .text-xs {
  color: rgba(14, 10, 26, 0.65) !important;
}

/* Page titles with hardcoded text-white (ai-settings, credit-settings, etc.) */
html body main h1.text-white, html body main h2.text-white, html body main h3.text-white,
html body main h1[class*="text-white"], html body main h2[class*="text-white"], html body main h3[class*="text-white"],
html body main h1[class*="text-gray-100"], html body main h2[class*="text-gray-100"], html body main h3[class*="text-gray-100"],
html body main .text-2xl, html body main .text-3xl {
  color: #0e0a1a !important;
}
/* But not those inside dark sidebar */
html body nav.sidebar h1, html body nav.sidebar h2, html body nav.sidebar h3,
html body aside.sidebar h1, html body aside.sidebar h2, html body aside.sidebar h3 {
  color: rgba(201, 169, 97, 0.85) !important;
}

/* Inputs with bg-gray-900 (employees search) - higher specificity */
html body main input[class*="bg-gray-"],
html body input.input-field[class*="bg-gray-"],
html body input[class*="bg-gray-900"], html body input[class*="bg-gray-800"], html body input[class*="bg-gray-700"] {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #0e0a1a !important;
  border-color: rgba(14, 10, 26, 0.15) !important;
}

/* Communications/SMS split-view panel container */
html body .messages-container, html body .sms-container, html body .conversation-panel,
html body [class*="messages-"]:not(.message-content), html body [class*="conversation-"] {
  background: #faf7f0 !important;
  background-image: none !important;
  color: #0e0a1a !important;
}

/* Generic dark-section wrappers using --rc-aubergine var */
html body main section, html body main aside, html body main article {
  background: transparent !important;
  color: #0e0a1a !important;
}


/* V20: ai-settings feature-title class with hardcoded white text */
html body main .feature-title, html body .feature-title {
  color: #0e0a1a !important;
  font-weight: 600 !important;
}
html body main .feature-text, html body .feature-text { color: #0e0a1a !important; }
html body main .feature-text p, html body .feature-text .text-sm { color: rgba(14, 10, 26, 0.65) !important; }
html body main .feature-card, html body .feature-card { background: rgba(14, 10, 26, 0.03) !important; border: 1px solid rgba(14, 10, 26, 0.08) !important; color: #0e0a1a !important; }


/* V21: Faded gold text on cream bg - increase contrast */
html body #appLoadedNote {
  color: #0e0a1a !important;
  background: rgba(201, 169, 97, 0.12) !important;
  padding: 8px 12px !important;
  border-radius: 6px !important;
  border-left: 3px solid #c9a961 !important;
  font-weight: 500 !important;
  font-size: 0.85rem !important;
  margin-top: 10px !important;
}

/* Any other gold-on-cream small text that may be faded */
html body main [style*="color: rgb(201, 169, 97)"]:not(.btn):not(button),
html body main [style*="color:#c9a961"]:not(.btn):not(button),
html body main [style*="color: #c9a961"]:not(.btn):not(button) {
  color: #8a6e2f !important;
}


/* V22: settings.html PayPal credentials display strip — bump faded labels */
html body .credentials-display .cred-label,
html body .paypal-creds .cred-label,
html body [class*="credentials"] [class*="-label"],
html body [class*="paypal"] [class*="-label"] {
  color: rgba(14, 10, 26, 0.65) !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.7rem !important;
}

/* Generic catch: any small label inside a card that's gold-tinted on cream */
html body .integration-card .label,
html body .integration-card label,
html body [class*="integration"] [class*="label"] {
  color: rgba(14, 10, 26, 0.65) !important;
}

/* Force readable contrast on any inline-styled credentials value strip */
html body [style*="color: rgba(232, 226, 211"],
html body [style*="color:rgba(232,226,211"],
html body [style*="color: rgb(232, 226, 211"],
html body [style*="color:rgb(232,226,211"] {
  color: #0e0a1a !important;
}


/* V23: settings.html PayPal credentials strip - inline-styled gold labels (#b89346) 
   that are hard to read on the gray card background */
html body #paypal-status-readout [style*="color:#b89346"],
html body #paypal-status-readout [style*="color: #b89346"],
html body [id*="status-readout"] [style*="#b89346"] {
  color: rgba(14, 10, 26, 0.7) !important;
  font-weight: 600 !important;
}

/* Catch any other inline-styled #b89346 small labels site-wide */
html body main [style*="color:#b89346"][style*="font-size:10px"],
html body main [style*="color: #b89346"][style*="font-size:10px"] {
  color: rgba(14, 10, 26, 0.65) !important;
  font-weight: 600 !important;
}