/* ==========================================================================
   industry-pages-dark.css
   Dark-mode fixes for the custom "industry" pages that use the .mf design system:
     manufacturing.php, mining.php, warehouse.php, logistics.php

   Everything is scoped to:  [data-bs-theme="dark"] .mf-page
   - [data-bs-theme="dark"]  -> only when the dark/light toggle is on dark
   - .mf-page                -> only exists on <main> of these pages
   so light mode and all other template pages are untouched.
   ========================================================================== */

/* 1. Page background (the "#000 with a specific class name") */
[data-bs-theme="dark"] .mf-page {
  background-color: #000 !important;   /* !important needed: .bg-neutral-0 also uses it */
  color: #f2f4fa;

  /* The page's own CSS reads these variables, so re-defining them here
     fixes most text/borders/surfaces in one go (headings, lede, stats,
     cards, tags, borders, links, etc.) */
  --ink: #f2f4fa;
  --slate: #b4bacb;
  --soft: #9097ab;
  --line: rgba(255, 255, 255, .16);
  --line-soft: rgba(255, 255, 255, .09);
  --bg: #0d0f16;            /* "alt" sections + small chips */
  --tint: #131833;
  --tint-line: #2a3560;
  --brand-d: #9fb3f5;       /* was a dark blue used for text/links */
}

/* 2. Section backgrounds */
[data-bs-theme="dark"] .mf-page section.mf-sec,
[data-bs-theme="dark"] .mf-page .sec {
  background: transparent;
}
[data-bs-theme="dark"] .mf-page .sec.alt,
[data-bs-theme="dark"] .mf-page section.mf-alt {
  background: #0a0c12;
}
[data-bs-theme="dark"] .mf-page .sec.dark {
  background: #0b1020;
  color: var(--on-dark);
}

/* 3. Hero (was a light gradient) */
[data-bs-theme="dark"] .mf-page .mf-hero {
  background: linear-gradient(180deg, #0b1020 0%, #000 100%);
  color: #f2f4fa;
}
[data-bs-theme="dark"] .mf-page .mf-hero h1,
[data-bs-theme="dark"] .mf-page .mf-punch { color: #f2f4fa; }
[data-bs-theme="dark"] .mf-page .mf-hero h1 em {
  background: linear-gradient(100deg, #9fb3f5, #6f87d6 60%, #8fa6ee);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
[data-bs-theme="dark"] .mf-page .mf-sub,
[data-bs-theme="dark"] .mf-page .mf-micro { color: #b4bacb; }

/* 4. White pills / buttons / chips -> dark surface + light text */
[data-bs-theme="dark"] .mf-page .mf-crumbs,
[data-bs-theme="dark"] .mf-page .mf-trust span,
[data-bs-theme="dark"] .mf-page .mf-btn-outline,
[data-bs-theme="dark"] .mf-page .mf-hero .mf-btn-outline,
[data-bs-theme="dark"] .mf-page .btn-line,
[data-bs-theme="dark"] .mf-page .region.wide-sub .loc {
  background: #151826;
  color: #f2f4fa;
  border-color: rgba(255, 255, 255, .18);
}
[data-bs-theme="dark"] .mf-page .mf-crumbs a { color: #b4bacb; }
[data-bs-theme="dark"] .mf-page .mf-crumbs span { color: #9fb3f5; }
[data-bs-theme="dark"] .mf-page .mf-btn-outline:hover,
[data-bs-theme="dark"] .mf-page .btn-line:hover { color: #fff; border-color: var(--brand-l); }

/* 5. White cards -> dark cards (text then inherits the light colours above) */
[data-bs-theme="dark"] .mf-page .c3,
[data-bs-theme="dark"] .mf-page .box.a,
[data-bs-theme="dark"] .mf-page .prod,
[data-bs-theme="dark"] .mf-page .region,
[data-bs-theme="dark"] .mf-page .mf-ctx,
[data-bs-theme="dark"] .mf-page .tab-nav label,
[data-bs-theme="dark"] .mf-page .ind:hover {
  background: #11131c;
  color: #f2f4fa;
  border-color: rgba(255, 255, 255, .14);
}
[data-bs-theme="dark"] .mf-page .region.wide-sub { background: var(--tint); }
[data-bs-theme="dark"] .mf-page .prod.fl { background: var(--navy); }

/* Icon tiles were white with a dark-blue stroke */
[data-bs-theme="dark"] .mf-page .cell .ico,
[data-bs-theme="dark"] .mf-page .mf-fact .ico { background: rgba(255, 255, 255, .1); box-shadow: none; }
[data-bs-theme="dark"] .mf-page .cell .ico svg,
[data-bs-theme="dark"] .mf-page .mf-fact .ico svg { stroke: #9fb3f5; }
[data-bs-theme="dark"] .mf-page .c2 .ico svg,
[data-bs-theme="dark"] .mf-page .c4 .ico svg { stroke: #fff; }

/* 6. Specific text that was invisible / low contrast */
[data-bs-theme="dark"] .mf-page .tag,
[data-bs-theme="dark"] .mf-page .mf-eyebrow,
[data-bs-theme="dark"] .mf-page section.mf-sec .mf-eyebrow { color: #9fb3f5; }
[data-bs-theme="dark"] .mf-page .box.b .tag { color: #fff; }

[data-bs-theme="dark"] .mf-page .h2,
[data-bs-theme="dark"] .mf-page .mf-answer h2,
[data-bs-theme="dark"] .mf-page .cell h3,
[data-bs-theme="dark"] .mf-page .box h3,
[data-bs-theme="dark"] .mf-page .mf-fact h3,
[data-bs-theme="dark"] .mf-page .region h3,
[data-bs-theme="dark"] .mf-page .ind h3 { color: #f2f4fa; }
[data-bs-theme="dark"] .mf-page .ind.pr h3 { color: #9fb3f5; }

[data-bs-theme="dark"] .mf-page .lede,
[data-bs-theme="dark"] .mf-page .stat p,
[data-bs-theme="dark"] .mf-page .mf-fact p,
[data-bs-theme="dark"] .mf-page .cell p,
[data-bs-theme="dark"] .mf-page .box .d,
[data-bs-theme="dark"] .mf-page .lab-grid p.body,
[data-bs-theme="dark"] .mf-page .ind p,
[data-bs-theme="dark"] .mf-page .mf-ctx { color: #b4bacb; }
/* keep the cards that have their own coloured background readable */
[data-bs-theme="dark"] .mf-page .c2 p { color: var(--on-dark-soft); }
[data-bs-theme="dark"] .mf-page .c4 p,
[data-bs-theme="dark"] .mf-page .box.b .d { color: rgba(255, 255, 255, .85); }

[data-bs-theme="dark"] .mf-page .stat .n {            /* gradient number */
  background: linear-gradient(180deg, #c3d0fb, #8fa6ee);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
[data-bs-theme="dark"] .mf-page .mf-fact { background: #0f121b; }
[data-bs-theme="dark"] .mf-page .mf-offices span,
[data-bs-theme="dark"] .mf-page .region h3 span { color: #9fb3f5; }
[data-bs-theme="dark"] .mf-page .mf-cities span,
[data-bs-theme="dark"] .mf-page .loc,
[data-bs-theme="dark"] .mf-page .box li { color: #e4e8f4; }
[data-bs-theme="dark"] .mf-page .loc:hover { color: #fff; }   /* was grey on blue */
[data-bs-theme="dark"] .mf-page .mf-cities b,
[data-bs-theme="dark"] .mf-page .ind .nm,
[data-bs-theme="dark"] .mf-page .loc-note,
[data-bs-theme="dark"] .mf-page .source { color: #9097ab; }
[data-bs-theme="dark"] .mf-page .mf-ctx a,
[data-bs-theme="dark"] .mf-page .lab-grid p.body a,
[data-bs-theme="dark"] .mf-page .loc-note a,
[data-bs-theme="dark"] .mf-page .source a,
[data-bs-theme="dark"] .mf-page .c3 .go,
[data-bs-theme="dark"] .mf-page .region.wide-sub strong { color: #9fb3f5; }

/* Banner image frame was a white border */
[data-bs-theme="dark"] .mf-page .mf-media.banner { border-color: #0b1020; }


/* ==========================================================================
   7. Extra fixes for mining / warehouse / logistics
   (these pages use --amber:#1f3f9e, a dark blue, for bullets/bars/buttons)
   ========================================================================== */
[data-bs-theme="dark"] .mf-page { --amber: #4a69d6; }   /* lighter so it shows on black; white text on it still passes */
[data-bs-theme="dark"] .mf-page .tag::before,
[data-bs-theme="dark"] .mf-page .mf-eyebrow::before { background: #8fa6ee; }
[data-bs-theme="dark"] .mf-page .dark .tag::before { background: #fff; }

/* ----- logistics.php: white cards ("lg-*") -> dark cards ----- */
[data-bs-theme="dark"] .mf-page .lg-ag,
[data-bs-theme="dark"] .mf-page .lg-pr,
[data-bs-theme="dark"] .mf-page .lg-th,
[data-bs-theme="dark"] .mf-page .lg-step,
[data-bs-theme="dark"] .mf-page .lg-card {
  background: #11131c;
  color: #f2f4fa;
  border-color: rgba(255, 255, 255, .14);
}
[data-bs-theme="dark"] .mf-page .lg-card.pd { background: var(--tint); border-color: var(--tint-line); }
[data-bs-theme="dark"] .mf-page .lg-pr .us { background: var(--tint); }

/* tab labels: the hover state was hard-coded white (text became invisible) */
[data-bs-theme="dark"] .mf-page .lg-white .tab-nav label { background: #11131c; color: #f2f4fa; }
[data-bs-theme="dark"] .mf-page .lg-white .tab-nav label:hover { background: #1a1e2c; color: #fff; }

/* headings / body text inside those cards */
[data-bs-theme="dark"] .mf-page .lg-ag h3,
[data-bs-theme="dark"] .mf-page .lg-pr h3,
[data-bs-theme="dark"] .mf-page .lg-th h3,
[data-bs-theme="dark"] .mf-page .lg-step h3,
[data-bs-theme="dark"] .mf-page .lg-card h3,
[data-bs-theme="dark"] .mf-page .lg-strong,
[data-bs-theme="dark"] .mf-page .lg-note strong { color: #f2f4fa; }
[data-bs-theme="dark"] .mf-page .lg-ag p,
[data-bs-theme="dark"] .mf-page .lg-pr p,
[data-bs-theme="dark"] .mf-page .lg-th p,
[data-bs-theme="dark"] .mf-page .lg-step p,
[data-bs-theme="dark"] .mf-page .lg-card p,
[data-bs-theme="dark"] .mf-page .lg-note { color: #b4bacb; }
[data-bs-theme="dark"] .mf-page .lg-ag .do p,
[data-bs-theme="dark"] .mf-page .lg-pr .us p,
[data-bs-theme="dark"] .mf-page .lg-th .fix p { color: #f2f4fa; }

/* small labels, links, numbers */
[data-bs-theme="dark"] .mf-page .lg-ag .lb,
[data-bs-theme="dark"] .mf-page .lg-pr .lb,
[data-bs-theme="dark"] .mf-page .lg-card .k,
[data-bs-theme="dark"] .mf-page .lg-source,
[data-bs-theme="dark"] .mf-page .lg-disc { color: #9097ab; }
[data-bs-theme="dark"] .mf-page .lg-ag .do .lb,
[data-bs-theme="dark"] .mf-page .lg-pr .us .lb,
[data-bs-theme="dark"] .mf-page .lg-card.pd .k,
[data-bs-theme="dark"] .mf-page .lg-card .go,
[data-bs-theme="dark"] .mf-page .lg-ag .num,
[data-bs-theme="dark"] .mf-page .lg-step small,
[data-bs-theme="dark"] .mf-page .lg-strong em,
[data-bs-theme="dark"] .mf-page .lg-note a,
[data-bs-theme="dark"] .mf-page .lg-source a { color: #9fb3f5; }
[data-bs-theme="dark"] .mf-page .lg-ag .num,
[data-bs-theme="dark"] .mf-page .lg-th .ico { background: rgba(255, 255, 255, .08); }
[data-bs-theme="dark"] .mf-page .lg-th .ico svg { stroke: #9fb3f5; }
[data-bs-theme="dark"] .mf-page .lg-th .thr .lb { color: #ff8a65; }
[data-bs-theme="dark"] .mf-page .lg-th .fix .lb,
[data-bs-theme="dark"] .mf-page .lg-ag .so .lb { color: #5fdca8; }
[data-bs-theme="dark"] .mf-page .lg-step .big { color: rgba(255, 255, 255, .07); }  /* big faint number was dark-on-dark */
[data-bs-theme="dark"] .mf-page .lg-step::after { background: #8fa6ee; }

/* ----- mining.php / warehouse.php: .spec cards and .loc small ----- */
/* .spec is already a light-on-dark glass card, so it needs no change. */
[data-bs-theme="dark"] .mf-page .loc small { color: #9097ab; }

/* ==========================================================================
   8. manufacturing.php ONLY  (needs class "mf-mfg" on <main>)
   Manufacturing uses a lighter --brand (#445da9) and a real amber
   (#ffb224); the other pages use #1f3f9e for both. So it needs its own
   explicit Locations colours, and its amber must not be turned blue.
   Nothing here applies to mining / warehouse / logistics.
   ========================================================================== */
[data-bs-theme="dark"] .mf-page.mf-mfg { --amber: #ffb224; }
[data-bs-theme="dark"] .mf-page.mf-mfg .tag::before,
[data-bs-theme="dark"] .mf-page.mf-mfg .mf-eyebrow::before { background: var(--amber); }
[data-bs-theme="dark"] .mf-page.mf-mfg .dark .tag::before { background: #fff; }

/* Locations: card, heading, state pill, location pills, hover */
[data-bs-theme="dark"] .mf-page.mf-mfg .region h3 { color: #f2f4fa; border-bottom-color: rgba(255, 255, 255, .12); }
[data-bs-theme="dark"] .mf-page.mf-mfg .region h3 span { color: #c3d0fb; background: #1d2547; }
[data-bs-theme="dark"] .mf-page.mf-mfg .locs .loc {
  color: #f2f4fa;
  background: #1b1f2e;
  border: 1px solid rgba(255, 255, 255, .12);
}
[data-bs-theme="dark"] .mf-page.mf-mfg .region.wide-sub strong { color: #c3d0fb; }
[data-bs-theme="dark"] .mf-page.mf-mfg .region.wide-sub .locs .loc { color: #f2f4fa; background: #1b2140; }
[data-bs-theme="dark"] .mf-page.mf-mfg .locs .loc:hover,
[data-bs-theme="dark"] .mf-page.mf-mfg .region.wide-sub .locs .loc:hover {
  background: var(--brand);
  color: #fff;                 /* was #a39898 (grey) on blue */
  border-color: transparent;
}
[data-bs-theme="dark"] .mf-page.mf-mfg .loc-note { color: #9097ab; }


/* ==========================================================================
   9. construction / telecommunications / nbn / critical-infrastructure
   Each block applies ONLY when <main> has that page's own class:
     construction.php .......... mf-cons
     telecommunications.php .... mf-tele
     nbn.php ................... mf-nbn
     critical-infrastructure-maintenance.php ... mf-cim
   (all four also keep "mf-page")
   Colours are written out directly (not via variables) so they always win.
   ========================================================================== */
[data-bs-theme="dark"] .mf-page.mf-cons .c1,
[data-bs-theme="dark"] .mf-page.mf-cons .bento .c1 {background:#131833;border-color:#2a3560;color:#f2f4fa;}
[data-bs-theme="dark"] .mf-page.mf-cons .c1 .go {color:#9fb3f5;}
[data-bs-theme="dark"] .mf-page.mf-cons .box:not(.b) li {background:#1b1f2e;color:#e4e8f4;}
[data-bs-theme="dark"] .mf-page.mf-cons .box .d strong {color:#f2f4fa;}
[data-bs-theme="dark"] .mf-page.mf-cons .disc,
[data-bs-theme="dark"] .mf-page.mf-cons .disc p {color:#9097ab;}
[data-bs-theme="dark"] .mf-page.mf-tele .c1,
[data-bs-theme="dark"] .mf-page.mf-tele .bento .c1 {background:#131833;border-color:#2a3560;color:#f2f4fa;}
[data-bs-theme="dark"] .mf-page.mf-tele .c1 .go {color:#9fb3f5;}
[data-bs-theme="dark"] .mf-page.mf-tele .box:not(.b) li {background:#1b1f2e;color:#e4e8f4;}
[data-bs-theme="dark"] .mf-page.mf-tele .box .d strong {color:#f2f4fa;}
[data-bs-theme="dark"] .mf-page.mf-tele .disc,
[data-bs-theme="dark"] .mf-page.mf-tele .disc p {color:#9097ab;}
[data-bs-theme="dark"] .mf-page.mf-nbn .c1,
[data-bs-theme="dark"] .mf-page.mf-nbn .bento .c1 {background:#131833;border-color:#2a3560;color:#f2f4fa;}
[data-bs-theme="dark"] .mf-page.mf-nbn .c1 .go {color:#9fb3f5;}
[data-bs-theme="dark"] .mf-page.mf-nbn .box:not(.b) li {background:#1b1f2e;color:#e4e8f4;}
[data-bs-theme="dark"] .mf-page.mf-nbn .box .d strong {color:#f2f4fa;}
[data-bs-theme="dark"] .mf-page.mf-nbn .disc,
[data-bs-theme="dark"] .mf-page.mf-nbn .disc p {color:#9097ab;}
[data-bs-theme="dark"] .mf-page.mf-cim .c1,
[data-bs-theme="dark"] .mf-page.mf-cim .bento .c1 {background:#131833;border-color:#2a3560;color:#f2f4fa;}
[data-bs-theme="dark"] .mf-page.mf-cim .c1 .go {color:#9fb3f5;}
[data-bs-theme="dark"] .mf-page.mf-cim .box:not(.b) li {background:#1b1f2e;color:#e4e8f4;}
[data-bs-theme="dark"] .mf-page.mf-cim .box .d strong {color:#f2f4fa;}
[data-bs-theme="dark"] .mf-page.mf-cim .disc,
[data-bs-theme="dark"] .mf-page.mf-cim .disc p {color:#9097ab;}

/* ===== construction.php  (add class mf-cons) ===== */
[data-bs-theme="dark"] .mf-page.mf-cons .agent,
[data-bs-theme="dark"] .mf-page.mf-cons .step,
[data-bs-theme="dark"] .mf-page.mf-cons .faq details,
[data-bs-theme="dark"] .mf-page.mf-cons .tbl-wrap,
[data-bs-theme="dark"] .mf-page.mf-cons .rcard:not(.pr) {background:#11131c;color:#f2f4fa;border-color:rgba(255,255,255,.14);}
[data-bs-theme="dark"] .mf-page.mf-cons .agent p,
[data-bs-theme="dark"] .mf-page.mf-cons .step p,
[data-bs-theme="dark"] .mf-page.mf-cons .rcard p,
[data-bs-theme="dark"] .mf-page.mf-cons .faq .ans {color:#b4bacb;}
[data-bs-theme="dark"] .mf-page.mf-cons .agent .lab,
[data-bs-theme="dark"] .mf-page.mf-cons .ex-what small,
[data-bs-theme="dark"] .mf-page.mf-cons .ex-head,
[data-bs-theme="dark"] .mf-page.mf-cons .ex-path i {color:#9097ab;}
[data-bs-theme="dark"] .mf-page.mf-cons .agent .do .lab,
[data-bs-theme="dark"] .mf-page.mf-cons .step small,
[data-bs-theme="dark"] .mf-page.mf-cons .rcard span,
[data-bs-theme="dark"] .mf-page.mf-cons .rcard h3 small {color:#9fb3f5;}
[data-bs-theme="dark"] .mf-page.mf-cons .agent .do p,
[data-bs-theme="dark"] .mf-page.mf-cons .agent .ok p,
[data-bs-theme="dark"] .mf-page.mf-cons .ex-head b,
[data-bs-theme="dark"] .mf-page.mf-cons .ex-what h3 {color:#f2f4fa;}
[data-bs-theme="dark"] .mf-page.mf-cons .agent .ok .lab {color:#5fdca8;}
[data-bs-theme="dark"] .mf-page.mf-cons .agent .no {color:rgba(255,255,255,.06);}
[data-bs-theme="dark"] .mf-page.mf-cons .ex-row {background:#11131c;border-color:rgba(255,255,255,.12);color:#f2f4fa;}
[data-bs-theme="dark"] .mf-page.mf-cons .ex-n {color:#8fa6ee;}
[data-bs-theme="dark"] .mf-page.mf-cons .ex-path code {background:#1b1f2e;border-color:#2a3560;color:#9fb3f5;}
[data-bs-theme="dark"] .mf-page.mf-cons .ex-path p {color:#b4bacb;}
[data-bs-theme="dark"] .mf-page.mf-cons .ex-out.ok {background:rgba(95,220,168,.14);color:#5fdca8;}
[data-bs-theme="dark"] .mf-page.mf-cons .ex-out.go {background:rgba(95,220,168,.14);color:#5fdca8;}
[data-bs-theme="dark"] .mf-page.mf-cons .ex-out.hold {background:rgba(255,207,107,.14);color:#ffcf6b;}
[data-bs-theme="dark"] .mf-page.mf-cons .ex-out.no {background:rgba(255,143,112,.14);color:#ff8f70;}
[data-bs-theme="dark"] .mf-page.mf-cons .ex-out.hold {background:rgba(143,166,238,.16);color:#9fb3f5;}
[data-bs-theme="dark"] .mf-page.mf-cons .tbl td,
[data-bs-theme="dark"] .mf-page.mf-cons .tbl tbody th {color:#d7dcea;border-bottom-color:rgba(255,255,255,.1);}
[data-bs-theme="dark"] .mf-page.mf-cons .tbl tbody th {color:#f2f4fa;}
[data-bs-theme="dark"] .mf-page.mf-cons .tbl td.us {background:#131833;color:#f2f4fa;}
[data-bs-theme="dark"] .mf-page.mf-cons .faq summary {color:#f2f4fa;}
[data-bs-theme="dark"] .mf-page.mf-cons .faq summary::after {background:#1b2140;color:#9fb3f5;}
[data-bs-theme="dark"] .mf-page.mf-cons .faq details[open] summary::after {background:var(--brand);color:#fff;}
[data-bs-theme="dark"] .mf-page.mf-cons .sec:not(.dark) .note {background:#131833;border-color:#2a3560;color:#b4bacb;}
[data-bs-theme="dark"] .mf-page.mf-cons .sec:not(.dark) .note strong {color:#f2f4fa;}
[data-bs-theme="dark"] .mf-page.mf-cons .sec:not(.dark) .note a,
[data-bs-theme="dark"] .mf-page.mf-cons .sec:not(.dark) .lede a {color:#9fb3f5;}
[data-bs-theme="dark"] .mf-page.mf-cons .sec:not(.alt):not(.dark) .tab-nav label {background:#11131c;color:#f2f4fa;}
[data-bs-theme="dark"] .mf-page.mf-cons .rcard.pr h3 {color:#fff;}

/* ===== telecommunications.php  (add class mf-tele) ===== */
[data-bs-theme="dark"] .mf-page.mf-tele .rcard:not(.pr) {background:#11131c;color:#f2f4fa;border-color:rgba(255,255,255,.14);}
[data-bs-theme="dark"] .mf-page.mf-tele .rcard p {color:#b4bacb;}
[data-bs-theme="dark"] .mf-page.mf-tele .rcard .go {color:#9fb3f5;}
[data-bs-theme="dark"] .mf-page.mf-tele .rcard.pr .go,
[data-bs-theme="dark"] .mf-page.mf-tele .rcard.pr h3 {color:#fff;}
[data-bs-theme="dark"] .mf-page.mf-tele .rcard:not(.pr) .ib {background:rgba(255,255,255,.08);}
[data-bs-theme="dark"] .mf-page.mf-tele .rcard:not(.pr) .ib svg {stroke:#9fb3f5;}
[data-bs-theme="dark"] .mf-page.mf-tele .sec:not(.alt) .tab-nav label {background:#11131c;color:#f2f4fa;}
[data-bs-theme="dark"] .mf-page.mf-tele .flow .nd {background:#11131c;color:#9fb3f5;border-color:#8fa6ee;box-shadow:0 0 0 8px #000;}
[data-bs-theme="dark"] .mf-page.mf-tele .sec.alt .flow .nd {box-shadow:0 0 0 8px #0a0c12;}
[data-bs-theme="dark"] .mf-page.mf-tele .flow h3 {color:#f2f4fa;}
[data-bs-theme="dark"] .mf-page.mf-tele .mf-ctx strong {color:#f2f4fa;}
[data-bs-theme="dark"] .mf-page.mf-tele .pilot-note {color:#b4bacb;}

/* ===== nbn.php  (add class mf-nbn) ===== */
[data-bs-theme="dark"] .mf-page.mf-nbn .glance,
[data-bs-theme="dark"] .mf-page.mf-nbn .st,
[data-bs-theme="dark"] .mf-page.mf-nbn .rc:not(.pr),
[data-bs-theme="dark"] .mf-page.mf-nbn .thr,
[data-bs-theme="dark"] .mf-page.mf-nbn .tbl-wrap {background:#11131c;color:#f2f4fa;border-color:rgba(255,255,255,.14);}
[data-bs-theme="dark"] .mf-page.mf-nbn .glance h3,
[data-bs-theme="dark"] .mf-page.mf-nbn .glance .tick,
[data-bs-theme="dark"] .mf-page.mf-nbn .st .no,
[data-bs-theme="dark"] .mf-page.mf-nbn .rc:not(.pr) .go,
[data-bs-theme="dark"] .mf-page.mf-nbn .tnote a,
[data-bs-theme="dark"] .mf-page.mf-nbn .tbl tbody td.us {color:#9fb3f5;}
[data-bs-theme="dark"] .mf-page.mf-nbn .glance li,
[data-bs-theme="dark"] .mf-page.mf-nbn .glance ul {color:#e4e8f4;}
[data-bs-theme="dark"] .mf-page.mf-nbn .call:not(.dk) {background:#131833;border-color:#2a3560;color:#f2f4fa;}
[data-bs-theme="dark"] .mf-page.mf-nbn .call:not(.dk) .ci {background:#1b2140;box-shadow:none;}
[data-bs-theme="dark"] .mf-page.mf-nbn .call:not(.dk) .ci svg {stroke:#9fb3f5;}
[data-bs-theme="dark"] .mf-page.mf-nbn .call:not(.dk) p {color:#b4bacb;}
[data-bs-theme="dark"] .mf-page.mf-nbn .call:not(.dk) p strong {color:#f2f4fa;}
[data-bs-theme="dark"] .mf-page.mf-nbn .call:not(.dk) p a {color:#9fb3f5;}
[data-bs-theme="dark"] .mf-page.mf-nbn .st .no {background:#1b1f2e;border-color:#2a3560;color:#9fb3f5;}
[data-bs-theme="dark"] .mf-page.mf-nbn .st .bg {color:rgba(255,255,255,.05);}
[data-bs-theme="dark"] .mf-page.mf-nbn .st p,
[data-bs-theme="dark"] .mf-page.mf-nbn .rc:not(.pr) p,
[data-bs-theme="dark"] .mf-page.mf-nbn .thr-top p {color:#b4bacb;}
[data-bs-theme="dark"] .mf-page.mf-nbn .rc:not(.pr) .kick,
[data-bs-theme="dark"] .mf-page.mf-nbn .tnote {color:#9097ab;}
[data-bs-theme="dark"] .mf-page.mf-nbn .rc.pr .kick {color:#8fa6ee;}
[data-bs-theme="dark"] .mf-page.mf-nbn .rc.pr h3,
[data-bs-theme="dark"] .mf-page.mf-nbn .rc.pr .go {color:#fff;}
[data-bs-theme="dark"] .mf-page.mf-nbn .thr h3,
[data-bs-theme="dark"] .mf-page.mf-nbn .st h3,
[data-bs-theme="dark"] .mf-page.mf-nbn .rc:not(.pr) h3 {color:#f2f4fa;}
[data-bs-theme="dark"] .mf-page.mf-nbn .thr-top .ico {background:rgba(255,138,101,.12);}
[data-bs-theme="dark"] .mf-page.mf-nbn .thr .lab {color:#ff8a65;}
[data-bs-theme="dark"] .mf-page.mf-nbn .thr-fix .lab {color:#5fdca8;}
[data-bs-theme="dark"] .mf-page.mf-nbn .tbl tbody th {color:#f2f4fa;border-top-color:rgba(255,255,255,.1);}
[data-bs-theme="dark"] .mf-page.mf-nbn .tbl tbody td {color:#d7dcea;border-top-color:rgba(255,255,255,.1);}
[data-bs-theme="dark"] .mf-page.mf-nbn .tbl tbody td.us {background:#131833;}
[data-bs-theme="dark"] .mf-page.mf-nbn .tbl tbody tr:hover th,
[data-bs-theme="dark"] .mf-page.mf-nbn .tbl tbody tr:hover td:not(.us) {background:#151826;}
[data-bs-theme="dark"] .mf-page.mf-nbn .tbl .pill {background:rgba(255,138,101,.15);color:#ff8a65;}
[data-bs-theme="dark"] .mf-page.mf-nbn .tbl-wrap {box-shadow:none;}

/* ===== critical-infrastructure-maintenance.php  (add class mf-cim) ===== */
[data-bs-theme="dark"] .mf-page.mf-cim .site,
[data-bs-theme="dark"] .mf-page.mf-cim .threat,
[data-bs-theme="dark"] .mf-page.mf-cim .rc:not(.pr),
[data-bs-theme="dark"] .mf-page.mf-cim .pstep,
[data-bs-theme="dark"] .mf-page.mf-cim .glance,
[data-bs-theme="dark"] .mf-page.mf-cim .visits,
[data-bs-theme="dark"] .mf-page.mf-cim .note {background:#11131c;color:#f2f4fa;border-color:rgba(255,255,255,.14);}
[data-bs-theme="dark"] .mf-page.mf-cim .checks li {background:#1b1f2e;color:#e4e8f4;border-color:rgba(255,255,255,.12);}
[data-bs-theme="dark"] .mf-page.mf-cim .glance .checks li {background:#1b1f2e;border-color:rgba(255,255,255,.12);}
[data-bs-theme="dark"] .mf-page.mf-cim .box.b .checks li {background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.22);}
[data-bs-theme="dark"] .mf-page.mf-cim .glance h3,
[data-bs-theme="dark"] .mf-page.mf-cim .site .help .k,
[data-bs-theme="dark"] .mf-page.mf-cim .threat .stop .lab,
[data-bs-theme="dark"] .mf-page.mf-cim .pstep small,
[data-bs-theme="dark"] .mf-page.mf-cim .rc:not(.pr) .go,
[data-bs-theme="dark"] .mf-page.mf-cim .note a,
[data-bs-theme="dark"] .mf-page.mf-cim .vp code,
[data-bs-theme="dark"] .mf-page.mf-cim .box .techs span,
[data-bs-theme="dark"] .mf-page.mf-cim .vn {color:#9fb3f5;}
[data-bs-theme="dark"] .mf-page.mf-cim .site p,
[data-bs-theme="dark"] .mf-page.mf-cim .threat p,
[data-bs-theme="dark"] .mf-page.mf-cim .rc:not(.pr) p,
[data-bs-theme="dark"] .mf-page.mf-cim .pstep p,
[data-bs-theme="dark"] .mf-page.mf-cim .vp p,
[data-bs-theme="dark"] .mf-page.mf-cim .note,
[data-bs-theme="dark"] .mf-page.mf-cim .loop p {color:#b4bacb;}
[data-bs-theme="dark"] .mf-page.mf-cim .site .k,
[data-bs-theme="dark"] .mf-page.mf-cim .vw small,
[data-bs-theme="dark"] .mf-page.mf-cim .vp .ar {color:#9097ab;}
[data-bs-theme="dark"] .mf-page.mf-cim .site .ico {background:rgba(255,255,255,.08);}
[data-bs-theme="dark"] .mf-page.mf-cim .site .ico svg {stroke:#9fb3f5;}
[data-bs-theme="dark"] .mf-page.mf-cim .site .help,
[data-bs-theme="dark"] .mf-page.mf-cim .threat .stop .in {background:#131833;border-color:#2a3560;}
[data-bs-theme="dark"] .mf-page.mf-cim .site .help p,
[data-bs-theme="dark"] .mf-page.mf-cim .threat .stop p {color:#f2f4fa;}
[data-bs-theme="dark"] .mf-page.mf-cim .threat .ico {background:rgba(255,138,101,.12);}
[data-bs-theme="dark"] .mf-page.mf-cim .threat .lab {color:#ff8a65;}
[data-bs-theme="dark"] .mf-page.mf-cim .threat .stop .lab {color:#9fb3f5;}
[data-bs-theme="dark"] .mf-page.mf-cim .sec:not(.dark) .loop {background:#131833;border-color:#2a3560;}
[data-bs-theme="dark"] .mf-page.mf-cim .sec:not(.dark) .loop p strong {color:#f2f4fa;}
[data-bs-theme="dark"] .mf-page.mf-cim .visit {border-top-color:rgba(255,255,255,.1);}
[data-bs-theme="dark"] .mf-page.mf-cim .visit:hover {background:#151826;}
[data-bs-theme="dark"] .mf-page.mf-cim .vn {background:#1b2140;border-color:#2a3560;}
[data-bs-theme="dark"] .mf-page.mf-cim .vp code {background:#1b1f2e;border-color:#2a3560;}
[data-bs-theme="dark"] .mf-page.mf-cim .vh+.visit {border-top:none;}
[data-bs-theme="dark"] .mf-page.mf-cim .vo.ok {background:rgba(95,220,168,.14);color:#5fdca8;}
[data-bs-theme="dark"] .mf-page.mf-cim .vo.hold {background:rgba(255,207,107,.14);color:#ffcf6b;}
[data-bs-theme="dark"] .mf-page.mf-cim .vo.no {background:rgba(255,143,112,.14);color:#ff8f70;}
[data-bs-theme="dark"] .mf-page.mf-cim .rc.pr h3,
[data-bs-theme="dark"] .mf-page.mf-cim .rc.pr .go {color:#fff;}
[data-bs-theme="dark"] .mf-page.mf-cim .box .techs span {background:#131833;border-color:#2a3560;}
[data-bs-theme="dark"] .mf-page.mf-cim .visits {box-shadow:none;}

/* ==========================================================================
   10. construction (additions) / aged-care / ndis / professional-services
   Each block applies ONLY when <main> has that page's own class
   (all four also keep "mf-page"):
     construction.php ................ mf-cons   (extra rules for section 9)
     aged-care-it-services.php ....... mf-aged
     ndis.php ........................ mf-ndis
     professional-services.php ....... mf-prof
   Sections 1-7 already cover the shared .mf parts. Section 1 turns --brand-d
   into a LIGHT blue (for text/links), so anything on these pages that used it
   as a BACKGROUND (box.b, button hover, gradient bars) is set back to the dark
   blue here, otherwise white text on it becomes unreadable.
   Colours are written out directly so they always win. Light mode untouched.
   ========================================================================== */

/* ===== construction.php  (extra rules, on top of section 9) ===== */
[data-bs-theme="dark"] .mf-page.mf-cons .box.b {background:linear-gradient(160deg,#1f3f9e,#162d73);}
[data-bs-theme="dark"] .mf-page.mf-cons .box.b li {background:rgba(255,255,255,.12);color:#fff;}
[data-bs-theme="dark"] .mf-page.mf-cons .mf-btn-primary:hover,
[data-bs-theme="dark"] .mf-page.mf-cons .mf-hero .mf-btn-primary:hover {background:#2f52c4;color:#fff;}

/* ===== aged-care-it-services.php  (add classes mf-page mf-aged) ===== */
[data-bs-theme="dark"] .mf-page.mf-aged .c1,
[data-bs-theme="dark"] .mf-page.mf-aged .bento .c1 {background:#131833;border-color:#2a3560;color:#f2f4fa;}
[data-bs-theme="dark"] .mf-page.mf-aged .c1 .go {color:#9fb3f5;}
[data-bs-theme="dark"] .mf-page.mf-aged .c5 {background:linear-gradient(120deg,#11131c,#131833);border-color:#2a3560;color:#f2f4fa;}
[data-bs-theme="dark"] .mf-page.mf-aged .c1 .big,
[data-bs-theme="dark"] .mf-page.mf-aged .c3 .big,
[data-bs-theme="dark"] .mf-page.mf-aged .c5 .big {color:rgba(255,255,255,.06);}
[data-bs-theme="dark"] .mf-page.mf-aged .offer:hover {background:#151826;}
[data-bs-theme="dark"] .mf-page.mf-aged .offer h3 {color:#f2f4fa;}
[data-bs-theme="dark"] .mf-page.mf-aged .offer p {color:#b4bacb;}
[data-bs-theme="dark"] .mf-page.mf-aged .offer .nm,
[data-bs-theme="dark"] .mf-page.mf-aged .offer .price small,
[data-bs-theme="dark"] .mf-page.mf-aged .offers-note {color:#9097ab;}
[data-bs-theme="dark"] .mf-page.mf-aged .offer .price b {background:linear-gradient(180deg,#c3d0fb,#8fa6ee);-webkit-background-clip:text;background-clip:text;color:transparent;}
[data-bs-theme="dark"] .mf-page.mf-aged .box:not(.b) li {background:#1b1f2e;color:#e4e8f4;}
[data-bs-theme="dark"] .mf-page.mf-aged .box.b {background:linear-gradient(160deg,#1f3f9e,#162d73);}
[data-bs-theme="dark"] .mf-page.mf-aged .box.b li {background:rgba(255,255,255,.12);color:#fff;}
[data-bs-theme="dark"] .mf-page.mf-aged .mf-btn-primary:hover {background:#2f52c4;color:#fff;}

/* ===== ndis.php  (add classes mf-page mf-ndis) ===== */
[data-bs-theme="dark"] .mf-page.mf-ndis .c1,
[data-bs-theme="dark"] .mf-page.mf-ndis .bento .c1 {background:#131833;border-color:#2a3560;color:#f2f4fa;}
[data-bs-theme="dark"] .mf-page.mf-ndis .c1 .go {color:#9fb3f5;}
[data-bs-theme="dark"] .mf-page.mf-ndis .c5 p {color:var(--on-dark-soft);}
[data-bs-theme="dark"] .mf-page.mf-ndis .c1 .big,
[data-bs-theme="dark"] .mf-page.mf-ndis .c3 .big {color:rgba(255,255,255,.06);}
[data-bs-theme="dark"] .mf-page.mf-ndis .offer {background:#11131c;color:#f2f4fa;border-color:rgba(255,255,255,.14);}
[data-bs-theme="dark"] .mf-page.mf-ndis .offer:hover {border-color:#2a3560;}
[data-bs-theme="dark"] .mf-page.mf-ndis .offer h3 {color:#f2f4fa;}
[data-bs-theme="dark"] .mf-page.mf-ndis .offer p {color:#b4bacb;}
[data-bs-theme="dark"] .mf-page.mf-ndis .offer .nm,
[data-bs-theme="dark"] .mf-page.mf-ndis .offer .price small,
[data-bs-theme="dark"] .mf-page.mf-ndis .offer-note {color:#9097ab;}
[data-bs-theme="dark"] .mf-page.mf-ndis .offer .price {background:#131833;border-color:#2a3560;color:#9fb3f5;}
[data-bs-theme="dark"] .mf-page.mf-ndis .offer .price i {color:#b4bacb;}
[data-bs-theme="dark"] .mf-page.mf-ndis .secure {background:linear-gradient(120deg,#162d73,#1f3f9e);}
[data-bs-theme="dark"] .mf-page.mf-ndis .box:not(.b) li {background:#1b1f2e;color:#e4e8f4;}
[data-bs-theme="dark"] .mf-page.mf-ndis .box.b {background:linear-gradient(160deg,#1f3f9e,#162d73);}
[data-bs-theme="dark"] .mf-page.mf-ndis .box.b li {background:rgba(255,255,255,.12);color:#fff;}
[data-bs-theme="dark"] .mf-page.mf-ndis .mf-btn-primary:hover {background:#2f52c4;color:#fff;}

/* ===== professional-services.php  (add classes mf-page mf-prof) ===== */
[data-bs-theme="dark"] .mf-page.mf-prof .c1,
[data-bs-theme="dark"] .mf-page.mf-prof .c5,
[data-bs-theme="dark"] .mf-page.mf-prof .bento .c1,
[data-bs-theme="dark"] .mf-page.mf-prof .bento .c5 {background:#131833;border-color:#2a3560;color:#f2f4fa;}
[data-bs-theme="dark"] .mf-page.mf-prof .c1 .go,
[data-bs-theme="dark"] .mf-page.mf-prof .c5 .go {color:#9fb3f5;}
[data-bs-theme="dark"] .mf-page.mf-prof .c1 .big,
[data-bs-theme="dark"] .mf-page.mf-prof .c3 .big,
[data-bs-theme="dark"] .mf-page.mf-prof .c5 .big {color:rgba(255,255,255,.06);}
[data-bs-theme="dark"] .mf-page.mf-prof .firm {background:#11131c;color:#f2f4fa;border-color:rgba(255,255,255,.14);}
[data-bs-theme="dark"] .mf-page.mf-prof a.firm:hover {border-color:#2a3560;box-shadow:none;}
[data-bs-theme="dark"] .mf-page.mf-prof .firm h3 {color:#f2f4fa;}
[data-bs-theme="dark"] .mf-page.mf-prof .firm p {color:#b4bacb;}
[data-bs-theme="dark"] .mf-page.mf-prof .firm .go {color:#9fb3f5;}
[data-bs-theme="dark"] .mf-page.mf-prof .vc {background:#131833;border-color:#2a3560;color:#f2f4fa;}
[data-bs-theme="dark"] .mf-page.mf-prof .vc p.body {color:#b4bacb;}
[data-bs-theme="dark"] .mf-page.mf-prof .vc-media {border-color:#0b1020;box-shadow:none;}
[data-bs-theme="dark"] .mf-page.mf-prof .tbl-wrap {background:#11131c;border-color:rgba(255,255,255,.14);box-shadow:none;}
[data-bs-theme="dark"] .mf-page.mf-prof table.cmp th {background:#0f121b;color:#9097ab;border-bottom-color:rgba(255,255,255,.12);}
[data-bs-theme="dark"] .mf-page.mf-prof table.cmp td {color:#d7dcea;border-bottom-color:rgba(255,255,255,.1);}
[data-bs-theme="dark"] .mf-page.mf-prof table.cmp td:first-child {color:#f2f4fa;}
[data-bs-theme="dark"] .mf-page.mf-prof table.cmp tbody tr:hover td {background:#151826;}
[data-bs-theme="dark"] .mf-page.mf-prof table.cmp td.price span {background:#131833;border-color:#2a3560;color:#9fb3f5;}
[data-bs-theme="dark"] .mf-page.mf-prof .tbl-note {color:#9097ab;}
[data-bs-theme="dark"] .mf-page.mf-prof .box:not(.b) li {background:#1b1f2e;color:#e4e8f4;}
[data-bs-theme="dark"] .mf-page.mf-prof .box.b {background:linear-gradient(160deg,#1f3f9e,#162d73);}
[data-bs-theme="dark"] .mf-page.mf-prof .box.b li {background:rgba(255,255,255,.12);color:#fff;}
[data-bs-theme="dark"] .mf-page.mf-prof .btn-brand:hover {background:#2f52c4;color:#fff;}
@media (max-width:760px){
  [data-bs-theme="dark"] .mf-page.mf-prof table.cmp tbody tr:hover td {background:transparent;}
}

/* ==========================================================================
   11. accounting.php / not-profit.php
   Same pattern as section 10: each block applies ONLY when <main> has that
   page's own class (both also keep "mf-page"):
     accounting.php ..... mf-acct
     not-profit.php ..... mf-npo
   Sections 1-7 cover the shared .mf parts. Section 1 makes --brand-d a LIGHT
   blue (for text), so rules that used it as a BACKGROUND are set back to the
   dark blue here. White cards become dark cards. Light mode is untouched.
   ========================================================================== */

/* ===== accounting.php  (add classes mf-page mf-acct) ===== */
[data-bs-theme="dark"] .mf-page.mf-acct .c5,
[data-bs-theme="dark"] .mf-page.mf-acct .bento.five .c5 {background:#11131c;color:#f2f4fa;border-color:rgba(255,255,255,.14);}
[data-bs-theme="dark"] .mf-page.mf-acct .c1 .big,
[data-bs-theme="dark"] .mf-page.mf-acct .c3 .big,
[data-bs-theme="dark"] .mf-page.mf-acct .c5 .big {color:rgba(255,255,255,.06);}
[data-bs-theme="dark"] .mf-page.mf-acct .offer {background:#11131c;color:#f2f4fa;border-color:rgba(255,255,255,.14);}
[data-bs-theme="dark"] .mf-page.mf-acct .offer:hover {border-color:#2a3560;}
[data-bs-theme="dark"] .mf-page.mf-acct .offer h3 {color:#f2f4fa;}
[data-bs-theme="dark"] .mf-page.mf-acct .offer p,
[data-bs-theme="dark"] .mf-page.mf-acct .offer .price em {color:#b4bacb;}
[data-bs-theme="dark"] .mf-page.mf-acct .offer .nm,
[data-bs-theme="dark"] .mf-page.mf-acct .offer .price small,
[data-bs-theme="dark"] .mf-page.mf-acct .offers-note {color:#9097ab;}
[data-bs-theme="dark"] .mf-page.mf-acct .offer .price {background:#131833;border-color:#2a3560;}
[data-bs-theme="dark"] .mf-page.mf-acct .offer .price b {color:#9fb3f5;}
[data-bs-theme="dark"] .mf-page.mf-acct .acr-price {background:#11131c;border-color:rgba(255,255,255,.14);}
[data-bs-theme="dark"] .mf-page.mf-acct .acr-price small {color:#9097ab;}
[data-bs-theme="dark"] .mf-page.mf-acct .acr-price b {color:#9fb3f5;}
[data-bs-theme="dark"] .mf-page.mf-acct .acr-media {border-color:#0b1020;box-shadow:none;}
[data-bs-theme="dark"] .mf-page.mf-acct .region.wide-sub span.loc:hover {background:#1b2140;color:#f2f4fa;}
[data-bs-theme="dark"] .mf-page.mf-acct .box.b {background:linear-gradient(160deg,#1f3f9e,#162d73);}
[data-bs-theme="dark"] .mf-page.mf-acct .btn-brand:hover,
[data-bs-theme="dark"] .mf-page.mf-acct .mf-btn-primary:hover,
[data-bs-theme="dark"] .mf-page.mf-acct .mf-hero .mf-btn-primary:hover {background:#2f52c4;color:#fff;}

/* ===== not-profit.php  (add classes mf-page mf-npo) ===== */
[data-bs-theme="dark"] .mf-page.mf-npo .org {background:#11131c;color:#f2f4fa;border-color:rgba(255,255,255,.14);}
[data-bs-theme="dark"] .mf-page.mf-npo .org:hover {border-color:#2a3560;box-shadow:none;}
[data-bs-theme="dark"] .mf-page.mf-npo .org h3 {color:#f2f4fa;}
[data-bs-theme="dark"] .mf-page.mf-npo .org p {color:#b4bacb;}
[data-bs-theme="dark"] .mf-page.mf-npo .org .go {color:#9fb3f5;}
[data-bs-theme="dark"] .mf-page.mf-npo .fit .loc {background:#1b2140;color:#f2f4fa;border-color:rgba(255,255,255,.14);}
[data-bs-theme="dark"] .mf-page.mf-npo .pcard {background:#11131c;color:#f2f4fa;border-color:rgba(255,255,255,.14);}
[data-bs-theme="dark"] .mf-page.mf-npo .pcard:hover {border-color:#2a3560;box-shadow:none;}
[data-bs-theme="dark"] .mf-page.mf-npo .pcard h3 {color:#f2f4fa;}
[data-bs-theme="dark"] .mf-page.mf-npo .pcard p {color:#b4bacb;}
[data-bs-theme="dark"] .mf-page.mf-npo .pcard .go {color:#9fb3f5;}
[data-bs-theme="dark"] .mf-page.mf-npo .price:not(.hl) {background:#11131c;color:#f2f4fa;border-color:rgba(255,255,255,.14);}
[data-bs-theme="dark"] .mf-page.mf-npo .price:not(.hl):hover {border-color:#2a3560;box-shadow:none;}
[data-bs-theme="dark"] .mf-page.mf-npo .price:not(.hl) h3 {color:#f2f4fa;}
[data-bs-theme="dark"] .mf-page.mf-npo .price:not(.hl) p {color:#b4bacb;}
[data-bs-theme="dark"] .mf-page.mf-npo .price:not(.hl) .pv {color:#9fb3f5;}
[data-bs-theme="dark"] .mf-page.mf-npo .price:not(.hl) .pv small,
[data-bs-theme="dark"] .mf-page.mf-npo .price-note {color:#9097ab;}
[data-bs-theme="dark"] .mf-page.mf-npo .price.hl {background:linear-gradient(160deg,#1f3f9e,#162d73);}
[data-bs-theme="dark"] .mf-page.mf-npo .tbl-wrap {background:#11131c;border-color:rgba(255,255,255,.14);box-shadow:none;}
[data-bs-theme="dark"] .mf-page.mf-npo .cmp th {background:#0f121b;color:#9097ab;border-bottom-color:rgba(255,255,255,.12);}
[data-bs-theme="dark"] .mf-page.mf-npo .cmp th.us {background:var(--brand);color:#fff;}
[data-bs-theme="dark"] .mf-page.mf-npo .cmp td {color:#d7dcea;border-top-color:rgba(255,255,255,.1);}
[data-bs-theme="dark"] .mf-page.mf-npo .cmp td:first-child {color:#f2f4fa;}
[data-bs-theme="dark"] .mf-page.mf-npo .cmp td.us {background:#131833;color:#9fb3f5;}
[data-bs-theme="dark"] .mf-page.mf-npo .help .ico {background:rgba(255,255,255,.1);box-shadow:none;}
[data-bs-theme="dark"] .mf-page.mf-npo .role.more {background:linear-gradient(160deg,#1f3f9e,#162d73);}
[data-bs-theme="dark"] .mf-page.mf-npo .box.b {background:linear-gradient(160deg,#1f3f9e,#162d73);}
[data-bs-theme="dark"] .mf-page.mf-npo .mf-btn-primary:hover,
[data-bs-theme="dark"] .mf-page.mf-npo .mf-hero .mf-btn-primary:hover {background:#2f52c4;color:#fff;}