/* ============================================================================
   White-box readability fix  (2026-06-10)
   ----------------------------------------------------------------------------
   The faint grey palette — rgba(165,186,202,*), #a5bacb, #8aa0b0, #7a8794 — is
   tuned for the dark navy theme. Inside the white data tables (Customers,
   Ops/IT-Glue Customers, Products) that text is too light to read on white.

   This sheet darkens ONLY those faint-grey tokens, and ONLY inside the white
   tables, to a readable slate (#475569). Semantic colours (green / amber / red
   / teal links / navy) are NOT faint-grey tokens, so they're left untouched.
   The dark-theme UI elsewhere on the site is unaffected.

   Inline styles are beaten with !important via attribute-substring selectors
   that match the faint token wherever it appears in an element's inline style.
   ============================================================================ */

.cust-table [style*="165,186,202"]:not(.cust-name),
.opsc-table [style*="165,186,202"]:not(.opsc-name),
.pc-table  [style*="165,186,202"],
.cust-table [style*="#a5bacb"],
.opsc-table [style*="#a5bacb"],
.pc-table  [style*="#a5bacb"],
.cust-table [style*="#8aa0b0"],
.opsc-table [style*="#8aa0b0"],
.pc-table  [style*="#8aa0b0"],
.cust-table [style*="#7a8794"],
.opsc-table [style*="#7a8794"],
.pc-table  [style*="#7a8794"] {
  color: #475569 !important;
}

/* Empty/placeholder dashes ("—") and "no match" markers that sit on their own
   in a white cell — make sure they're a clear mid-slate, not near-invisible. */
.cust-table td > span[style*="#a5bacb"],
.opsc-table td > span[style*="#a5bacb"],
.pc-table  td > span[style*="#a5bacb"] {
  color: #64748b !important;
}


/* ============================================================================
   Finance pages — white list sections + readable dark text (2026-06-20, Nathan)
   Whitens list/table sections and darkens the faint dark-theme greys that land
   on them. Scoped to finance page IDs; semantic colours (green/amber/red/teal)
   are untouched. Dark-card backgrounds outside tables are a separate follow-up.
   ============================================================================ */
#page-xero, #page-billing-hub, #page-bill-run, #page-rates, #page-fin-reporting, #page-fin-hmrc, #page-fin-assets, #page-fin-investment, #page-fin-liabilities, #page-fin-shares, #page-finance, #page-revenue, #page-collections { --muted:#5c6b78; }
#page-xero table,
#page-billing-hub table,
#page-bill-run table,
#page-rates table,
#page-fin-reporting table,
#page-fin-hmrc table,
#page-fin-assets table,
#page-fin-investment table,
#page-fin-liabilities table,
#page-fin-shares table,
#page-finance table,
#page-revenue table,
#page-collections table,
#page-xero .dev-table,
#page-billing-hub .dev-table,
#page-bill-run .dev-table,
#page-rates .dev-table,
#page-fin-reporting .dev-table,
#page-fin-hmrc .dev-table,
#page-fin-assets .dev-table,
#page-fin-investment .dev-table,
#page-fin-liabilities .dev-table,
#page-fin-shares .dev-table,
#page-finance .dev-table,
#page-revenue .dev-table,
#page-collections .dev-table { background:#ffffff !important; }
#page-xero table th,
#page-billing-hub table th,
#page-bill-run table th,
#page-rates table th,
#page-fin-reporting table th,
#page-fin-hmrc table th,
#page-fin-assets table th,
#page-fin-investment table th,
#page-fin-liabilities table th,
#page-fin-shares table th,
#page-finance table th,
#page-revenue table th,
#page-collections table th { color:#5c6b78 !important; }
#page-xero [style*="165,186,202"],
#page-xero [style*="#a5bacb"],
#page-xero [style*="#8aa0b0"],
#page-xero [style*="#7a8794"],
#page-xero [style*="#9fb2c2"],
#page-xero [style*="#94a3b8"],
#page-billing-hub [style*="165,186,202"],
#page-billing-hub [style*="#a5bacb"],
#page-billing-hub [style*="#8aa0b0"],
#page-billing-hub [style*="#7a8794"],
#page-billing-hub [style*="#9fb2c2"],
#page-billing-hub [style*="#94a3b8"],
#page-bill-run [style*="165,186,202"],
#page-bill-run [style*="#a5bacb"],
#page-bill-run [style*="#8aa0b0"],
#page-bill-run [style*="#7a8794"],
#page-bill-run [style*="#9fb2c2"],
#page-bill-run [style*="#94a3b8"],
#page-rates [style*="165,186,202"],
#page-rates [style*="#a5bacb"],
#page-rates [style*="#8aa0b0"],
#page-rates [style*="#7a8794"],
#page-rates [style*="#9fb2c2"],
#page-rates [style*="#94a3b8"],
#page-fin-reporting [style*="165,186,202"],
#page-fin-reporting [style*="#a5bacb"],
#page-fin-reporting [style*="#8aa0b0"],
#page-fin-reporting [style*="#7a8794"],
#page-fin-reporting [style*="#9fb2c2"],
#page-fin-reporting [style*="#94a3b8"],
#page-fin-hmrc [style*="165,186,202"],
#page-fin-hmrc [style*="#a5bacb"],
#page-fin-hmrc [style*="#8aa0b0"],
#page-fin-hmrc [style*="#7a8794"],
#page-fin-hmrc [style*="#9fb2c2"],
#page-fin-hmrc [style*="#94a3b8"],
#page-fin-assets [style*="165,186,202"],
#page-fin-assets [style*="#a5bacb"],
#page-fin-assets [style*="#8aa0b0"],
#page-fin-assets [style*="#7a8794"],
#page-fin-assets [style*="#9fb2c2"],
#page-fin-assets [style*="#94a3b8"],
#page-fin-investment [style*="165,186,202"],
#page-fin-investment [style*="#a5bacb"],
#page-fin-investment [style*="#8aa0b0"],
#page-fin-investment [style*="#7a8794"],
#page-fin-investment [style*="#9fb2c2"],
#page-fin-investment [style*="#94a3b8"],
#page-fin-liabilities [style*="165,186,202"],
#page-fin-liabilities [style*="#a5bacb"],
#page-fin-liabilities [style*="#8aa0b0"],
#page-fin-liabilities [style*="#7a8794"],
#page-fin-liabilities [style*="#9fb2c2"],
#page-fin-liabilities [style*="#94a3b8"],
#page-fin-shares [style*="165,186,202"],
#page-fin-shares [style*="#a5bacb"],
#page-fin-shares [style*="#8aa0b0"],
#page-fin-shares [style*="#7a8794"],
#page-fin-shares [style*="#9fb2c2"],
#page-fin-shares [style*="#94a3b8"],
#page-finance [style*="165,186,202"],
#page-finance [style*="#a5bacb"],
#page-finance [style*="#8aa0b0"],
#page-finance [style*="#7a8794"],
#page-finance [style*="#9fb2c2"],
#page-finance [style*="#94a3b8"],
#page-revenue [style*="165,186,202"],
#page-revenue [style*="#a5bacb"],
#page-revenue [style*="#8aa0b0"],
#page-revenue [style*="#7a8794"],
#page-revenue [style*="#9fb2c2"],
#page-revenue [style*="#94a3b8"],
#page-collections [style*="165,186,202"],
#page-collections [style*="#a5bacb"],
#page-collections [style*="#8aa0b0"],
#page-collections [style*="#7a8794"],
#page-collections [style*="#9fb2c2"],
#page-collections [style*="#94a3b8"] { color:#475569 !important; }