/* MOHU pre-Stage-10: six deliberately distinct user themes. Original leaves legacy MOHU styling intact. */
:root{--mohu-page:#f7f9fc;--mohu-surface:#fff;--mohu-surface-2:#f3f7fb;--mohu-text:#10264a;--mohu-muted:#66758a;--mohu-border:#dce5ee;--mohu-accent:#149447;--mohu-accent-2:#0b6f9e;--mohu-shadow:0 8px 26px rgba(8,35,70,.09)}
html[data-mohu-theme="dark"]{color-scheme:dark;--mohu-page:#0b1320;--mohu-surface:#142033;--mohu-surface-2:#1d2b40;--mohu-text:#f4f8ff;--mohu-muted:#c2cede;--mohu-border:#3c5069;--mohu-accent:#55d487;--mohu-accent-2:#62c5ff;--mohu-shadow:0 10px 30px rgba(0,0,0,.32)}
html[data-mohu-theme="ocean"]{color-scheme:light;--mohu-page:#e7f7fc;--mohu-surface:#fafdff;--mohu-surface-2:#d9f1f8;--mohu-text:#06324a;--mohu-muted:#486f80;--mohu-border:#a9d7e5;--mohu-accent:#008b8b;--mohu-accent-2:#0369a1;--mohu-shadow:0 9px 28px rgba(3,105,161,.14)}
html[data-mohu-theme="emerald"]{color-scheme:light;--mohu-page:#eaf7ed;--mohu-surface:#fbfffc;--mohu-surface-2:#d9efdf;--mohu-text:#143522;--mohu-muted:#547160;--mohu-border:#b6d8c0;--mohu-accent:#15803d;--mohu-accent-2:#0f766e;--mohu-shadow:0 9px 28px rgba(21,128,61,.13)}
html[data-mohu-theme="sunset"]{color-scheme:light;--mohu-page:#fff3e8;--mohu-surface:#fffaf5;--mohu-surface-2:#ffe4cf;--mohu-text:#4a2315;--mohu-muted:#815a49;--mohu-border:#f2c5a5;--mohu-accent:#c2410c;--mohu-accent-2:#be123c;--mohu-shadow:0 9px 28px rgba(194,65,12,.14)}
html[data-mohu-theme="violet"]{color-scheme:light;--mohu-page:#f5efff;--mohu-surface:#fdfbff;--mohu-surface-2:#eadcff;--mohu-text:#32175b;--mohu-muted:#725d91;--mohu-border:#d2bdf1;--mohu-accent:#7c3aed;--mohu-accent-2:#a21caf;--mohu-shadow:0 9px 28px rgba(124,58,237,.14)}
html[data-mohu-theme]:not([data-mohu-theme="original"]) body{background:var(--mohu-page)!important;color:var(--mohu-text)!important}
html[data-mohu-theme]:not([data-mohu-theme="original"]) :is(.header,.mohu-mobile-authbar,.mohu-breadcrumb-wrap){background:var(--mohu-surface)!important;color:var(--mohu-text)!important;border-color:var(--mohu-border)!important}
html[data-mohu-theme]:not([data-mohu-theme="original"]) :is(.card,.panel,.mohu-i-opportunity-panel,.mohu-browse-panel,.mohu-i-trust-panel,.mohu-phase2-results,.mohu-phase2-filterbox,.mohu-mobile-drawer-shell,.mohu-stage6-comm-menu,.mohu-global-search-box,.mohu-guest-value,.mohu-guest-role,.mohu-guest-how-card){background:var(--mohu-surface)!important;color:var(--mohu-text)!important;border-color:var(--mohu-border)!important;box-shadow:var(--mohu-shadow)!important}
html[data-mohu-theme]:not([data-mohu-theme="original"]) :is(input,select,textarea,.form-control){background:var(--mohu-surface)!important;color:var(--mohu-text)!important;border-color:var(--mohu-border)!important}
html[data-mohu-theme]:not([data-mohu-theme="original"]) :is(p,small,label,.muted,.mohu-stage6-menu-row small){color:var(--mohu-muted)!important}
html[data-mohu-theme="dark"] a:not(.btn):not(.mohu-appearance-option){color:#91d7ff}
html[data-mohu-theme="dark"] .mohu-stage6-menu-row{color:#f4f8ff!important;background:#1b2a40!important}
html[data-mohu-theme="dark"] .mohu-stage6-comm-menu:before{background:#142033;border-color:#3c5069}
html[data-mohu-theme="dark"] .footer{background:#07101c!important}
html[data-mohu-theme="ocean"] .topbar{background:#075985!important}html[data-mohu-theme="emerald"] .topbar{background:#14532d!important}html[data-mohu-theme="sunset"] .topbar{background:#9a3412!important}html[data-mohu-theme="violet"] .topbar{background:#5b21b6!important}
.mohu-appearance-wrap{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;margin:0!important;z-index:2010}.mohu-appearance-trigger{box-sizing:border-box!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;padding:0!important;margin:0!important;border:1px solid var(--mohu-border);border-radius:12px;background:var(--mohu-surface);color:var(--mohu-text);display:inline-flex!important;align-items:center;justify-content:center;font-size:20px;line-height:1;cursor:pointer;box-shadow:0 2px 8px rgba(8,35,70,.07)}
.mohu-appearance-trigger:hover,.mohu-appearance-trigger:focus-visible{outline:3px solid rgba(32,154,86,.18);border-color:var(--mohu-accent)}.mohu-appearance-popover{position:absolute;right:0;top:calc(100% + 10px);width:min(330px,calc(100vw - 24px));padding:12px;background:var(--mohu-surface);color:var(--mohu-text);border:1px solid var(--mohu-border);border-radius:18px;box-shadow:0 18px 45px rgba(8,35,70,.22);z-index:99999}.mohu-appearance-popover[hidden]{display:none!important}.mohu-appearance-head{display:flex;align-items:center;justify-content:space-between;padding:3px 4px 10px}.mohu-appearance-head strong{font-size:16px}.mohu-appearance-head small{display:block;color:var(--mohu-muted)}.mohu-appearance-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mohu-appearance-option{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid var(--mohu-border);border-radius:12px;background:var(--mohu-surface-2);color:var(--mohu-text);font-weight:800;font-size:13px;cursor:pointer;text-align:left}.mohu-appearance-option[aria-checked="true"]{border-color:var(--mohu-accent);box-shadow:inset 0 0 0 1px var(--mohu-accent)}.mohu-appearance-option span{font-size:18px}.mohu-drawer-appearance{margin:10px 0;padding:12px;border-radius:14px;background:var(--mohu-surface-2);color:var(--mohu-text)}.mohu-drawer-appearance strong{display:block;margin-bottom:8px}.mohu-drawer-theme-row{display:flex;flex-wrap:wrap;gap:6px}.mohu-drawer-theme-row button{border:1px solid var(--mohu-border);background:var(--mohu-surface);color:var(--mohu-text);border-radius:999px;padding:7px 9px;font-weight:800;font-size:11px}
.mohu-page-back-wrap{padding-top:10px}.mohu-page-back{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:7px 12px;border:1px solid var(--mohu-border);border-radius:11px;background:var(--mohu-surface);color:var(--mohu-text)!important;text-decoration:none;font-weight:800;font-size:13px;box-shadow:0 2px 8px rgba(8,35,70,.05)}.mohu-page-back:hover{border-color:var(--mohu-accent);transform:translateY(-1px)}
/* Guest welcome enrichment */
.mohu-guest-welcome{margin:22px 0 28px}.mohu-guest-intro{padding:24px;border-radius:22px;background:linear-gradient(135deg,#0b2851,#0d6b68);color:#fff;display:grid;grid-template-columns:1.25fr .75fr;gap:22px;align-items:center;box-shadow:0 14px 36px rgba(8,35,70,.18)}.mohu-guest-intro h2{margin:0 0 8px;font-size:clamp(24px,3vw,36px);color:#fff}.mohu-guest-intro p{margin:0;color:#e8f4f6;line-height:1.65}.mohu-guest-cta{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.mohu-guest-cta a{padding:12px 16px;border-radius:12px;font-weight:900;text-decoration:none}.mohu-guest-cta .primary{background:#34b868;color:#071f16}.mohu-guest-cta .secondary{background:#fff;color:#0b2851}.mohu-guest-section-head{text-align:center;margin:28px 0 14px}.mohu-guest-section-head h2{margin:0 0 5px;color:var(--mohu-text)}.mohu-guest-section-head p{margin:0;color:var(--mohu-muted)}.mohu-guest-values{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.mohu-guest-value{padding:17px;border:1px solid var(--mohu-border);border-radius:17px;background:var(--mohu-surface);box-shadow:var(--mohu-shadow)}.mohu-guest-value>span{font-size:26px}.mohu-guest-value strong{display:block;margin:8px 0 4px;color:var(--mohu-text)}.mohu-guest-value small{display:block;line-height:1.5;color:var(--mohu-muted)}.mohu-guest-how{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mohu-guest-how-card{padding:18px;border-radius:17px;background:var(--mohu-surface);border:1px solid var(--mohu-border);text-align:center}.mohu-guest-how-card b{display:inline-flex;width:34px;height:34px;border-radius:50%;align-items:center;justify-content:center;background:var(--mohu-accent);color:#fff}.mohu-guest-how-card strong{display:block;margin:9px 0 4px}.mohu-guest-how-card small{color:var(--mohu-muted);line-height:1.5}.mohu-guest-roles{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.mohu-guest-role{padding:18px;border:1px solid var(--mohu-border);border-radius:17px;background:var(--mohu-surface);text-decoration:none;color:var(--mohu-text)!important}.mohu-guest-role strong{display:block;font-size:17px;margin-bottom:5px}.mohu-guest-role small{display:block;color:var(--mohu-muted);line-height:1.5}.mohu-guest-role em{display:block;margin-top:10px;color:var(--mohu-accent);font-style:normal;font-weight:900}.mohu-guest-final-cta{text-align:center;margin-top:24px;padding:22px;border:1px solid var(--mohu-border);border-radius:20px;background:var(--mohu-surface-2)}.mohu-guest-final-cta h2{margin:0 0 6px}.mohu-guest-final-cta p{margin:0 0 13px;color:var(--mohu-muted)}
@media(max-width:1100px){.mohu-appearance-popover{position:fixed;right:12px;top:76px}.mohu-guest-values{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.mohu-appearance-trigger{width:39px!important;height:39px!important;min-width:39px!important;min-height:39px!important}.header .nav{column-gap:8px!important}.mohu-guest-intro{grid-template-columns:1fr;padding:20px}.mohu-guest-cta{justify-content:flex-start}.mohu-guest-values,.mohu-guest-roles{grid-template-columns:1fr 1fr}.mohu-guest-how{grid-template-columns:1fr}.mohu-page-back-wrap{padding-top:7px}.mohu-page-back{min-height:34px;padding:6px 10px;font-size:12px}}
@media(max-width:430px){.mohu-appearance-grid{grid-template-columns:1fr 1fr}.mohu-guest-values,.mohu-guest-roles{grid-template-columns:1fr}.mohu-guest-intro h2{font-size:25px}}

/* 2026-09-19 surgical mobile header correction.
   Fixed order: BRAND | THEME | COMMUNICATIONS | MENU.
   Keep all three action controls out of the brand flex calculation. */
@media (max-width:1100px){
  .header .container.nav{
    position:relative!important;
    padding-right:190px!important;
    min-height:64px;
  }
  .header .mohu-appearance-wrap{
    position:absolute!important;
    right:132px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:48px!important;
    height:48px!important;
    z-index:2012!important;
  }
  .header .mohu-appearance-trigger{
    width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;
    border-radius:14px!important;
  }
  .header .mohu-stage6-comm-wrap{
    position:absolute!important;
    right:76px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:48px!important;height:48px!important;
  }
  .header .mohu-stage6-comm-wrap .mohu-stage6-header-link{
    width:48px!important;height:48px!important;min-width:48px!important;flex-basis:48px!important;
  }
  .header .mohu-nav-toggle{
    position:absolute!important;
    right:20px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:48px!important;height:48px!important;min-width:48px!important;
    margin:0!important;
    z-index:2011!important;
  }
  .mohu-appearance-popover{position:fixed!important;right:12px!important;top:76px!important;transform:none!important}
}
@media (max-width:600px){
  .header .container.nav{padding-right:178px!important;min-height:60px}
  .header .mohu-appearance-wrap{right:124px!important;width:46px!important;height:46px!important}
  .header .mohu-appearance-trigger{width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important}
  .header .mohu-stage6-comm-wrap{right:70px!important;width:46px!important;height:46px!important}
  .header .mohu-stage6-comm-wrap .mohu-stage6-header-link{width:46px!important;height:46px!important;min-width:46px!important;flex-basis:46px!important}
  .header .mohu-nav-toggle{right:16px!important;width:46px!important;height:46px!important;min-width:46px!important}
}
@media (max-width:390px){
  .header .container.nav{padding-right:166px!important}
  .header .mohu-appearance-wrap{right:116px!important;width:44px!important;height:44px!important}
  .header .mohu-appearance-trigger{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}
  .header .mohu-stage6-comm-wrap{right:66px!important;width:44px!important;height:44px!important}
  .header .mohu-stage6-comm-wrap .mohu-stage6-header-link{width:44px!important;height:44px!important;min-width:44px!important;flex-basis:44px!important}
  .header .mohu-nav-toggle{right:16px!important;width:44px!important;height:44px!important;min-width:44px!important}
}

/* -------------------------------------------------------------------------
   Pre-Stage-10 theme repair: accessibility, imagery and mobile header safety
   ------------------------------------------------------------------------- */
/* Theme controls occupy their own fixed header slots on tablet/mobile. */
@media (max-width:1100px){
  .header .container.nav{padding-right:190px!important;position:relative!important}
  .header .mohu-appearance-wrap{position:absolute!important;right:130px!important;top:50%!important;transform:translateY(-50%)!important;z-index:2012!important}
  .header .mohu-appearance-trigger{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;border-radius:14px!important}
  .header .mohu-stage6-comm-wrap{right:72px!important}
  .header .mohu-nav-toggle{position:absolute!important;right:12px!important;top:50%!important;transform:translateY(-50%)!important;z-index:2011!important;visibility:visible!important;opacity:1!important}
}
@media (max-width:600px){
  .header .container.nav{padding-right:178px!important}
  .header .mohu-appearance-wrap{right:124px!important}
  .header .mohu-appearance-trigger{width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important}
  .header .mohu-stage6-comm-wrap{right:68px!important}
  .header .mohu-nav-toggle{right:10px!important}
}
@media (max-width:390px){
  .header .container.nav{padding-right:166px!important}
  .header .mohu-appearance-wrap{right:116px!important}
  .header .mohu-appearance-trigger{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}
  .header .mohu-stage6-comm-wrap{right:64px!important}
}

/* Never theme/dim actual photographs, logos, illustrations or footer artwork. */
html[data-mohu-theme]:not([data-mohu-theme="original"]) img,
html[data-mohu-theme]:not([data-mohu-theme="original"]) picture,
html[data-mohu-theme]:not([data-mohu-theme="original"]) svg{filter:none!important;opacity:1!important;mix-blend-mode:normal!important}
html[data-mohu-theme]:not([data-mohu-theme="original"]) .mohu-brand-logo img,
html[data-mohu-theme]:not([data-mohu-theme="original"]) .mohu-mobile-drawer-brand img{visibility:visible!important;opacity:1!important}

/* Header controls must remain visible in every theme. */
html[data-mohu-theme]:not([data-mohu-theme="original"]) .header{background:var(--mohu-header-bg,var(--mohu-surface))!important}
html[data-mohu-theme]:not([data-mohu-theme="original"]) :is(.mohu-nav-toggle,.mohu-stage6-header-link,.mohu-appearance-trigger){
 background:var(--mohu-control-bg,#fff)!important;color:var(--mohu-control-text,#0b2851)!important;border-color:var(--mohu-control-border,var(--mohu-border))!important;opacity:1!important;visibility:visible!important
}
html[data-mohu-theme]:not([data-mohu-theme="original"]) .mohu-appearance-popover{background:var(--mohu-surface)!important;color:var(--mohu-text)!important;border-color:var(--mohu-border)!important}

/* Complete readable surfaces instead of light cards with washed-out inherited text. */
html[data-mohu-theme]:not([data-mohu-theme="original"]) :is(
 .card,.panel,.box,.section-card,.stat-card,.metric-card,.dashboard-card,.opportunity-card,.review-card,.feedback-card,
 .mohu-i-opportunity-panel,.mohu-browse-panel,.mohu-i-trust-panel,.mohu-phase2-results,.mohu-phase2-filterbox,
 .mohu-global-search-box,.mohu-guest-value,.mohu-guest-role,.mohu-guest-how-card
){background:var(--mohu-surface)!important;color:var(--mohu-text)!important;border-color:var(--mohu-border)!important}
html[data-mohu-theme]:not([data-mohu-theme="original"]) :is(
 .card,.panel,.box,.section-card,.stat-card,.metric-card,.dashboard-card,.opportunity-card,.review-card,.feedback-card,
 .mohu-i-opportunity-panel,.mohu-browse-panel,.mohu-i-trust-panel,.mohu-phase2-results,.mohu-phase2-filterbox
) :is(h1,h2,h3,h4,h5,h6,strong,b){color:var(--mohu-text)!important}
html[data-mohu-theme]:not([data-mohu-theme="original"]) :is(
 .card,.panel,.box,.section-card,.stat-card,.metric-card,.dashboard-card,.opportunity-card,.review-card,.feedback-card,
 .mohu-i-opportunity-panel,.mohu-browse-panel,.mohu-i-trust-panel,.mohu-phase2-results,.mohu-phase2-filterbox
) :is(p,small,label,li,.muted){color:var(--mohu-muted)!important}
html[data-mohu-theme]:not([data-mohu-theme="original"]) :is(input,select,textarea,.form-control){background:var(--mohu-input-bg,var(--mohu-surface-2))!important;color:var(--mohu-text)!important;border-color:var(--mohu-border)!important}
html[data-mohu-theme]:not([data-mohu-theme="original"]) :is(input,textarea)::placeholder{color:var(--mohu-placeholder,var(--mohu-muted))!important;opacity:1!important}

/* Midnight is genuinely dark while keeping cards and copy high contrast. */
html[data-mohu-theme="dark"]{--mohu-header-bg:#101c2e;--mohu-control-bg:#f8fbff;--mohu-control-text:#0b2851;--mohu-control-border:#b8c9db;--mohu-input-bg:#0f1b2c;--mohu-placeholder:#aab9cb}
html[data-mohu-theme="dark"] :is(.footer,footer){background:#07101c!important;color:#e8f0fb!important}
html[data-mohu-theme="dark"] :is(.footer,footer) :is(h1,h2,h3,h4,h5,h6,strong,b,a){color:#f5f8ff!important}
html[data-mohu-theme="dark"] :is(.footer,footer) :is(p,small,span,li){color:#c7d3e2!important}
html[data-mohu-theme="dark"] .mohu-stage6-menu-row{background:#1b2a40!important;color:#f4f8ff!important}
html[data-mohu-theme="dark"] .mohu-stage6-menu-row small{color:#c2cede!important}

/* The four light alternatives intentionally look different from one another. */
html[data-mohu-theme="ocean"]{--mohu-header-bg:#dff4fb;--mohu-control-bg:#ffffff;--mohu-control-text:#075985;--mohu-input-bg:#f7fdff}
html[data-mohu-theme="emerald"]{--mohu-header-bg:#e2f4e7;--mohu-control-bg:#ffffff;--mohu-control-text:#14532d;--mohu-input-bg:#f7fff9}
html[data-mohu-theme="sunset"]{--mohu-header-bg:#fff0df;--mohu-control-bg:#fffaf5;--mohu-control-text:#9a3412;--mohu-input-bg:#fff8f1}
html[data-mohu-theme="violet"]{--mohu-header-bg:#eee4ff;--mohu-control-bg:#ffffff;--mohu-control-text:#5b21b6;--mohu-input-bg:#fbf8ff}
html[data-mohu-theme="ocean"] :is(.btn-primary,button.primary){background:#008b8b!important}
html[data-mohu-theme="emerald"] :is(.btn-primary,button.primary){background:#15803d!important}
html[data-mohu-theme="sunset"] :is(.btn-primary,button.primary){background:#c2410c!important}
html[data-mohu-theme="violet"] :is(.btn-primary,button.primary){background:#7c3aed!important}

/* -------------------------------------------------------------------------
   2026-09-19 refinement: compact selector + dark readability + logo contrast
   Original theme remains intentionally untouched.
   ------------------------------------------------------------------------- */
/* Compact selector: fully visible on narrow phones without covering the page. */
.mohu-appearance-popover{
  box-sizing:border-box!important;
  width:min(286px,calc(100vw - 20px))!important;
  max-width:calc(100vw - 20px)!important;
  padding:9px!important;
  border-radius:15px!important;
}
.mohu-appearance-head{padding:2px 3px 7px!important}
.mohu-appearance-head strong{font-size:14px!important}
.mohu-appearance-head small{font-size:11px!important;line-height:1.25!important}
.mohu-appearance-grid{gap:6px!important}
.mohu-appearance-option{min-width:0!important;padding:8px!important;border-radius:10px!important;font-size:11.5px!important;line-height:1.2!important;gap:6px!important}
.mohu-appearance-option span{font-size:15px!important;flex:0 0 auto!important}
@media(max-width:1100px){.mohu-appearance-popover{right:8px!important;top:72px!important}}
@media(max-width:430px){
 .mohu-appearance-popover{width:min(276px,calc(100vw - 16px))!important;max-width:calc(100vw - 16px)!important;right:8px!important;padding:8px!important}
 .mohu-appearance-option{padding:7px!important;font-size:11px!important}
}

/* Midnight Dark: force strong contrast in legacy homepage/content components. */
html[data-mohu-theme="dark"] :is(main,.main,.content,.section,section){color:#f4f8ff}
html[data-mohu-theme="dark"] :is(main,.main,.content,.section,section) :is(h1,h2,h3,h4,h5,h6){color:#f4f8ff!important}
html[data-mohu-theme="dark"] :is(main,.main,.content,.section,section) :is(p,small,label,li,.muted,.text-muted,.subtext,.subtitle){color:#cbd7e6!important}
html[data-mohu-theme="dark"] :is(.card,.panel,.box,.section-card,.stat-card,.metric-card,.dashboard-card,.opportunity-card,.review-card,.feedback-card,.mohu-i-opportunity-panel,.mohu-browse-panel,.mohu-i-trust-panel,.mohu-phase2-results,.mohu-phase2-filterbox,.mohu-global-search-box){background:#142033!important;color:#f4f8ff!important;border-color:#405570!important}
html[data-mohu-theme="dark"] :is(.card,.panel,.box,.section-card,.stat-card,.metric-card,.dashboard-card,.opportunity-card,.review-card,.feedback-card,.mohu-i-opportunity-panel,.mohu-browse-panel,.mohu-i-trust-panel,.mohu-phase2-results,.mohu-phase2-filterbox,.mohu-global-search-box) :is(h1,h2,h3,h4,h5,h6,strong,b,a:not(.btn)){color:#f4f8ff!important}
html[data-mohu-theme="dark"] :is(.card,.panel,.box,.section-card,.stat-card,.metric-card,.dashboard-card,.opportunity-card,.review-card,.feedback-card,.mohu-i-opportunity-panel,.mohu-browse-panel,.mohu-i-trust-panel,.mohu-phase2-results,.mohu-phase2-filterbox,.mohu-global-search-box) :is(p,small,label,li,.muted,.text-muted,.subtext,.subtitle){color:#cbd7e6!important}
html[data-mohu-theme="dark"] :is(input,select,textarea,.form-control){background:#0f1b2c!important;color:#f7fbff!important;border-color:#536984!important}
html[data-mohu-theme="dark"] :is(input,textarea)::placeholder{color:#b9c6d6!important}
html[data-mohu-theme="dark"] hr{border-color:#405570!important;opacity:1!important}

/* Keep intentionally pale status/chip surfaces readable in Midnight Dark. */
html[data-mohu-theme="dark"] :is(.badge,.chip,.pill,.tag){color:#10264a!important}

/* Theme-specific header treatments chosen for the official white-letter logo.
   Saturated backgrounds give the complete logo/strapline reliable contrast. */
html[data-mohu-theme="ocean"]{--mohu-header-bg:#075985;--mohu-control-bg:#ffffff;--mohu-control-text:#075985;--mohu-control-border:#b9dbea}
html[data-mohu-theme="emerald"]{--mohu-header-bg:#14532d;--mohu-control-bg:#ffffff;--mohu-control-text:#14532d;--mohu-control-border:#b9d9c3}
html[data-mohu-theme="sunset"]{--mohu-header-bg:#7c2d12;--mohu-control-bg:#fffaf5;--mohu-control-text:#9a3412;--mohu-control-border:#efc4a7}
html[data-mohu-theme="violet"]{--mohu-header-bg:#4c1d95;--mohu-control-bg:#ffffff;--mohu-control-text:#5b21b6;--mohu-control-border:#d3c0ef}
html[data-mohu-theme]:is([data-mohu-theme="ocean"],[data-mohu-theme="emerald"],[data-mohu-theme="sunset"],[data-mohu-theme="violet"]) .header .mohu-brand-logo{
  background:transparent!important;
}
html[data-mohu-theme]:is([data-mohu-theme="ocean"],[data-mohu-theme="emerald"],[data-mohu-theme="sunset"],[data-mohu-theme="violet"]) .header .mohu-brand-logo img{
  filter:none!important;opacity:1!important;visibility:visible!important;
}

/* -------------------------------------------------------------------------
   2026-09-19 Midnight Dark final legibility pass
   Purpose: remove remaining washed-out legacy light cards/text without
   changing Original or any of the four colour themes.
   ------------------------------------------------------------------------- */
html[data-mohu-theme="dark"]{
  --mohu-text:#ffffff;
  --mohu-muted:#d9e4f2;
  --mohu-border:#58708d;
}
/* Catch older MOHU components whose class names pre-date the theme system. */
html[data-mohu-theme="dark"] main :is(
  article,[class*="card"],[class*="panel"],[class*="box"],
  [class*="feedback"],[class*="review"],[class*="closing"],
  [class*="newsletter"],[class*="subscribe"]
):not(.mohu-appearance-popover):not(.mohu-appearance-option){
  background-color:#142033!important;
  border-color:#58708d!important;
  color:#ffffff!important;
}
/* High contrast for legacy copy that carried fixed light-theme colours. */
html[data-mohu-theme="dark"] main :is(
  article,[class*="card"],[class*="panel"],[class*="box"],
  [class*="feedback"],[class*="review"],[class*="closing"],
  [class*="newsletter"],[class*="subscribe"]
) :is(h1,h2,h3,h4,h5,h6,strong,b){color:#ffffff!important}
html[data-mohu-theme="dark"] main :is(
  article,[class*="card"],[class*="panel"],[class*="box"],
  [class*="feedback"],[class*="review"],[class*="closing"],
  [class*="newsletter"],[class*="subscribe"]
) :is(p,small,label,li,.muted,.text-muted,.subtext,.subtitle,time){color:#d9e4f2!important}
html[data-mohu-theme="dark"] main :is(
  article,[class*="card"],[class*="panel"],[class*="box"],
  [class*="feedback"],[class*="review"],[class*="closing"],
  [class*="newsletter"],[class*="subscribe"]
) a:not(.btn):not(.button){color:#9fddff!important}
/* Preserve readable coloured chips/status pills and real media. */
html[data-mohu-theme="dark"] main :is(.badge,.chip,.pill,.tag,[class*="badge"],[class*="chip"],[class*="pill"],[class*="tag"]){
  color:#10264a!important;
}
html[data-mohu-theme="dark"] main :is(img,picture,svg,video){filter:none!important;opacity:1!important}

/* -------------------------------------------------------------------------
   2026-09-19 Midnight Dark precision pass — status, gateways, placeholders,
   official logo. Presentation only; Original and other themes are untouched.
   ------------------------------------------------------------------------- */
/* Account/status surfaces: remove the pale fixed background and fixed pale copy. */
html[data-mohu-theme="dark"] :is(.mohu-mobile-signedin,.mohu-drawer-signedin,[class*="signedin"],[class*="signed-in"]){
  background:#142033!important;
  background-image:none!important;
  border-color:#58708d!important;
  color:#ffffff!important;
  box-shadow:0 5px 16px rgba(0,0,0,.24)!important;
}
html[data-mohu-theme="dark"] :is(.mohu-mobile-signedin,.mohu-drawer-signedin,[class*="signedin"],[class*="signed-in"]) :is(span,strong,b,a){color:#ffffff!important}
html[data-mohu-theme="dark"] .mohu-mobile-signedin span{color:#d9e4f2!important}
html[data-mohu-theme="dark"] .mohu-mobile-signedin span strong{color:#ffffff!important}
html[data-mohu-theme="dark"] .mohu-mobile-signedin>a{color:#8ff0b6!important}

/* Homepage gateway/directory cards: one coherent dark surface and explicit text hierarchy. */
html[data-mohu-theme="dark"] body.mohu-homepage :is(.mohu-phase1-gateways .gateway,.mohu-gateway-card,.mohu-d-directory-card,.category-card){
  background:#142033!important;
  background-image:none!important;
  border-color:#58708d!important;
  color:#ffffff!important;
}
html[data-mohu-theme="dark"] body.mohu-homepage :is(.mohu-phase1-gateways .gateway,.mohu-gateway-card,.mohu-d-directory-card,.category-card) :is(strong,h2,h3,b){color:#ffffff!important}
html[data-mohu-theme="dark"] body.mohu-homepage :is(.mohu-phase1-gateways .gateway,.mohu-gateway-card,.mohu-d-directory-card,.category-card) :is(small,p,span){color:#d9e4f2!important}
html[data-mohu-theme="dark"] body.mohu-homepage .gateway b em{color:#d9e4f2!important}
html[data-mohu-theme="dark"] body.mohu-homepage :is(.gateway .icon,.mohu-gateway-icon,.mohu-d-dir-icon){background:#eef6ff!important;color:#10264a!important}

/* Missing opportunity artwork: initials must be unmistakable in dark mode. */
html[data-mohu-theme="dark"] :is(.mohu-l-op-image.mohu-l-op-placeholder,.mohu-l-op-placeholder){
  background:#dceaf5!important;
  color:#0b2851!important;
  border-color:#9db4c9!important;
  opacity:1!important;
  font-weight:950!important;
  text-shadow:none!important;
}

/* Official logo contains white lettering: use a deep brand plate rather than a
   white plate, so MOHU + full name + tagline remain visible. */
html[data-mohu-theme="dark"] .header .mohu-brand-logo{
  background:#0b2851!important;
  border:1px solid #294866!important;
  border-radius:12px!important;
  padding:5px 7px!important;
  box-shadow:0 4px 14px rgba(0,0,0,.20)!important;
}
html[data-mohu-theme="dark"] .header .mohu-brand-logo img{
  filter:none!important;
  opacity:1!important;
  visibility:visible!important;
  mix-blend-mode:normal!important;
}
html[data-mohu-theme="dark"] .mohu-mobile-drawer-brand{background:#0b2851!important;border-radius:12px!important;padding:6px!important}
html[data-mohu-theme="dark"] .mohu-mobile-drawer-brand img{filter:none!important;opacity:1!important;visibility:visible!important}

/* Footer artwork/media stays completely undimmed. */
html[data-mohu-theme="dark"] :is(.footer,footer,.mohu-brand-footer) :is(img,svg,picture){filter:none!important;opacity:1!important;visibility:visible!important;mix-blend-mode:normal!important}


/* 2026-09-19 Guest header refinement
   - Theme selector always stays inside the phone viewport.
   - Guest Messages occupies the middle slot: Theme | Messages | Menu. */
@media (max-width:600px){
  .mohu-appearance-popover{
    position:fixed!important;
    left:50vw!important;
    right:auto!important;
    top:74px!important;
    transform:translateX(-50%)!important;
    width:calc(100vw - 28px)!important;
    max-width:292px!important;
    padding:8px!important;
    box-sizing:border-box!important;
  }
  .mohu-appearance-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:6px!important}
  .mohu-appearance-option{min-width:0!important;padding:7px 6px!important;font-size:11px!important;white-space:normal!important}
  .mohu-guest-message-wrap{display:flex!important}
}
@media (max-width:390px){
  .mohu-appearance-popover{width:calc(100vw - 24px)!important;max-width:276px!important;top:72px!important}
  .mohu-appearance-head strong{font-size:13px!important}
  .mohu-appearance-head small{font-size:10.5px!important}
  .mohu-appearance-option{font-size:10.5px!important;padding:6px 5px!important}
}
/* Guest mobile correction v2: force selector fully inside viewport and reserve 3 header controls. */
@media (max-width:600px){
  .header .container.nav{position:relative!important;padding-right:174px!important;min-height:72px!important}
  .header .mohu-appearance-wrap{position:absolute!important;right:122px!important;top:50%!important;transform:translateY(-50%)!important}
  .header .mohu-guest-message-wrap{position:absolute!important;right:68px!important;top:50%!important;transform:translateY(-50%)!important;display:flex!important}
  .header .mohu-nav-toggle{position:absolute!important;right:14px!important;top:50%!important;transform:translateY(-50%)!important}
  .mohu-appearance-popover{
    position:fixed!important;left:12px!important;right:12px!important;top:76px!important;
    transform:none!important;width:auto!important;max-width:none!important;
    padding:8px!important;box-sizing:border-box!important;margin:0!important;
  }
  .mohu-appearance-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  .mohu-appearance-option{min-width:0!important;padding:7px 6px!important;font-size:11px!important;line-height:1.15!important;gap:5px!important}
  .mohu-appearance-option span{font-size:15px!important;flex:0 0 auto!important}
  .mohu-appearance-head{padding:1px 3px 6px!important}
  .mohu-appearance-head strong{font-size:13px!important}.mohu-appearance-head small{font-size:10px!important}
}
@media (max-width:390px){
  .header .container.nav{padding-right:158px!important}
  .header .mohu-appearance-wrap{right:112px!important}
  .header .mohu-guest-message-wrap{right:63px!important}
  .header .mohu-nav-toggle{right:12px!important}
  .mohu-appearance-popover{left:8px!important;right:8px!important;top:72px!important}
}

/* 2026-09-19 guest refinement v3 — restore the selector's normal two-column layout,
   only slightly smaller, and keep it wholly inside the viewport. */
@media (max-width:600px){
  .mohu-appearance-popover{
    position:fixed!important;
    top:76px!important;
    left:auto!important;
    right:10px!important;
    transform:none!important;
    width:310px!important;
    max-width:calc(100vw - 20px)!important;
    padding:10px!important;
    border-radius:16px!important;
  }
  .mohu-appearance-head{padding:2px 4px 8px!important}
  .mohu-appearance-head strong{font-size:15px!important;line-height:1.2!important}
  .mohu-appearance-head small{font-size:12px!important;line-height:1.3!important}
  .mohu-appearance-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .mohu-appearance-option{
    display:flex!important;align-items:center!important;justify-content:flex-start!important;
    width:100%!important;min-width:0!important;min-height:46px!important;
    padding:8px 9px!important;border-radius:11px!important;
    font-size:12px!important;line-height:1.15!important;white-space:normal!important;
    overflow:visible!important;text-overflow:clip!important;
  }
  .mohu-appearance-option span{font-size:17px!important;flex:0 0 auto!important}
}
@media (max-width:390px){
  .mohu-appearance-popover{top:72px!important;right:8px!important;width:292px!important;max-width:calc(100vw - 16px)!important;padding:9px!important}
  .mohu-appearance-option{min-height:43px!important;padding:7px 8px!important;font-size:11.5px!important}
}

/* Login/register account-information panel: readable in every non-original theme,
   especially Midnight Dark. */
html[data-mohu-theme]:not([data-mohu-theme="original"]) .mohu-auth-note{
  background:var(--mohu-surface-2)!important;
  color:var(--mohu-text)!important;
  border-color:var(--mohu-border)!important;
  opacity:1!important;
}
html[data-mohu-theme]:not([data-mohu-theme="original"]) .mohu-auth-note strong{
  color:var(--mohu-text)!important;
  opacity:1!important;
}
html[data-mohu-theme="dark"] .mohu-auth-note{
  background:#142033!important;
  color:#d9e4f2!important;
  border:1px solid #405570!important;
  box-shadow:none!important;
}
html[data-mohu-theme="dark"] .mohu-auth-note strong{color:#ffffff!important}

/* ========================================================================
   MOHU Midnight Dark — global homepage visibility correction v3
   2026-09-19
   Applies equally to guest and signed-in homepage views.
   Presentation only: no authentication, registry, membership or payment logic.
   ======================================================================== */
html[data-mohu-theme="dark"] body.mohu-homepage :is(.mohu-i-featured-grid>a.mohu-l-featured-card,.mohu-i-opportunity-panel,.mohu-i-closing,.mohu-community-feedback .mohu-feedback-form,.mohu-community-feedback .mohu-feedback-card,.mohu-community-feedback .mohu-feedback-empty,.mohu-i-subscribe,.mohu-browse-panel,.mohu-i-trust-panel){
  background:#142033!important;
  background-image:none!important;
  border-color:#58708d!important;
  color:#f7fbff!important;
  box-shadow:0 5px 18px rgba(0,0,0,.20)!important;
}

/* Missing-image/initial tiles: centre initials both horizontally and vertically. */
html[data-mohu-theme="dark"] body.mohu-homepage :is(.mohu-l-op-placeholder,.mohu-h-op-icon,.mohu-l-op-image:not(:has(img))){
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  background:#dceaf5!important;
  color:#0b2851!important;
  border-color:#9db4c9!important;
  font-weight:950!important;
  line-height:1!important;
  padding:0!important;
}

/* Featured card copy + poster: remove pale light-theme text/pill. */
html[data-mohu-theme="dark"] body.mohu-homepage .mohu-l-featured-copy>strong{color:#ffffff!important}
html[data-mohu-theme="dark"] body.mohu-homepage .mohu-l-featured-copy>small,
html[data-mohu-theme="dark"] body.mohu-homepage .mohu-l-featured-deadline small,
html[data-mohu-theme="dark"] body.mohu-homepage .mohu-s6-poster{color:#d9e4f2!important}
html[data-mohu-theme="dark"] body.mohu-homepage .mohu-s6-poster b{
  display:inline-flex!important;align-items:center!important;
  background:#24344b!important;color:#ffffff!important;
  border:1px solid #58708d!important;border-radius:999px!important;
  padding:5px 10px!important;font-weight:900!important;
}
html[data-mohu-theme="dark"] body.mohu-homepage .mohu-l-featured-tags b{background:#4a3a17!important;color:#ffd96a!important}
html[data-mohu-theme="dark"] body.mohu-homepage .mohu-l-featured-tags i{background:#163d2d!important;color:#9af0bb!important}
html[data-mohu-theme="dark"] body.mohu-homepage .mohu-l-featured-deadline em{background:#173d69!important;color:#b9ddff!important}

/* Latest / closing / browse / trust text hierarchy. */
html[data-mohu-theme="dark"] body.mohu-homepage :is(.mohu-i-opportunity-panel,.mohu-i-closing,.mohu-browse-panel,.mohu-i-trust-panel) :is(h2,h3,strong,b,label){color:#ffffff!important}
html[data-mohu-theme="dark"] body.mohu-homepage :is(.mohu-i-opportunity-panel,.mohu-i-closing,.mohu-browse-panel,.mohu-i-trust-panel) :is(p,small,span){color:#d9e4f2!important}
html[data-mohu-theme="dark"] body.mohu-homepage .mohu-i-opportunity-row{color:#ffffff!important;border-color:#58708d!important}
html[data-mohu-theme="dark"] body.mohu-homepage .mohu-i-op-copy>strong{color:#ffffff!important}
html[data-mohu-theme="dark"] body.mohu-homepage .mohu-i-op-copy>small{color:#d9e4f2!important}
html[data-mohu-theme="dark"] body.mohu-homepage .mohu-i-deadline{border-color:#58708d!important}
html[data-mohu-theme="dark"] body.mohu-homepage .mohu-i-deadline :is(small,b){color:#e8f1fb!important}
html[data-mohu-theme="dark"] body.mohu-homepage .mohu-i-closing>a:not(.btn){color:#ffffff!important;border-color:#58708d!important}
html[data-mohu-theme="dark"] body.mohu-homepage .mohu-i-closing>a span strong{color:#ffffff!important}
html[data-mohu-theme="dark"] body.mohu-homepage .mohu-i-closing>a span small{color:#d9e4f2!important}

/* Community feedback: dark surfaces with readable form and community cards. */
html[data-mohu-theme="dark"] body.mohu-homepage .mohu-community-feedback .mohu-phase1-section-title :is(h2,h3){color:#ffffff!important}
html[data-mohu-theme="dark"] body.mohu-homepage .mohu-feedback-form :is(label,legend){color:#f7fbff!important}
html[data-mohu-theme="dark"] body.mohu-homepage .mohu-feedback-form textarea,
html[data-mohu-theme="dark"] body.mohu-homepage .mohu-feedback-comment-form textarea,
html[data-mohu-theme="dark"] body.mohu-homepage .mohu-feedback-comment-form select{
  background:#0e192b!important;color:#f7fbff!important;border-color:#58708d!important;
  caret-color:#ffffff!important;
}
html[data-mohu-theme="dark"] body.mohu-homepage .mohu-feedback-form textarea::placeholder,
html[data-mohu-theme="dark"] body.mohu-homepage .mohu-feedback-comment-form textarea::placeholder{color:#aebed1!important;opacity:1!important}
html[data-mohu-theme="dark"] body.mohu-homepage .mohu-feedback-note{color:#c8d6e6!important}
html[data-mohu-theme="dark"] body.mohu-homepage .mohu-feedback-card>div>strong{color:#ffffff!important}
html[data-mohu-theme="dark"] body.mohu-homepage .mohu-feedback-card p{color:#e0e9f4!important}
html[data-mohu-theme="dark"] body.mohu-homepage .mohu-feedback-card small{color:#b8c8da!important}
html[data-mohu-theme="dark"] body.mohu-homepage .mohu-feedback-card .mohu-feedback-stars{color:#f3b300!important}
html[data-mohu-theme="dark"] body.mohu-homepage .mohu-feedback-vote button,
html[data-mohu-theme="dark"] body.mohu-homepage .mohu-feedback-actions button{
  background:#0e192b!important;color:#ffffff!important;border:1px solid #58708d!important;
}
html[data-mohu-theme="dark"] body.mohu-homepage .mohu-feedback-empty :is(strong,p){color:#f7fbff!important}

/* Subscription panel: remove remaining white card and pale-on-white copy. */
html[data-mohu-theme="dark"] body.mohu-homepage .mohu-i-subscribe :is(h2,p){color:#ffffff!important}
html[data-mohu-theme="dark"] body.mohu-homepage .mohu-i-subscribe p{color:#d9e4f2!important}
html[data-mohu-theme="dark"] body.mohu-homepage .mohu-i-subscribe input{
  background:#0e192b!important;color:#ffffff!important;border-color:#58708d!important;
  caret-color:#ffffff!important;
}
html[data-mohu-theme="dark"] body.mohu-homepage .mohu-i-subscribe input::placeholder{color:#aebed1!important;opacity:1!important}

/* Dark-mode selects/fields used by homepage browse controls. */
html[data-mohu-theme="dark"] body.mohu-homepage .mohu-browse-panel :is(select,input,.form-control){
  background:#0e192b!important;color:#ffffff!important;border-color:#58708d!important;
}
html[data-mohu-theme="dark"] body.mohu-homepage .mohu-browse-panel option{background:#0e192b!important;color:#ffffff!important}

/* 2026-09-19 Midnight Dark final readability refinement — accepted v3 + latest/closing/footer. */
html[data-mohu-theme="dark"] body.mohu-homepage .mohu-h-latest-list .mohu-h-thumb,
html[data-mohu-theme="dark"] body.mohu-homepage .mohu-h-latest-list .mohu-h-thumb:not(:has(img)){
  background:#24354d!important;
  border:1px solid #55708f!important;
  color:#ffffff!important;
  display:grid!important;
  place-items:center!important;
  text-align:center!important;
  font-weight:900!important;
  opacity:1!important;
}
html[data-mohu-theme="dark"] body.mohu-homepage .mohu-h-latest-list .mohu-h-thumb img{width:100%!important;height:100%!important;object-fit:cover!important}
html[data-mohu-theme="dark"] body.mohu-homepage .mohu-i-closing>a>b{
  background:#5b1f2b!important;
  border:1px solid #a94a5a!important;
  color:#ffffff!important;
  opacity:1!important;
  text-shadow:none!important;
  box-shadow:none!important;
}
html[data-mohu-theme="dark"] body.mohu-homepage .mohu-i-closing>a span strong{color:#ffffff!important;opacity:1!important}
html[data-mohu-theme="dark"] body.mohu-homepage .mohu-i-closing>a span small{color:#d4deeb!important;opacity:1!important}
html[data-mohu-theme="dark"] .mohu-footer-brand img[data-mohu-theme-logo]{
  background:#ffffff!important;
  border:1px solid #8296ae!important;
  border-radius:12px!important;
  padding:10px!important;
  width:260px!important;
  max-width:100%!important;
  height:auto!important;
  filter:none!important;
  opacity:1!important;
  box-shadow:0 8px 22px rgba(0,0,0,.22)!important;
}
@media(max-width:700px){
 html[data-mohu-theme="dark"] .mohu-footer-brand img[data-mohu-theme-logo]{width:230px!important;padding:8px!important}
}

/* 2026-09-19 v5 — final targeted Midnight Dark corrections.
   1) Latest Opportunities fallback initials use the actual live .mohu-h-op-icon class.
   2) Footer dark-background logo is shown directly on the dark footer, without a white plate. */
html[data-mohu-theme="dark"] body.mohu-homepage .mohu-i-opportunity-panel .mohu-i-opportunity-row > .mohu-h-op-icon{
  background:#24354d!important;
  border:1px solid #5f7896!important;
  color:#ffffff!important;
  display:grid!important;
  place-items:center!important;
  align-items:center!important;
  justify-items:center!important;
  text-align:center!important;
  font-weight:900!important;
  opacity:1!important;
  text-shadow:none!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035)!important;
}
html[data-mohu-theme="dark"] body.mohu-homepage .mohu-i-opportunity-panel .mohu-i-opportunity-row > .mohu-h-op-icon::before,
html[data-mohu-theme="dark"] body.mohu-homepage .mohu-i-opportunity-panel .mohu-i-opportunity-row > .mohu-h-op-icon::after{
  opacity:1!important;
}

/* The Midnight asset already has white MOHU lettering specifically for dark backgrounds.
   A white plate hides that lettering, so keep the logo transparent on the footer itself. */
html[data-mohu-theme="dark"] footer.mohu-brand-footer .mohu-footer-brand img[data-mohu-theme-logo]{
  display:block!important;
  width:280px!important;
  max-width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  padding:0!important;
  margin:0 0 14px!important;
  filter:none!important;
  opacity:1!important;
  box-shadow:none!important;
}
@media(max-width:700px){
  html[data-mohu-theme="dark"] footer.mohu-brand-footer .mohu-footer-brand img[data-mohu-theme-logo]{
    width:min(310px,100%)!important;
    padding:0!important;
    margin-bottom:14px!important;
  }
}

/* ========================================================================
   2026-09-19 v6 — SITE-WIDE MIDNIGHT DARK READABILITY HARDENING
   Audited after accepted v5. Presentation only. This deliberately avoids
   registry import/sync internals and does not alter PHP/business logic.
   ======================================================================== */
html[data-mohu-theme="dark"]{
  --mohu-page:#0b1320;--mohu-surface:#142033;--mohu-surface-2:#1d2b40;
  --mohu-text:#f7fbff;--mohu-muted:#c7d4e4;--mohu-border:#58708d;
  --mohu-field:#0e192b;--mohu-link:#91d7ff;
}

/* Common legacy containers that pre-date the theme system. */
html[data-mohu-theme="dark"] :is(
  .tp-section,.tp-result,.perm-group,.perm-item,
  .mohu-entitlements,.mohu-plan-row,.mohu-plan-list,.mohu-plan-group,
  .mohu-p712-command,.mohu-p712-ops-note,.mohu-p712-notice-command,
  .mohu-p712-metric,.mohu-p712-priority-grid>a,.mohu-p712-decision-strip>div,
  .mohu-p712-admin-mini>a
){background:var(--mohu-surface)!important;background-image:none!important;color:var(--mohu-text)!important;border-color:var(--mohu-border)!important}
html[data-mohu-theme="dark"] :is(.tp-danger,.mohu-p712-decision-main.tone-urgent){background:#2a1820!important;border-color:#7d3f4c!important}
html[data-mohu-theme="dark"] :is(.mohu-p712-metric.has-attention,.mohu-p712-decision-main.tone-soon){background:#2a2417!important;border-color:#806d3b!important}
html[data-mohu-theme="dark"] :is(.mohu-p712-decision-main.tone-open){background:#13281f!important;border-color:#3c7457!important}
html[data-mohu-theme="dark"] :is(.mohu-p712-decision-main.tone-closed){background:#192332!important;border-color:#52657c!important}

/* Readable text hierarchy inside cards/panels without changing status colors. */
html[data-mohu-theme="dark"] :is(.card,.panel,.tp-section,.tp-result,.perm-group,.mohu-entitlements,.mohu-plan-group,.mohu-p712-command,.mohu-p712-ops-note,.mohu-p712-notice-command) :is(h1,h2,h3,h4,h5,h6,strong,b,legend){color:#f7fbff!important}
html[data-mohu-theme="dark"] :is(.card,.panel,.tp-section,.tp-result,.perm-group,.mohu-entitlements,.mohu-plan-group,.mohu-p712-command,.mohu-p712-ops-note,.mohu-p712-notice-command) :is(p,.meta,small,label){color:#c7d4e4!important}
html[data-mohu-theme="dark"] :is(.mohu-p712-metric,.mohu-p712-priority-grid>a,.mohu-p712-admin-mini>a) :is(strong,b){color:#f7fbff!important}
html[data-mohu-theme="dark"] :is(.mohu-p712-metric,.mohu-p712-priority-grid>a,.mohu-p712-admin-mini>a) :is(span,small){color:#c7d4e4!important}
html[data-mohu-theme="dark"] .mohu-p712-eyebrow{color:#86e5ad!important}

/* Membership plan capability editor. */
html[data-mohu-theme="dark"] .mohu-ent-title span,
html[data-mohu-theme="dark"] .mohu-plan-group>summary span{color:#c7d4e4!important}
html[data-mohu-theme="dark"] :is(.mohu-ent-item,.mohu-ent-number,.mohu-number-controls label,.mohu-plan-row label,.mohu-active>span:first-child){color:#edf5ff!important}
html[data-mohu-theme="dark"] :is(.mohu-ent-number,.mohu-plan-list,.mohu-plan-row){border-color:#405772!important}
html[data-mohu-theme="dark"] .mohu-toggle-state{color:#aebbc9!important}
html[data-mohu-theme="dark"] .mohu-toggle-input:checked~.mohu-toggle-state{color:#75df94!important}

/* ADMIN Team: old inline pale permission pills and white result surfaces. */
html[data-mohu-theme="dark"] .perm-group h3{color:#f7fbff!important}
html[data-mohu-theme="dark"] .perm-item{background:#1b2a40!important;color:#edf5ff!important}
html[data-mohu-theme="dark"] .tp-result span[style*="background:#eaf4ff"]{background:#263a55!important;color:#f7fbff!important;border:1px solid #58708d!important}
html[data-mohu-theme="dark"] .tp-badge{background:#163d2d!important;color:#a4f2c0!important;border:1px solid #39785a!important}

/* Tables: remove white table bodies seen in membership/payment/admin screens. */
html[data-mohu-theme="dark"] table{background:#111d2f!important;color:#f7fbff!important;border-color:#58708d!important}
html[data-mohu-theme="dark"] :is(table th,table td){background:#111d2f!important;color:#edf5ff!important;border-color:#405772!important}
html[data-mohu-theme="dark"] table th{background:#1d2b40!important;color:#ffffff!important}
html[data-mohu-theme="dark"] table tr:nth-child(even) td{background:#152338!important}
html[data-mohu-theme="dark"] table a{color:#91d7ff!important}

/* Forms and placeholders throughout themed pages. */
html[data-mohu-theme="dark"] :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea,.form-control){background:#0e192b!important;color:#f7fbff!important;border-color:#58708d!important;caret-color:#fff!important}
html[data-mohu-theme="dark"] :is(input,textarea)::placeholder{color:#aebed1!important;opacity:1!important}
html[data-mohu-theme="dark"] select option{background:#0e192b!important;color:#f7fbff!important}
html[data-mohu-theme="dark"] input:disabled,html[data-mohu-theme="dark"] textarea:disabled,html[data-mohu-theme="dark"] select:disabled{background:#172438!important;color:#b8c6d7!important;opacity:1!important}

/* Alerts and generic pale helper blocks. */
html[data-mohu-theme="dark"] .alert{background:#18283d!important;color:#edf5ff!important;border-color:#58708d!important}
html[data-mohu-theme="dark"] .alert.success{background:#133222!important;color:#bdf4cf!important;border-color:#39785a!important}
html[data-mohu-theme="dark"] .alert.error{background:#351923!important;color:#ffd1d8!important;border-color:#8d4453!important}

/* Checkbox/radio visibility on dark surfaces. */
html[data-mohu-theme="dark"] input[type="checkbox"],html[data-mohu-theme="dark"] input[type="radio"]{accent-color:#55d487}

/* Keep global action buttons readable without recolouring semantic variants. */
html[data-mohu-theme="dark"] .btn:not(.btn-green):not(.danger):not(.success){border-color:#58708d}
html[data-mohu-theme="dark"] .btn.secondary{background:#1d2b40!important;color:#f7fbff!important;border-color:#58708d!important}

/* Focus is intentionally obvious in Midnight Dark. */
html[data-mohu-theme="dark"] :is(a,button,input,select,textarea):focus-visible{outline:3px solid #62c5ff!important;outline-offset:2px}

/* ========================================================================
   2026-09-19 v7 — MIDNIGHT DARK LEGACY-SURFACE COMPLETION
   Covers remaining pre-theme/legacy components observed after v6:
   plan capabilities, payments, Quick Actions, Platform Attention Queue,
   My Profile accordions, Connect member count, and all three registries.
   Presentation only; no application/registry/payment logic is changed.
   ======================================================================== */

/* Legacy surfaces whose component CSS still paints a light card.  Restrict
   to structural elements so buttons, badges and status chips keep semantics. */
html[data-mohu-theme="dark"] body :is(section,article,aside,div,details,form)[class*="capabil" i],
html[data-mohu-theme="dark"] body :is(section,article,aside,div,details,form)[class*="entitle" i],
html[data-mohu-theme="dark"] body :is(section,article,aside,div,details,form)[class*="payment" i],
html[data-mohu-theme="dark"] body :is(section,article,aside,div,details,form)[class*="quick" i],
html[data-mohu-theme="dark"] body :is(section,article,aside,div,details,form)[class*="attention" i],
html[data-mohu-theme="dark"] body :is(section,article,aside,div,details,form)[class*="activity" i],
html[data-mohu-theme="dark"] body :is(section,article,aside,div,details,form)[class*="profile" i],
html[data-mohu-theme="dark"] body :is(section,article,aside,div,details,form)[class*="directory" i],
html[data-mohu-theme="dark"] body :is(section,article,aside,div,details,form)[class*="registry" i],
html[data-mohu-theme="dark"] body :is(section,article,aside,div,details,form)[class*="provider" i],
html[data-mohu-theme="dark"] body :is(section,article,aside,div,details,form)[class*="professional" i],
html[data-mohu-theme="dark"] body :is(section,article,aside,div,details,form)[class*="member" i][class*="card" i],
html[data-mohu-theme="dark"] body :is(section,article,aside,div,details,form)[class*="result" i][class*="card" i]{
  background:#142033!important;
  background-image:none!important;
  color:#f7fbff!important;
  border-color:#58708d!important;
}

/* Explicit common legacy card/result names used across MOHU generations. */
html[data-mohu-theme="dark"] body :is(
  .quick-actions,.quick-actions-card,.quick-actions-panel,.admin-quick-actions,
  .platform-attention,.platform-attention-queue,.attention-queue,.platform-activity,
  .profile-section,.profile-card,.profile-panel,.profile-box,.profile-accordion,
  .directory-card,.directory-intro,.directory-hero,.directory-search,.directory-result,
  .registry-card,.registry-result,.registry-result-card,.result-card,.results-card,
  .provider-card,.provider-result,.provider-result-card,
  .professional-card,.professional-result,.professional-result-card,
  .member-search,.member-search-card,.member-directory-card,
  .plan-capabilities,.plan-capabilities-card,.capabilities,.capabilities-card,
  .payment-table,.payments-table,.recent-payments,.recent-membership-payments
){
  background:#142033!important;
  background-image:none!important;
  color:#f7fbff!important;
  border-color:#58708d!important;
}

/* Kill hard-coded white/light inline surfaces in Midnight Dark only. */
html[data-mohu-theme="dark"] body :is(div,section,article,aside,details,form,table,thead,tbody,tr,th,td)[style*="background:#fff" i],
html[data-mohu-theme="dark"] body :is(div,section,article,aside,details,form,table,thead,tbody,tr,th,td)[style*="background: #fff" i],
html[data-mohu-theme="dark"] body :is(div,section,article,aside,details,form,table,thead,tbody,tr,th,td)[style*="background:white" i],
html[data-mohu-theme="dark"] body :is(div,section,article,aside,details,form,table,thead,tbody,tr,th,td)[style*="background: white" i],
html[data-mohu-theme="dark"] body :is(div,section,article,aside,details,form,table,thead,tbody,tr,th,td)[style*="background-color:#fff" i],
html[data-mohu-theme="dark"] body :is(div,section,article,aside,details,form,table,thead,tbody,tr,th,td)[style*="background-color: #fff" i]{
  background:#142033!important;
  background-image:none!important;
  color:#f7fbff!important;
  border-color:#58708d!important;
}

/* Text inside the remaining legacy surfaces. */
html[data-mohu-theme="dark"] body :is(
  [class*="capabil" i],[class*="payment" i],[class*="quick" i],
  [class*="attention" i],[class*="activity" i],[class*="profile" i],
  [class*="directory" i],[class*="registry" i],[class*="provider" i],
  [class*="professional" i],[class*="member" i]
) :is(h1,h2,h3,h4,h5,h6,legend,strong,b,summary){color:#f7fbff!important}
html[data-mohu-theme="dark"] body :is(
  [class*="capabil" i],[class*="payment" i],[class*="quick" i],
  [class*="attention" i],[class*="activity" i],[class*="profile" i],
  [class*="directory" i],[class*="registry" i],[class*="provider" i],
  [class*="professional" i],[class*="member" i]
) :is(p,small,label,.meta,.muted,.subtitle,.description){color:#c7d4e4!important}

/* Connect to MOHU Users — result/count text such as “9 members”. */
html[data-mohu-theme="dark"] body :is(.member-count,.members-count,.result-count,.results-count,.directory-count,.count-label,[class*="member-count" i],[class*="result-count" i]){
  color:#9fdcff!important;
  opacity:1!important;
}

/* Registry/directory cards: make every record a true Midnight surface while
   retaining source/status badges and authoritative-source provenance. */
html[data-mohu-theme="dark"] body :is(
  [class*="provider" i],[class*="professional" i],[class*="organization" i],
  [class*="organisation" i],[class*="directory" i],[class*="registry" i]
) :is(.card,.result-card,.directory-card,.registry-card,article,li[class*="result" i],div[class*="result" i]){
  background:#142033!important;
  background-image:none!important;
  color:#f7fbff!important;
  border-color:#58708d!important;
}
html[data-mohu-theme="dark"] body :is(
  [class*="provider" i],[class*="professional" i],[class*="organization" i],
  [class*="organisation" i],[class*="directory" i],[class*="registry" i]
) :is(.card,.result-card,.directory-card,.registry-card,article,li[class*="result" i],div[class*="result" i]) :is(h2,h3,h4,strong,b){color:#f7fbff!important}
html[data-mohu-theme="dark"] body :is(
  [class*="provider" i],[class*="professional" i],[class*="organization" i],
  [class*="organisation" i],[class*="directory" i],[class*="registry" i]
) :is(.card,.result-card,.directory-card,.registry-card,article,li[class*="result" i],div[class*="result" i]) :is(p,small,.meta,.muted,span:not([class*="badge" i])){color:#c7d4e4!important}
html[data-mohu-theme="dark"] body :is(
  [class*="provider" i],[class*="professional" i],[class*="organization" i],
  [class*="organisation" i],[class*="directory" i],[class*="registry" i]
) a{color:#91d7ff!important}

/* Profile accordion/boxes: eliminate the remaining white collapsed panels. */
html[data-mohu-theme="dark"] body :is(.profile-section,.profile-card,.profile-panel,.profile-box,.profile-accordion,details[class*="profile" i]) :is(summary,.section-head,.accordion-header){
  background:#1b2a40!important;
  color:#f7fbff!important;
  border-color:#58708d!important;
}

/* Quick Actions and Platform Attention Queue child tiles. */
html[data-mohu-theme="dark"] body :is(.quick-actions,.quick-actions-card,.quick-actions-panel,[class*="quick-action" i]) :is(a,div[class*="item" i],div[class*="action" i]){
  background:#1b2a40!important;
  color:#f7fbff!important;
  border-color:#58708d!important;
}
html[data-mohu-theme="dark"] body :is(.platform-attention,.platform-attention-queue,.attention-queue,.platform-activity,[class*="attention" i],[class*="activity" i]) :is(.card,div[class*="metric" i],div[class*="tile" i],a[class*="tile" i]){
  background:#1b2a40!important;
  color:#f7fbff!important;
  border-color:#58708d!important;
}

/* Tables, including empty recent-membership-payment rows. */
html[data-mohu-theme="dark"] body :is([class*="payment" i],[class*="membership" i]) table,
html[data-mohu-theme="dark"] body :is([class*="payment" i],[class*="membership" i]) :is(thead,tbody,tr,th,td){
  background:#111d2f!important;
  color:#edf5ff!important;
  border-color:#405772!important;
}
html[data-mohu-theme="dark"] body :is([class*="payment" i],[class*="membership" i]) th{background:#1d2b40!important;color:#fff!important}

/* Ensure the light browser-native color scheme cannot leak into form widgets. */
html[data-mohu-theme="dark"] body{color-scheme:dark}

/* ========================================================================
   2026-09-19 v8 — TARGETED MIDNIGHT DARK READABILITY REPAIR
   Exact selectors for live components reported after v7. Presentation only.
   ======================================================================== */
html[data-mohu-theme="dark"] .btn.btn-light,
html[data-mohu-theme="dark"] a.btn.btn-light,
html[data-mohu-theme="dark"] button.btn.btn-light{background:#1b2a40!important;color:#f7fbff!important;border-color:#58708d!important;box-shadow:none!important}
html[data-mohu-theme="dark"] .btn.btn-light:hover{background:#243650!important;color:#fff!important}

/* Admin dashboard Quick Actions — preserve the existing grid/layout. */
html[data-mohu-theme="dark"] .mohu-dashboard-actions{background:#142033!important;border-color:#58708d!important;color:#f7fbff!important}
html[data-mohu-theme="dark"] .mohu-dashboard-actions>h2{color:#f7fbff!important}
html[data-mohu-theme="dark"] .mohu-dashboard-actions .mohu-quick-grid{background:transparent!important}
html[data-mohu-theme="dark"] .mohu-dashboard-actions .mohu-quick-grid>a{background:#1b2a40!important;color:#f7fbff!important;border-color:#58708d!important;box-shadow:none!important}
html[data-mohu-theme="dark"] .mohu-dashboard-actions .mohu-quick-grid>a b{color:#f7fbff!important;opacity:1!important}
html[data-mohu-theme="dark"] .mohu-dashboard-actions .mohu-quick-grid>a i{color:#9fdcff!important}
html[data-mohu-theme="dark"] .mohu-dashboard-actions .mohu-quick-grid>a span{background:#243650!important;color:#f7fbff!important}

/* My Profile — exact Stage profile accordions and their open bodies. */
html[data-mohu-theme="dark"] .mohu-profile-five .mp5-section{background:#142033!important;border-color:#58708d!important;color:#f7fbff!important}
html[data-mohu-theme="dark"] .mohu-profile-five .mp5-section>summary{background:#1b2a40!important;color:#f7fbff!important;border-color:#58708d!important}
html[data-mohu-theme="dark"] .mohu-profile-five .mp5-section>summary b{color:#f7fbff!important}
html[data-mohu-theme="dark"] .mohu-profile-five .mp5-section>summary small{color:#c7d4e4!important}
html[data-mohu-theme="dark"] .mohu-profile-five .mp5-section>summary:after{color:#9fdcff!important}
html[data-mohu-theme="dark"] .mohu-profile-five .mp5-body{background:#142033!important;color:#f7fbff!important}
html[data-mohu-theme="dark"] .mohu-profile-five .mp5-body :is(label,h2,h3,h4,strong,b){color:#edf5ff!important}
html[data-mohu-theme="dark"] .mohu-profile-five .mp5-body :is(p,small,.meta){color:#c7d4e4!important}
html[data-mohu-theme="dark"] .mohu-profile-five :is(input.form-control,select.form-control,textarea.form-control){background:#0d182a!important;color:#f7fbff!important;border-color:#58708d!important;-webkit-text-fill-color:#f7fbff!important}
html[data-mohu-theme="dark"] .mohu-profile-five :is(input,textarea)::placeholder{color:#aebed1!important;opacity:1!important}
html[data-mohu-theme="dark"] .mohu-profile-five input[readonly]{background:#17253a!important;color:#c7d4e4!important;-webkit-text-fill-color:#c7d4e4!important}

/* Opportunity Discovery / Search Results. */
html[data-mohu-theme="dark"] .mohu-phase2-results{background:#142033!important;color:#f7fbff!important;border-color:#58708d!important}
html[data-mohu-theme="dark"] .mohu-phase2-results-head :is(h2,strong){color:#f7fbff!important}
html[data-mohu-theme="dark"] .mohu-phase2-results-head :is(span,p){color:#c7d4e4!important}
html[data-mohu-theme="dark"] .mohu-phase2-results-head>a{color:#9fdcff!important}
html[data-mohu-theme="dark"] .mohu-phase2-results .mohu-h-latest-row{background:#1b2a40!important;color:#f7fbff!important;border-color:#58708d!important}
html[data-mohu-theme="dark"] .mohu-phase2-results .mohu-h-latest-row .mohu-h-op-main>strong{color:#f7fbff!important}
html[data-mohu-theme="dark"] .mohu-phase2-results .mohu-h-latest-row .mohu-h-op-main>small{color:#c7d4e4!important}
html[data-mohu-theme="dark"] .mohu-phase2-results .mohu-h-op-icon{background:#243650!important;color:#dff1ff!important}
html[data-mohu-theme="dark"] .mohu-phase2-results .mohu-h-op-tags em{background:#183c2e!important;color:#a9efc6!important;border-color:#346b53!important}
html[data-mohu-theme="dark"] .mohu-phase2-results .mohu-h-op-deadline{background:#20324b!important;color:#9fdcff!important}

/* MOHU Community: tabs, composer, posts, comments and controls. */
html[data-mohu-theme="dark"] .mohu-community .mc-tabs>a{background:#1b2a40!important;border-color:#58708d!important;color:#f7fbff!important;box-shadow:none!important}
html[data-mohu-theme="dark"] .mohu-community .mc-tabs>a :is(strong,small){color:#dce8f5!important}
html[data-mohu-theme="dark"] .mohu-community .mc-tabs>a.active{background:#123b73!important;border-color:#3d75b7!important}
html[data-mohu-theme="dark"] .mohu-community :is(.mc-compose,.mc-post,.mc-empty){background:#142033!important;color:#f7fbff!important;border-color:#58708d!important}
html[data-mohu-theme="dark"] .mohu-community .mc-compose-title strong,
html[data-mohu-theme="dark"] .mohu-community .mc-author a,
html[data-mohu-theme="dark"] .mohu-community .mc-author b{color:#f7fbff!important}
html[data-mohu-theme="dark"] .mohu-community :is(.mc-compose-title small,.mc-author small,.mc-post>p,.mc-file-note){color:#c7d4e4!important}
html[data-mohu-theme="dark"] .mohu-community :is(.mc-compose textarea,.mc-comment input,.mc-search input,.mc-reply textarea){background:#0d182a!important;color:#f7fbff!important;border-color:#58708d!important;-webkit-text-fill-color:#f7fbff!important}
html[data-mohu-theme="dark"] .mohu-community :is(textarea,input)::placeholder{color:#aebed1!important;opacity:1!important}
html[data-mohu-theme="dark"] .mohu-community .mc-audience{background:#1b2a40!important;color:#f7fbff!important;border-color:#58708d!important}
html[data-mohu-theme="dark"] .mohu-community .mc-audience :is(b,small){color:#dce8f5!important}
html[data-mohu-theme="dark"] .mohu-community .mc-audience select{background:#0d182a!important;color:#f7fbff!important;border-color:#58708d!important}
html[data-mohu-theme="dark"] .mohu-community .mc-attach-btn{background:#1b2a40!important;color:#dce8f5!important;border-color:#58708d!important}
html[data-mohu-theme="dark"] .mohu-community .mc-actions{border-color:#58708d!important;color:#c7d4e4!important}
html[data-mohu-theme="dark"] .mohu-community .mc-actions :is(button,a){color:#9fdcff!important}
html[data-mohu-theme="dark"] .mohu-community .mc-comments{background:transparent!important}
html[data-mohu-theme="dark"] .mohu-community .mc-comment-item{background:#1b2a40!important;color:#f7fbff!important;border:1px solid #405772!important;border-radius:12px!important;padding:10px 12px!important;margin:8px 0!important}
html[data-mohu-theme="dark"] .mohu-community .mc-comment-item :is(a,strong,p){color:#edf5ff!important}
html[data-mohu-theme="dark"] .mohu-community .mc-comment-item small{color:#aebed1!important}
html[data-mohu-theme="dark"] .mohu-community .mc-view-comments{color:#9fdcff!important}
html[data-mohu-theme="dark"] .mohu-community .mc-comment button{background:#243650!important;color:#9fdcff!important;border:1px solid #58708d!important}

/* Health Information & Updates — inline legacy Stage 6 styles need exact overrides. */
html[data-mohu-theme="dark"] .s6-wrap .s6-note{background:#2a2417!important;color:#f4e4b1!important;border-color:#806d3b!important}
html[data-mohu-theme="dark"] .s6-wrap .s6-note b{color:#fff1bd!important}
html[data-mohu-theme="dark"] .s6-wrap .s6-card{background:#142033!important;color:#f7fbff!important;border-color:#58708d!important}
html[data-mohu-theme="dark"] .s6-wrap .s6-card :is(h2,h3,strong,b){color:#f7fbff!important}
html[data-mohu-theme="dark"] .s6-wrap .s6-name{color:#9fdcff!important}
html[data-mohu-theme="dark"] .s6-wrap .s6-meta{color:#b8c8da!important}
html[data-mohu-theme="dark"] .s6-wrap .s6-body{color:#e6eef8!important}
html[data-mohu-theme="dark"] .s6-wrap .s6-avatar{background:#243650!important;color:#dff1ff!important}
html[data-mohu-theme="dark"] .s6-wrap .s6-actions{border-color:#405772!important}
html[data-mohu-theme="dark"] .s6-wrap .s6-action{color:#b9dcff!important}
html[data-mohu-theme="dark"] .s6-wrap .s6-action:hover{background:#243650!important}
html[data-mohu-theme="dark"] .s6-wrap .s6-comment{background:#1b2a40!important;color:#edf5ff!important;border:1px solid #405772!important}
html[data-mohu-theme="dark"] .s6-wrap .s6-comment b{color:#f7fbff!important}
html[data-mohu-theme="dark"] .s6-wrap .s6-comment-form input,
html[data-mohu-theme="dark"] .s6-wrap .s6-compose textarea,
html[data-mohu-theme="dark"] .s6-wrap .s6-source-wrap input{background:#0d182a!important;color:#f7fbff!important;border-color:#58708d!important;-webkit-text-fill-color:#f7fbff!important}
html[data-mohu-theme="dark"] .s6-wrap :is(input,textarea)::placeholder{color:#aebed1!important;opacity:1!important}
html[data-mohu-theme="dark"] .s6-wrap .s6-tool{background:#1b2a40!important;color:#dce8f5!important;border-color:#58708d!important}
html[data-mohu-theme="dark"] .s6-wrap .s6-source-toggle{background:transparent!important;color:#9fdcff!important}
html[data-mohu-theme="dark"] .s6-wrap .s6-doc{background:#1b2a40!important;color:#dce8f5!important;border-color:#58708d!important}
/* ==========================================================================
   MOHU Midnight Dark v9 — targeted readability correction
   Scope:
   1) MOHU Community "Latest" + "My Network" navigation cards
   2) Directory Reset buttons across Professionals / Providers / Organizations
   Visual-only. No PHP, JS, registry, database, permission or sync changes.
   ========================================================================== */

/* Community: the pale Latest/My Network cards were retaining light-theme
   backgrounds while their typography inherited dark-mode light text. */
html[data-theme="dark"] .community-nav-card.latest,
html[data-theme="dark"] .community-nav-card.network,
html[data-theme="dark"] .community-nav-card--latest,
html[data-theme="dark"] .community-nav-card--network,
html[data-theme="dark"] .community-tab.latest,
html[data-theme="dark"] .community-tab.network,
html[data-theme="dark"] .community-filter.latest,
html[data-theme="dark"] .community-filter.network,
html[data-theme="dark"] a[href*="community"][class*="latest"],
html[data-theme="dark"] a[href*="community"][class*="network"],
body.dark-theme .community-nav-card.latest,
body.dark-theme .community-nav-card.network,
body.dark-theme .community-nav-card--latest,
body.dark-theme .community-nav-card--network {
    background: #17263a !important;
    border-color: #58708e !important;
    color: #f7fbff !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .community-nav-card.latest *,
html[data-theme="dark"] .community-nav-card.network *,
html[data-theme="dark"] .community-nav-card--latest *,
html[data-theme="dark"] .community-nav-card--network *,
html[data-theme="dark"] .community-tab.latest *,
html[data-theme="dark"] .community-tab.network *,
html[data-theme="dark"] .community-filter.latest *,
html[data-theme="dark"] .community-filter.network *,
html[data-theme="dark"] a[href*="community"][class*="latest"] *,
html[data-theme="dark"] a[href*="community"][class*="network"] *,
body.dark-theme .community-nav-card.latest *,
body.dark-theme .community-nav-card.network *,
body.dark-theme .community-nav-card--latest *,
body.dark-theme .community-nav-card--network * {
    color: #f7fbff !important;
    opacity: 1 !important;
}

html[data-theme="dark"] .community-nav-card.latest p,
html[data-theme="dark"] .community-nav-card.network p,
html[data-theme="dark"] .community-nav-card--latest p,
html[data-theme="dark"] .community-nav-card--network p,
html[data-theme="dark"] .community-tab.latest p,
html[data-theme="dark"] .community-tab.network p {
    color: #cbd8e8 !important;
}

/* Fallback for the four-card Community navigation when the templates use
   positional cards rather than semantic latest/network class names.
   Only cards 3 and 4 are changed; Feed/Following remain untouched. */
html[data-theme="dark"] .community-nav > :nth-child(3),
html[data-theme="dark"] .community-nav > :nth-child(4),
html[data-theme="dark"] .community-tabs > :nth-child(3),
html[data-theme="dark"] .community-tabs > :nth-child(4),
html[data-theme="dark"] .community-feed-tabs > :nth-child(3),
html[data-theme="dark"] .community-feed-tabs > :nth-child(4) {
    background: #17263a !important;
    border-color: #58708e !important;
    color: #f7fbff !important;
}
html[data-theme="dark"] .community-nav > :nth-child(3) *,
html[data-theme="dark"] .community-nav > :nth-child(4) *,
html[data-theme="dark"] .community-tabs > :nth-child(3) *,
html[data-theme="dark"] .community-tabs > :nth-child(4) *,
html[data-theme="dark"] .community-feed-tabs > :nth-child(3) *,
html[data-theme="dark"] .community-feed-tabs > :nth-child(4) * {
    color: #f7fbff !important;
    opacity: 1 !important;
}

/* Directory Reset: replace white/light button with a true dark secondary
   action, preserving its size and layout beside Search. */
html[data-theme="dark"] .directory-search a.reset,
html[data-theme="dark"] .directory-search .reset,
html[data-theme="dark"] .directory-search .reset-btn,
html[data-theme="dark"] .directory-search .btn-reset,
html[data-theme="dark"] .directory-filters a.reset,
html[data-theme="dark"] .directory-filters .reset,
html[data-theme="dark"] .directory-filters .reset-btn,
html[data-theme="dark"] .directory-filters .btn-reset,
html[data-theme="dark"] form[class*="directory"] a[href*="reset"],
html[data-theme="dark"] form[class*="search"] a[href*="reset"],
html[data-theme="dark"] a[href*="professionals"][class*="reset"],
html[data-theme="dark"] a[href*="providers"][class*="reset"],
html[data-theme="dark"] a[href*="organizations"][class*="reset"],
body.dark-theme .directory-search a.reset,
body.dark-theme .directory-search .reset,
body.dark-theme .directory-filters a.reset,
body.dark-theme .directory-filters .reset {
    background: #344b69 !important;
    background-image: none !important;
    color: #ffffff !important;
    border: 2px solid #8ba5c5 !important;
    text-shadow: none !important;
    opacity: 1 !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .directory-search a.reset *,
html[data-theme="dark"] .directory-search .reset *,
html[data-theme="dark"] .directory-search .reset-btn *,
html[data-theme="dark"] .directory-search .btn-reset *,
html[data-theme="dark"] .directory-filters a.reset *,
html[data-theme="dark"] .directory-filters .reset *,
html[data-theme="dark"] .directory-filters .reset-btn *,
html[data-theme="dark"] .directory-filters .btn-reset *,
html[data-theme="dark"] form[class*="directory"] a[href*="reset"] *,
html[data-theme="dark"] form[class*="search"] a[href*="reset"] * {
    color: #ffffff !important;
    opacity: 1 !important;
}

/* Disabled reset remains visibly disabled without disappearing into white. */
html[data-theme="dark"] .directory-search .reset:disabled,
html[data-theme="dark"] .directory-search .reset[aria-disabled="true"],
html[data-theme="dark"] .directory-filters .reset:disabled,
html[data-theme="dark"] .directory-filters .reset[aria-disabled="true"] {
    background: #293a50 !important;
    color: #c8d4e4 !important;
    border-color: #617895 !important;
    opacity: .82 !important;
}


/* ==========================================================================
   MOHU Midnight Dark v10 — exact live-theme correction
   Fixes:
   1) Community Latest + My Network cards (actual .mohu-community .mc-tabs markup)
   2) Directory Reset controls (actual data-mohu-theme="dark" theme attribute)
   Presentation only.
   ========================================================================== */

/* Community navigation: cards 3 (Latest) and 4 (My Network).
   The first two cards keep their existing dark-mode styling. */
html[data-mohu-theme="dark"] .mohu-community .mc-tabs > a:nth-child(3),
html[data-mohu-theme="dark"] .mohu-community .mc-tabs > a:nth-child(4) {
    background:#1b2a40 !important;
    background-image:none !important;
    border-color:#58708d !important;
    color:#f7fbff !important;
    box-shadow:none !important;
}
html[data-mohu-theme="dark"] .mohu-community .mc-tabs > a:nth-child(3) *,
html[data-mohu-theme="dark"] .mohu-community .mc-tabs > a:nth-child(4) * {
    color:#f7fbff !important;
    -webkit-text-fill-color:#f7fbff !important;
    opacity:1 !important;
}
html[data-mohu-theme="dark"] .mohu-community .mc-tabs > a:nth-child(3) small,
html[data-mohu-theme="dark"] .mohu-community .mc-tabs > a:nth-child(4) small {
    color:#c7d4e4 !important;
    -webkit-text-fill-color:#c7d4e4 !important;
}
html[data-mohu-theme="dark"] .mohu-community .mc-tabs > a:nth-child(3) .mc-tab-icon,
html[data-mohu-theme="dark"] .mohu-community .mc-tabs > a:nth-child(4) .mc-tab-icon {
    background:#243650 !important;
}

/* Directory Reset controls.  v9 used data-theme; MOHU's live theme uses
   data-mohu-theme, so those rules never matched. */
html[data-mohu-theme="dark"] body :is(
  .directory-search,.directory-filters,.directory-filter,.directory-search-card,
  [class*="directory" i],[class*="registry" i],[class*="professional" i],
  [class*="provider" i],[class*="organization" i],[class*="organisation" i]
) :is(
  [class~="reset"],[class*="reset-" i],[class*="-reset" i],
  button[type="reset"],input[type="reset"],a[href*="reset" i]
) {
    background:#344b69 !important;
    background-image:none !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    border:2px solid #8ba5c5 !important;
    text-shadow:none !important;
    opacity:1 !important;
    box-shadow:none !important;
}

/* Common MOHU two-button search rows where Reset is the second action. */
html[data-mohu-theme="dark"] body :is(
  .directory-search,.directory-filters,.directory-filter,.directory-search-card,
  [class*="directory" i],[class*="registry" i]
) :is(.actions,.form-actions,.search-actions,.filter-actions,.buttons) > :nth-last-child(1):not([type="submit"]) {
    background:#344b69 !important;
    background-image:none !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    border-color:#8ba5c5 !important;
    opacity:1 !important;
}

/* Disabled reset is still readable. */
html[data-mohu-theme="dark"] body :is(
  .directory-search,.directory-filters,.directory-filter,.directory-search-card,
  [class*="directory" i],[class*="registry" i],[class*="professional" i],
  [class*="provider" i],[class*="organization" i],[class*="organisation" i]
) :is(
  [class~="reset"],[class*="reset-" i],[class*="-reset" i],
  button[type="reset"],input[type="reset"],a[href*="reset" i]
):is(:disabled,[aria-disabled="true"]) {
    background:#293a50 !important;
    color:#dbe6f3 !important;
    -webkit-text-fill-color:#dbe6f3 !important;
    border-color:#617895 !important;
    opacity:1 !important;
}


/* ==========================================================================
   MOHU Midnight Dark v12 — EXACT LIVE DIRECTORY RESET FIX
   Verified against current MOHU baseline:
   public_registry_directory.php defines Reset as <a class="mohu-clear">.
   ========================================================================== */

html[data-mohu-theme="dark"] .mohu-filter-actions > a.mohu-clear,
html[data-mohu-theme="dark"] a.mohu-clear {
    background: #263a55 !important;
    background-color: #263a55 !important;
    background-image: none !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border: 2px solid #7893b4 !important;
    opacity: 1 !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

html[data-mohu-theme="dark"] .mohu-filter-actions > a.mohu-clear:visited,
html[data-mohu-theme="dark"] .mohu-filter-actions > a.mohu-clear:hover,
html[data-mohu-theme="dark"] .mohu-filter-actions > a.mohu-clear:focus,
html[data-mohu-theme="dark"] .mohu-filter-actions > a.mohu-clear:active {
    background: #304866 !important;
    background-color: #304866 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border-color: #8da6c5 !important;
    opacity: 1 !important;
}

/* Keep other themes unchanged. */

/* ========================================================================== 
   MOHU Midnight Dark v13 — remaining exact live component fixes
   Built on the accepted v12 directory Reset correction.
   Visual CSS only: no PHP, registry, sync, auth, messaging or database logic.
   ========================================================================== */

/* 1. Connect to Healthcare -> My Messages / Conversations */
html[data-mohu-theme="dark"] .dm-card {
    background:#152238 !important;
    color:#f4f8fd !important;
    border-color:#58718f !important;
}
html[data-mohu-theme="dark"] .dm-card h1,
html[data-mohu-theme="dark"] .dm-card h2,
html[data-mohu-theme="dark"] .dm-card h3,
html[data-mohu-theme="dark"] .dm-card strong { color:#f7fbff !important; -webkit-text-fill-color:#f7fbff !important; }
html[data-mohu-theme="dark"] .dm-card .meta,
html[data-mohu-theme="dark"] .dm-preview,
html[data-mohu-theme="dark"] .dm-when { color:#c4d1e1 !important; -webkit-text-fill-color:#c4d1e1 !important; opacity:1 !important; }
html[data-mohu-theme="dark"] .dm-row { background:#1b2c43 !important; border-color:#536d8b !important; color:#f4f8fd !important; }
html[data-mohu-theme="dark"] .dm-avatar { background:#263b56 !important; }
html[data-mohu-theme="dark"] .dm-bubble { background:#20324a !important; color:#f4f8fd !important; }
html[data-mohu-theme="dark"] .dm-bubble.mine { background:#173f36 !important; }

/* 2. MOHU Inbox message / Health Information & Updates cards */
html[data-mohu-theme="dark"] .inbox6-card,
html[data-mohu-theme="dark"] .inbox6-card.unread {
    background:#17263d !important;
    color:#f4f8fd !important;
    border-color:#58718f !important;
}
html[data-mohu-theme="dark"] .inbox6-card.unread { border-left-color:#35c66b !important; }
html[data-mohu-theme="dark"] .inbox6-card h3,
html[data-mohu-theme="dark"] .inbox6-card p { color:#f4f8fd !important; -webkit-text-fill-color:#f4f8fd !important; opacity:1 !important; }
html[data-mohu-theme="dark"] .inbox6-card .inbox6-meta,
html[data-mohu-theme="dark"] .inbox6-card .meta { color:#c5d3e3 !important; -webkit-text-fill-color:#c5d3e3 !important; opacity:1 !important; }

/* 3. Admin Registry Sources & Sync cards — presentation only. */
html[data-mohu-theme="dark"] .mohu-d-registry-admin > .card,
html[data-mohu-theme="dark"] .mohu-d-registry-admin .mohu-d-source-card,
html[data-mohu-theme="dark"] .mohu-d-registry-admin .mohu-sync-history {
    background:#152238 !important;
    color:#f4f8fd !important;
    border-color:#58718f !important;
}
html[data-mohu-theme="dark"] .mohu-d-registry-admin .mohu-d-source-card h3,
html[data-mohu-theme="dark"] .mohu-d-registry-admin .mohu-d-source-card p,
html[data-mohu-theme="dark"] .mohu-d-registry-admin .mohu-d-source-card strong,
html[data-mohu-theme="dark"] .mohu-d-registry-admin .mohu-d-source-card label,
html[data-mohu-theme="dark"] .mohu-d-registry-admin .mohu-d-source-card summary,
html[data-mohu-theme="dark"] .mohu-d-registry-admin .mohu-d-source-card .meta {
    color:#eaf1f9 !important; -webkit-text-fill-color:#eaf1f9 !important; opacity:1 !important;
}
html[data-mohu-theme="dark"] .mohu-d-registry-admin .mohu-d-source-card > .alert,
html[data-mohu-theme="dark"] .mohu-d-registry-admin .mohu-d-source-controls,
html[data-mohu-theme="dark"] .mohu-d-registry-admin .mohu-d-source-controls-inner,
html[data-mohu-theme="dark"] .mohu-d-registry-admin .mohu-sync-run,
html[data-mohu-theme="dark"] .mohu-d-registry-admin .mohu-sync-empty {
    background:#0e1a2d !important;
    color:#eaf1f9 !important;
    border-color:#4f6887 !important;
}
html[data-mohu-theme="dark"] .mohu-d-registry-admin .mohu-d-source-card > .alert .meta,
html[data-mohu-theme="dark"] .mohu-d-registry-admin .mohu-sync-run span,
html[data-mohu-theme="dark"] .mohu-d-registry-admin .mohu-sync-run small { color:#c4d1e1 !important; -webkit-text-fill-color:#c4d1e1 !important; opacity:1 !important; }

/* 4. Public profile -> Community & Network four statistic boxes */
html[data-mohu-theme="dark"] .mp5-network > a {
    background:#1b2c43 !important;
    color:#f4f8fd !important;
    border:1px solid #58718f !important;
    box-shadow:none !important;
}
html[data-mohu-theme="dark"] .mp5-network > a b { color:#78d9ff !important; -webkit-text-fill-color:#78d9ff !important; opacity:1 !important; }
html[data-mohu-theme="dark"] .mp5-network > a span { color:#e7eef8 !important; -webkit-text-fill-color:#e7eef8 !important; opacity:1 !important; }

/* 5. Account Management — hero and every management box */
html[data-mohu-theme="dark"] .am .amh,
html[data-mohu-theme="dark"] .am .amc {
    background:#152238 !important;
    background-image:none !important;
    color:#f4f8fd !important;
    border-color:#58718f !important;
}
html[data-mohu-theme="dark"] .am .amh h1,
html[data-mohu-theme="dark"] .am .amh p,
html[data-mohu-theme="dark"] .am .amh small,
html[data-mohu-theme="dark"] .am .amh b,
html[data-mohu-theme="dark"] .am .amc h2,
html[data-mohu-theme="dark"] .am .amc p,
html[data-mohu-theme="dark"] .am .amc .meta,
html[data-mohu-theme="dark"] .am .amc label {
    color:#eef5fc !important; -webkit-text-fill-color:#eef5fc !important; opacity:1 !important;
}
html[data-mohu-theme="dark"] .am .amc.danger { background:#251a24 !important; border-color:#8b5963 !important; }
html[data-mohu-theme="dark"] .am .amc.danger h2 { color:#ffb8bf !important; -webkit-text-fill-color:#ffb8bf !important; }
html[data-mohu-theme="dark"] .am .form-control {
    background:#0d192c !important;
    color:#f4f8fd !important;
    -webkit-text-fill-color:#f4f8fd !important;
    border-color:#627b9a !important;
    opacity:1 !important;
}
html[data-mohu-theme="dark"] .am .form-control::placeholder { color:#aebdd0 !important; -webkit-text-fill-color:#aebdd0 !important; opacity:1 !important; }

/* -------------------------------------------------------------------------
   2026-09-19 v14 — Recent Sync History + universal header logo contrast
   Presentation only. Does not alter registry sync/import logic.
   ------------------------------------------------------------------------- */
/* Recent Sync History: theme legacy white statistic tiles in Midnight Dark. */
html[data-mohu-theme="dark"] :is(
  .mohu-sync-history,.sync-history,.recent-sync-history,
  [class*="sync-history"],[class*="sync-run"],[class*="sync-card"]
) :is(
  .stat,.stat-card,.metric,.metric-card,.count,.count-card,.summary,.summary-card,
  [class*="stat"],[class*="metric"],[class*="count"],[class*="summary"]
){
  background:#0f1b2c!important;
  background-image:none!important;
  border-color:#58708d!important;
  color:#ffffff!important;
}
html[data-mohu-theme="dark"] :is(
  .mohu-sync-history,.sync-history,.recent-sync-history,
  [class*="sync-history"],[class*="sync-run"],[class*="sync-card"]
) :is(
  .stat,.stat-card,.metric,.metric-card,.count,.count-card,.summary,.summary-card,
  [class*="stat"],[class*="metric"],[class*="count"],[class*="summary"]
) :is(strong,b,span,small){color:#d9e4f2!important}
html[data-mohu-theme="dark"] :is(
  .mohu-sync-history,.sync-history,.recent-sync-history,
  [class*="sync-history"],[class*="sync-run"],[class*="sync-card"]
) :is(
  .stat,.stat-card,.metric,.metric-card,.count,.count-card,.summary,.summary-card,
  [class*="stat"],[class*="metric"],[class*="count"],[class*="summary"]
) :is(strong,b){color:#ffffff!important}
/* Keep explicit error/success indicators distinct without reverting to white tiles. */
html[data-mohu-theme="dark"] :is([class*="sync-history"],[class*="sync-run"],[class*="sync-card"]) :is(.error,[class*="error"]){border-color:#a85b63!important}
html[data-mohu-theme="dark"] :is([class*="sync-history"],[class*="sync-run"],[class*="sync-card"]) :is(.success,[class*="success"]){border-color:#4f8b68!important}

/* Header logo: use one protected deep-navy brand plate in EVERY appearance field.
   This leaves the official logo pixels untouched and guarantees contrast for its
   white lettering, green mark and tagline on Original/Dark/Ocean/Emerald/Sunset/Violet. */
html[data-mohu-theme] .header .mohu-brand-logo{
  background:#0b2851!important;
  background-image:none!important;
  border:1px solid #355879!important;
  border-radius:12px!important;
  padding:5px 7px!important;
  box-shadow:0 4px 14px rgba(0,0,0,.18)!important;
  overflow:hidden!important;
}
html[data-mohu-theme] .header .mohu-brand-logo img{
  filter:none!important;
  opacity:1!important;
  visibility:visible!important;
  mix-blend-mode:normal!important;
  object-fit:contain!important;
}
html[data-mohu-theme] .mohu-mobile-drawer-brand{
  background:#0b2851!important;
  background-image:none!important;
  border:1px solid #355879!important;
  border-radius:12px!important;
  padding:6px!important;
}
html[data-mohu-theme] .mohu-mobile-drawer-brand img{
  filter:none!important;
  opacity:1!important;
  visibility:visible!important;
  mix-blend-mode:normal!important;
  object-fit:contain!important;
}

/* -------------------------------------------------------------------------
   2026-09-19 v16 — Employer dashboard + Messages + Professional badge contrast
   Surgical Midnight Dark presentation correction only.
   ------------------------------------------------------------------------- */

/* Employer dashboard: override page-local light styles. */
html[data-mohu-theme="dark"] .mohu-e4{--ink:#f4f8fd!important;--muted:#b9c8da!important;--line:#58718f!important}
html[data-mohu-theme="dark"] .mohu-e4 :is(.mohu-e4-stat,.mohu-e4-action,.mohu-e4-card){
  background:#152238!important;background-image:none!important;border-color:#58718f!important;color:#f4f8fd!important;box-shadow:none!important
}
html[data-mohu-theme="dark"] .mohu-e4 .mohu-e4-stat :is(strong,span),
html[data-mohu-theme="dark"] .mohu-e4 .mohu-e4-action :is(span,b),
html[data-mohu-theme="dark"] .mohu-e4 .mohu-e4-card :is(h2,h3,strong,span,p,small,.meta){color:#eef5fc!important;-webkit-text-fill-color:#eef5fc!important;opacity:1!important}
html[data-mohu-theme="dark"] .mohu-e4 .mohu-e4-stat i{background:#20324b!important;color:#f4f8fd!important}
html[data-mohu-theme="dark"] .mohu-e4 .mohu-e4-action:nth-child(n){background:#17263c!important}
html[data-mohu-theme="dark"] .mohu-e4 .mohu-e4-row{border-bottom-color:#344b68!important;color:#e8f0fa!important}
html[data-mohu-theme="dark"] .mohu-e4 .mohu-e4-filterbar a{background:#0e1a2d!important;border-color:#58718f!important;color:#cfe0f2!important}
html[data-mohu-theme="dark"] .mohu-e4 .mohu-e4-filterbar a.is-active{background:#1d4f91!important;border-color:#75a6dd!important;color:#fff!important}
html[data-mohu-theme="dark"] .mohu-e4 .mohu-e4-progress{background:#293c54!important}
html[data-mohu-theme="dark"] .mohu-e4 .mohu-e4-tip{background:#0e1a2d!important;color:#d8e6f5!important;border:1px solid #415a77!important}
html[data-mohu-theme="dark"] .mohu-e4 .mohu-e4-card .btn-light{background:#20324b!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#6b85a4!important}
html[data-mohu-theme="dark"] .mohu-e4 .mohu-e4-head a,
html[data-mohu-theme="dark"] .mohu-e4 .mohu-e4-row a{color:#78d9ff!important;-webkit-text-fill-color:#78d9ff!important}

/* MOHU Messages: remove remaining white cards/empty states and keep hierarchy readable. */
html[data-mohu-theme="dark"] .m6msg .m6card,
html[data-mohu-theme="dark"] .m6msg .m6row,
html[data-mohu-theme="dark"] .m6msg .m6empty{
  background:#152238!important;background-image:none!important;border-color:#58718f!important;color:#eef5fc!important
}
html[data-mohu-theme="dark"] .m6msg .m6card :is(h2,p,.meta),
html[data-mohu-theme="dark"] .m6msg .m6row :is(strong,span,b),
html[data-mohu-theme="dark"] .m6msg .m6empty{color:#dce7f4!important;-webkit-text-fill-color:#dce7f4!important;opacity:1!important}
html[data-mohu-theme="dark"] .m6msg .m6row:hover{background:#1b2c45!important}
html[data-mohu-theme="dark"] .m6msg .m6avatar{background:#203550!important;color:#fff!important}
html[data-mohu-theme="dark"] .m6msg .m6time,
html[data-mohu-theme="dark"] .m6msg .m6opp,
html[data-mohu-theme="dark"] .m6msg .m6preview{color:#b9c8da!important;-webkit-text-fill-color:#b9c8da!important}
html[data-mohu-theme="dark"] .m6msg .m6card>.btn-light{background:#20324b!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#6b85a4!important}
html[data-mohu-theme="dark"] .m6msg .m6threadhead{border-bottom-color:#425a76!important}
html[data-mohu-theme="dark"] .m6msg .m6back{color:#8ddcff!important}
html[data-mohu-theme="dark"] .m6msg .m6bubble{background:#203047!important;color:#eef5fc!important}
html[data-mohu-theme="dark"] .m6msg .m6bubble.mine{background:#173c61!important}
html[data-mohu-theme="dark"] .m6msg .m6bubble :is(.who,.when){color:#c8d7e8!important;-webkit-text-fill-color:#c8d7e8!important}

/* Health Professionals: explicit semantic contrast for status and expiry pills. */
html[data-mohu-theme="dark"] .mohu-registry-wrap .mohu-reg-card .mohu-card-top .mohu-tag.blue{
  background:#26364d!important;border:1px solid #8ca2bd!important;color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important
}
html[data-mohu-theme="dark"] .mohu-registry-wrap .mohu-reg-card .mohu-tags .mohu-tag{
  background:#26364d!important;border:1px solid #8ca2bd!important;color:#f7fbff!important;-webkit-text-fill-color:#f7fbff!important;opacity:1!important;font-weight:800!important
}
/* Use the rendered status text to differentiate current vs inactive where supported. */
html[data-mohu-theme="dark"] .mohu-registry-wrap .mohu-reg-card .mohu-card-top .mohu-tag.blue{box-shadow:inset 4px 0 0 #78a7d8!important}

/* -------------------------------------------------------------------------
   2026-09-19 v20 — Exact public registry detail-page dark-theme correction
   Targets the real classes used by health-professional.php,
   healthcare-provider.php and health-organization.php.
   Presentation only; no registry/synchronization logic is changed.
   ------------------------------------------------------------------------- */
html[data-mohu-theme="dark"] .mohu-profile-shell .mohu-connect-help{
  background:#152238!important;background-image:none!important;border-color:#58718f!important;color:#eef5fc!important
}
html[data-mohu-theme="dark"] .mohu-profile-shell .mohu-connect-help h3{
  color:#f4f8fd!important;-webkit-text-fill-color:#f4f8fd!important
}
html[data-mohu-theme="dark"] .mohu-profile-shell .mohu-connect-help>p{
  color:#c4d2e2!important;-webkit-text-fill-color:#c4d2e2!important
}
html[data-mohu-theme="dark"] .mohu-profile-shell .mohu-connect-help-item{
  background:#0e1a2d!important;background-image:none!important;border-color:#4f6987!important;color:#eef5fc!important
}
html[data-mohu-theme="dark"] .mohu-profile-shell .mohu-connect-help-item strong{
  color:#f4f8fd!important;-webkit-text-fill-color:#f4f8fd!important
}
html[data-mohu-theme="dark"] .mohu-profile-shell .mohu-connect-help-item span{
  color:#c8d6e7!important;-webkit-text-fill-color:#c8d6e7!important
}

html[data-mohu-theme="dark"] .mohu-profile-shell .mohu-detail{
  background:#0e1a2d!important;background-image:none!important;border-color:#4f6987!important;color:#eef5fc!important
}
html[data-mohu-theme="dark"] .mohu-profile-shell .mohu-detail span{
  color:#9fb4cc!important;-webkit-text-fill-color:#9fb4cc!important;opacity:1!important
}
html[data-mohu-theme="dark"] .mohu-profile-shell .mohu-detail strong{
  color:#f7fbff!important;-webkit-text-fill-color:#f7fbff!important;opacity:1!important
}

html[data-mohu-theme="dark"] .mohu-profile-shell .mohu-profile-card{
  background:#152238!important;background-image:none!important;border-color:#58718f!important;color:#eef5fc!important
}
html[data-mohu-theme="dark"] .mohu-profile-shell .mohu-profile-card :is(h2,h3,strong){
  color:#f4f8fd!important;-webkit-text-fill-color:#f4f8fd!important
}
html[data-mohu-theme="dark"] .mohu-profile-shell .mohu-profile-card :is(p,.mohu-source-meta){
  color:#c4d2e2!important;-webkit-text-fill-color:#c4d2e2!important
}
html[data-mohu-theme="dark"] .mohu-profile-shell .mohu-profile-note{
  background:#101d30!important;background-image:none!important;border-color:#4f6987!important;color:#d9e5f2!important;-webkit-text-fill-color:#d9e5f2!important
}
html[data-mohu-theme="dark"] .mohu-profile-shell .mohu-profile-note strong{
  color:#fff!important;-webkit-text-fill-color:#fff!important
}
html[data-mohu-theme="dark"] .mohu-profile-shell .mohu-source{
  background:#0e1a2d!important;background-image:none!important;border-color:#4f6987!important;color:#eef5fc!important
}
html[data-mohu-theme="dark"] .mohu-profile-shell .mohu-source :is(h3,strong){color:#f4f8fd!important;-webkit-text-fill-color:#f4f8fd!important}
html[data-mohu-theme="dark"] .mohu-profile-shell .mohu-source p{color:#c8d6e7!important;-webkit-text-fill-color:#c8d6e7!important}

/* ============================================================
   MOHU Stage 10 — Live Experience (additive homepage layer)
   ============================================================ */
.mohu-live{margin:22px 0 28px;padding:20px;border:1px solid var(--mohu-border,#d8e1ec);border-radius:24px;background:var(--mohu-card,#fff);box-shadow:0 12px 30px rgba(15,43,78,.07)}
.mohu-live-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.mohu-live-head h2{margin:4px 0 5px;font-size:clamp(1.35rem,3vw,1.85rem)}.mohu-live-head p{margin:0;color:var(--mohu-muted,#66758b);max-width:760px}.mohu-live-kicker{font-size:.72rem;font-weight:900;letter-spacing:.13em;color:#13a965}.mohu-live-kicker i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#19c879;box-shadow:0 0 0 5px rgba(25,200,121,.12);margin-right:7px}.mohu-live-now{white-space:nowrap;border-radius:999px;background:#e8fff2;color:#087842;font-weight:900;padding:7px 11px;font-size:.78rem}
.mohu-live-pulse{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.mohu-live-pulse>a{display:flex;flex-direction:column;gap:2px;text-decoration:none;padding:13px;border:1px solid var(--mohu-border,#dce5ef);border-radius:16px;background:var(--mohu-soft,#f7f9fc);color:var(--mohu-text,#12243e)}.mohu-live-pulse b{font-size:1.08rem}.mohu-live-pulse span{font-weight:800;font-size:.84rem}.mohu-live-pulse small{color:var(--mohu-muted,#738096);font-size:.72rem}
.mohu-live-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.mohu-live-card,.mohu-live-registries{border:1px solid var(--mohu-border,#dce5ef);border-radius:18px;background:var(--mohu-soft,#f9fbfd);overflow:hidden}.mohu-live-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px 10px}.mohu-live-card-head h3{margin:0;font-size:1rem}.mohu-live-card-head a{font-size:.78rem;font-weight:900;text-decoration:none;color:#1689d8;white-space:nowrap}.mohu-live-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 15px;border-top:1px solid var(--mohu-border,#e4eaf1);text-decoration:none;color:var(--mohu-text,#14253e)}.mohu-live-row>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:3px}.mohu-live-row strong{font-size:.86rem;line-height:1.25}.mohu-live-row small{font-size:.75rem;color:var(--mohu-muted,#718096);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mohu-live-row time{font-size:.69rem;color:var(--mohu-muted,#7d899b);white-space:nowrap}.mohu-live-dot{width:10px;height:10px;border-radius:50%}.mohu-live-dot.blue{background:#218af5}.mohu-live-dot.green{background:#16b96a}.mohu-live-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e7f4ff;color:#0a659d;font-weight:900;font-size:.72rem}.mohu-live-date{width:42px;min-height:43px;border-radius:10px;background:#fff0f0;color:#c62d3b;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.6rem;font-weight:900;line-height:1}.mohu-live-date b{font-size:1rem;margin-top:3px}.mohu-live-empty{padding:15px;color:var(--mohu-muted,#718096);font-size:.82rem;border-top:1px solid var(--mohu-border,#e4eaf1)}
.mohu-live-registries{margin-top:14px}.mohu-live-reg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 14px 14px}.mohu-live-reg-grid>a{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;padding:13px;border-radius:14px;text-decoration:none;color:#fff}.mohu-live-reg-grid span{grid-row:1/3;font-size:1.5rem}.mohu-live-reg-grid b{font-size:1.15rem}.mohu-live-reg-grid strong{font-size:.72rem}.mohu-live-reg-grid .pro{background:linear-gradient(135deg,#087d4c,#13a86a)}.mohu-live-reg-grid .provider{background:linear-gradient(135deg,#5132a8,#7450db)}.mohu-live-reg-grid .entity{background:linear-gradient(135deg,#a95418,#dc792c)}
@media(max-width:760px){.mohu-live{padding:14px;border-radius:20px;margin:16px 0 22px}.mohu-live-head{gap:8px}.mohu-live-head p{font-size:.82rem}.mohu-live-now{font-size:.7rem;padding:6px 8px}.mohu-live-pulse{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mohu-live-grid{grid-template-columns:1fr;gap:10px}.mohu-live-reg-grid{grid-template-columns:1fr}.mohu-live-row{padding:10px 12px}.mohu-live-card-head{padding:12px 12px 9px}}

/* Dark-family themes: Stage 10 cards inherit the already-confirmed MOHU dark system. */
html[data-mohu-theme="dark"] .mohu-live,html[data-mohu-theme="ocean"] .mohu-live,html[data-mohu-theme="emerald"] .mohu-live,html[data-mohu-theme="sunset"] .mohu-live,html[data-mohu-theme="violet"] .mohu-live{background:#111f34!important;border-color:#536c8b!important;color:#f5f8ff!important;box-shadow:0 14px 32px rgba(0,0,0,.22)}
html[data-mohu-theme="dark"] .mohu-live-head p,html[data-mohu-theme="ocean"] .mohu-live-head p,html[data-mohu-theme="emerald"] .mohu-live-head p,html[data-mohu-theme="sunset"] .mohu-live-head p,html[data-mohu-theme="violet"] .mohu-live-head p{color:#c7d2e3!important}
html[data-mohu-theme="dark"] .mohu-live-pulse>a,html[data-mohu-theme="dark"] .mohu-live-card,html[data-mohu-theme="dark"] .mohu-live-registries,html[data-mohu-theme="ocean"] .mohu-live-pulse>a,html[data-mohu-theme="ocean"] .mohu-live-card,html[data-mohu-theme="ocean"] .mohu-live-registries,html[data-mohu-theme="emerald"] .mohu-live-pulse>a,html[data-mohu-theme="emerald"] .mohu-live-card,html[data-mohu-theme="emerald"] .mohu-live-registries,html[data-mohu-theme="sunset"] .mohu-live-pulse>a,html[data-mohu-theme="sunset"] .mohu-live-card,html[data-mohu-theme="sunset"] .mohu-live-registries,html[data-mohu-theme="violet"] .mohu-live-pulse>a,html[data-mohu-theme="violet"] .mohu-live-card,html[data-mohu-theme="violet"] .mohu-live-registries{background:#17253a!important;border-color:#536c8b!important;color:#f5f8ff!important}
html[data-mohu-theme="dark"] .mohu-live-row,html[data-mohu-theme="ocean"] .mohu-live-row,html[data-mohu-theme="emerald"] .mohu-live-row,html[data-mohu-theme="sunset"] .mohu-live-row,html[data-mohu-theme="violet"] .mohu-live-row{color:#f5f8ff!important;border-color:#3e536f!important}
html[data-mohu-theme="dark"] .mohu-live-row small,html[data-mohu-theme="dark"] .mohu-live-row time,html[data-mohu-theme="dark"] .mohu-live-empty,html[data-mohu-theme="ocean"] .mohu-live-row small,html[data-mohu-theme="ocean"] .mohu-live-row time,html[data-mohu-theme="ocean"] .mohu-live-empty,html[data-mohu-theme="emerald"] .mohu-live-row small,html[data-mohu-theme="emerald"] .mohu-live-row time,html[data-mohu-theme="emerald"] .mohu-live-empty,html[data-mohu-theme="sunset"] .mohu-live-row small,html[data-mohu-theme="sunset"] .mohu-live-row time,html[data-mohu-theme="sunset"] .mohu-live-empty,html[data-mohu-theme="violet"] .mohu-live-row small,html[data-mohu-theme="violet"] .mohu-live-row time,html[data-mohu-theme="violet"] .mohu-live-empty{color:#c4d0e1!important}

/* Preserved post-Stage-10 dark-theme correction delta (v20) */

/* -------------------------------------------------------------------------
   2026-09-19 v20 — Exact public registry detail-page dark-theme correction
   Targets the real classes used by health-professional.php,
   healthcare-provider.php and health-organization.php.
   Presentation only; no registry/synchronization logic is changed.
   ------------------------------------------------------------------------- */
html[data-mohu-theme="dark"] .mohu-profile-shell .mohu-connect-help{
  background:#152238!important;background-image:none!important;border-color:#58718f!important;color:#eef5fc!important
}
html[data-mohu-theme="dark"] .mohu-profile-shell .mohu-connect-help h3{
  color:#f4f8fd!important;-webkit-text-fill-color:#f4f8fd!important
}
html[data-mohu-theme="dark"] .mohu-profile-shell .mohu-connect-help>p{
  color:#c4d2e2!important;-webkit-text-fill-color:#c4d2e2!important
}
html[data-mohu-theme="dark"] .mohu-profile-shell .mohu-connect-help-item{
  background:#0e1a2d!important;background-image:none!important;border-color:#4f6987!important;color:#eef5fc!important
}
html[data-mohu-theme="dark"] .mohu-profile-shell .mohu-connect-help-item strong{
  color:#f4f8fd!important;-webkit-text-fill-color:#f4f8fd!important
}
html[data-mohu-theme="dark"] .mohu-profile-shell .mohu-connect-help-item span{
  color:#c8d6e7!important;-webkit-text-fill-color:#c8d6e7!important
}

html[data-mohu-theme="dark"] .mohu-profile-shell .mohu-detail{
  background:#0e1a2d!important;background-image:none!important;border-color:#4f6987!important;color:#eef5fc!important
}
html[data-mohu-theme="dark"] .mohu-profile-shell .mohu-detail span{
  color:#9fb4cc!important;-webkit-text-fill-color:#9fb4cc!important;opacity:1!important
}
html[data-mohu-theme="dark"] .mohu-profile-shell .mohu-detail strong{
  color:#f7fbff!important;-webkit-text-fill-color:#f7fbff!important;opacity:1!important
}

html[data-mohu-theme="dark"] .mohu-profile-shell .mohu-profile-card{
  background:#152238!important;background-image:none!important;border-color:#58718f!important;color:#eef5fc!important
}
html[data-mohu-theme="dark"] .mohu-profile-shell .mohu-profile-card :is(h2,h3,strong){
  color:#f4f8fd!important;-webkit-text-fill-color:#f4f8fd!important
}
html[data-mohu-theme="dark"] .mohu-profile-shell .mohu-profile-card :is(p,.mohu-source-meta){
  color:#c4d2e2!important;-webkit-text-fill-color:#c4d2e2!important
}
html[data-mohu-theme="dark"] .mohu-profile-shell .mohu-profile-note{
  background:#101d30!important;background-image:none!important;border-color:#4f6987!important;color:#d9e5f2!important;-webkit-text-fill-color:#d9e5f2!important
}
html[data-mohu-theme="dark"] .mohu-profile-shell .mohu-profile-note strong{
  color:#fff!important;-webkit-text-fill-color:#fff!important
}
html[data-mohu-theme="dark"] .mohu-profile-shell .mohu-source{
  background:#0e1a2d!important;background-image:none!important;border-color:#4f6987!important;color:#eef5fc!important
}
html[data-mohu-theme="dark"] .mohu-profile-shell .mohu-source :is(h3,strong){color:#f4f8fd!important;-webkit-text-fill-color:#f4f8fd!important}
html[data-mohu-theme="dark"] .mohu-profile-shell .mohu-source p{color:#c8d6e7!important;-webkit-text-fill-color:#c8d6e7!important}


/* ==========================================================================
   MOHU MOTION EXPERIENCE v3 — advanced, layout-safe
   Animation only: no display/grid/flex/width/height overrides on MOHU content.
   ========================================================================== */
html{--mohu-motion-ease:cubic-bezier(.16,1,.3,1)}
#mohu-motion-progress{
 position:fixed;z-index:99999;left:0;top:0;height:3px;width:0;pointer-events:none;
 background:linear-gradient(90deg,#18b76a,#1e90ff,#7c4dff);
 box-shadow:0 0 12px rgba(30,144,255,.42);transition:width 70ms linear
}
html[data-mohu-motion="off"] #mohu-motion-progress{display:none}
html[data-mohu-motion="on"] .mohu-reveal{
 opacity:0;transform:translate3d(0,28px,0) scale(.985);
 transition:opacity .68s var(--mohu-motion-ease),transform .68s var(--mohu-motion-ease);
 transition-delay:var(--mohu-delay,0ms);will-change:opacity,transform
}
html[data-mohu-motion="on"] .mohu-reveal.mohu-in{opacity:1;transform:none;will-change:auto}
html[data-mohu-motion="off"] .mohu-reveal{opacity:1!important;transform:none!important;transition:none!important}
html[data-mohu-motion="on"] .mohu-beat{animation:mohuBeat 2.5s ease-in-out infinite;transform-origin:center}
html[data-mohu-motion="on"] .mohu-float{animation:mohuFloat 3.4s ease-in-out infinite}
html[data-mohu-motion="on"] .mohu-glow{animation:mohuGlow 3.2s ease-in-out infinite}
html[data-mohu-motion="off"] :is(.mohu-beat,.mohu-float,.mohu-glow){animation:none!important;transform:none!important}
@keyframes mohuBeat{0%,100%{transform:scale(1)}7%{transform:scale(1.07)}14%{transform:scale(1)}22%{transform:scale(1.045)}31%{transform:scale(1)}}
@keyframes mohuFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes mohuGlow{0%,100%{filter:drop-shadow(0 0 0 rgba(24,183,106,0))}50%{filter:drop-shadow(0 0 8px rgba(24,183,106,.42))}}
html[data-mohu-motion="on"] a:where(.btn,.button,[class*="btn"]),
html[data-mohu-motion="on"] button{transition:transform .16s ease,box-shadow .2s ease,filter .2s ease}
html[data-mohu-motion="on"] a:where(.btn,.button,[class*="btn"]):active,
html[data-mohu-motion="on"] button:active{transform:scale(.965)}
html[data-mohu-motion="on"] .mohu-live-row{transition:transform .22s ease,background-color .22s ease}
html[data-mohu-motion="on"] .mohu-live-row:active{transform:translateX(4px)}
html[data-mohu-motion="on"] .mohu-live-pulse>a,
html[data-mohu-motion="on"] .mohu-live-reg-grid>a{transition:transform .25s var(--mohu-motion-ease),box-shadow .25s ease}
@media(hover:hover){
 html[data-mohu-motion="on"] .mohu-live-pulse>a:hover,
 html[data-mohu-motion="on"] .mohu-live-reg-grid>a:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(15,43,78,.13)}
}
.mohu-motion-setting{margin-top:12px;padding-top:12px;border-top:1px solid var(--mohu-border,#d8e2ec)}
.mohu-motion-setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;border-radius:12px;background:var(--mohu-surface-2,#f5f8fb);color:var(--mohu-text,#102a4c)}
.mohu-motion-setting-copy strong{display:block;font-size:13px}.mohu-motion-setting-copy small{display:block;margin-top:3px;color:var(--mohu-muted,#64748b);font-size:11px;line-height:1.3}
.mohu-motion-toggle{position:relative;width:50px;height:29px;flex:0 0 50px;border:0;border-radius:999px;padding:0;background:#94a3b8;cursor:pointer}
.mohu-motion-toggle:after{content:"";position:absolute;top:4px;left:4px;width:21px;height:21px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.22);transition:transform .18s ease}
.mohu-motion-toggle[aria-checked="true"]{background:#16a05d}.mohu-motion-toggle[aria-checked="true"]:after{transform:translateX(21px)}
html[data-mohu-theme="dark"] .mohu-motion-setting-row{background:#101d30!important;color:#f3f8ff!important}
html[data-mohu-theme="dark"] .mohu-motion-setting-copy small{color:#b9c9dc!important}
@media(prefers-reduced-motion:reduce){
 html:not([data-mohu-motion-user="on"]) .mohu-reveal{opacity:1!important;transform:none!important;transition:none!important}
 html:not([data-mohu-motion-user="on"]) :is(.mohu-beat,.mohu-float,.mohu-glow){animation:none!important}
}


/* ==========================================================================
   MOHU MOTION EXPERIENCE v4 — FULL, ADVANCED, LAYOUT-SAFE
   Motion-only layer. It never changes content display/grid/flex/width/height.
   ========================================================================== */
html{
  --mohu-motion-ease:cubic-bezier(.16,1,.3,1);
  --mohu-motion-ease-soft:cubic-bezier(.22,.61,.36,1);
}
#mohu-motion-progress{
  position:fixed;z-index:2147483000;left:0;top:0;height:3px;width:0;
  pointer-events:none;transform-origin:left center;
  background:linear-gradient(90deg,#14b86a,#1697e8,#7448e8,#14b86a);
  background-size:220% 100%;
  box-shadow:0 0 12px rgba(22,151,232,.48);
  animation:mohuProgressGlow 3.4s linear infinite;
}
html[data-mohu-motion="off"] #mohu-motion-progress{display:none!important}

/* Page entrance */
html[data-mohu-motion="on"] body.mohu-page-enter{
  animation:mohuPageEnter .42s var(--mohu-motion-ease) both;
}
@keyframes mohuPageEnter{from{opacity:.35;transform:translateY(7px)}to{opacity:1;transform:none}}

/* Scroll reveals: 4 directions, assigned by JS. */
html[data-mohu-motion="on"] .mohu-reveal{
  opacity:0;
  transform:translate3d(0,34px,0) scale(.975);
  filter:blur(2px);
  transition:
    opacity .72s var(--mohu-motion-ease),
    transform .72s var(--mohu-motion-ease),
    filter .55s ease;
  transition-delay:var(--mohu-delay,0ms);
  will-change:opacity,transform,filter;
}
html[data-mohu-motion="on"] .mohu-reveal[data-mohu-reveal="left"]{transform:translate3d(-30px,10px,0) scale(.985)}
html[data-mohu-motion="on"] .mohu-reveal[data-mohu-reveal="right"]{transform:translate3d(30px,10px,0) scale(.985)}
html[data-mohu-motion="on"] .mohu-reveal[data-mohu-reveal="zoom"]{transform:translate3d(0,12px,0) scale(.94)}
html[data-mohu-motion="on"] .mohu-reveal.mohu-in{
  opacity:1;transform:none;filter:none;will-change:auto;
}
html[data-mohu-motion="off"] .mohu-reveal{
  opacity:1!important;transform:none!important;filter:none!important;transition:none!important;
}

/* Persistent "alive" motion */
html[data-mohu-motion="on"] .mohu-beat{animation:mohuBeat 2.25s ease-in-out infinite;transform-origin:center}
html[data-mohu-motion="on"] .mohu-float{animation:mohuFloat 3.1s ease-in-out infinite}
html[data-mohu-motion="on"] .mohu-glow{animation:mohuGlow 2.8s ease-in-out infinite}
html[data-mohu-motion="on"] .mohu-breathe{animation:mohuBreathe 2.9s ease-in-out infinite;transform-origin:center}
html[data-mohu-motion="on"] .mohu-shimmer{position:relative;overflow:hidden}
html[data-mohu-motion="on"] .mohu-shimmer:after{
  content:"";position:absolute;inset:-80% auto -80% -45%;width:28%;
  pointer-events:none;transform:rotate(18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.30),transparent);
  animation:mohuShimmer 4.6s ease-in-out infinite;
}
html[data-mohu-motion="off"] :is(.mohu-beat,.mohu-float,.mohu-glow,.mohu-breathe){animation:none!important;transform:none!important}
html[data-mohu-motion="off"] .mohu-shimmer:after{display:none!important}

@keyframes mohuBeat{
  0%,100%{transform:scale(1)} 7%{transform:scale(1.085)} 14%{transform:scale(1)}
  22%{transform:scale(1.05)} 31%{transform:scale(1)}
}
@keyframes mohuFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes mohuGlow{
  0%,100%{filter:drop-shadow(0 0 0 rgba(22,183,105,0))}
  50%{filter:drop-shadow(0 0 10px rgba(22,183,105,.46))}
}
@keyframes mohuBreathe{
  0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(22,183,105,0)}
  50%{transform:scale(1.025);box-shadow:0 8px 24px rgba(22,183,105,.16)}
}
@keyframes mohuShimmer{
  0%,64%{left:-45%;opacity:0} 72%{opacity:1} 88%{left:125%;opacity:0} 100%{left:125%;opacity:0}
}
@keyframes mohuProgressGlow{0%{background-position:0 0}100%{background-position:220% 0}}

/* Cards/rows become tactile without altering layout. */
html[data-mohu-motion="on"] .mohu-motion-card,
html[data-mohu-motion="on"] .mohu-live-row{
  transition:transform .24s var(--mohu-motion-ease),box-shadow .24s ease,filter .24s ease;
}
html[data-mohu-motion="on"] .mohu-motion-card:active,
html[data-mohu-motion="on"] .mohu-live-row:active{transform:scale(.985)}
@media(hover:hover){
  html[data-mohu-motion="on"] .mohu-motion-card:hover{
    transform:translateY(-4px);
    box-shadow:0 12px 30px rgba(15,43,78,.13);
  }
  html[data-mohu-theme="dark"][data-mohu-motion="on"] .mohu-motion-card:hover{
    box-shadow:0 14px 32px rgba(0,0,0,.30);
  }
}

/* Buttons: press feedback + selected CTA breathing. */
html[data-mohu-motion="on"] :is(a,button,input[type="submit"]){
  -webkit-tap-highlight-color:transparent;
}
html[data-mohu-motion="on"] a:where(.btn,.button,[class*="btn"]),
html[data-mohu-motion="on"] button,
html[data-mohu-motion="on"] input[type="submit"]{
  transition:transform .16s ease,box-shadow .22s ease,filter .22s ease;
}
html[data-mohu-motion="on"] a:where(.btn,.button,[class*="btn"]):active,
html[data-mohu-motion="on"] button:active,
html[data-mohu-motion="on"] input[type="submit"]:active{transform:scale(.955)!important}

/* Live rows: moving status dot */
html[data-mohu-motion="on"] .mohu-live-row{position:relative}
html[data-mohu-motion="on"] .mohu-live-row:before{
  content:"";position:absolute;width:7px;height:7px;border-radius:50%;
  left:10px;top:50%;margin-top:-3.5px;background:#2399ef;
  opacity:.0;pointer-events:none;
}
html[data-mohu-motion="on"] .mohu-live-row:hover:before{opacity:.9;animation:mohuBeat 1.7s ease-in-out infinite}

/* Setting */
.mohu-motion-setting{margin-top:12px;padding-top:12px;border-top:1px solid var(--mohu-border,#d8e2ec)}
.mohu-motion-setting-row{
  display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;
  border-radius:12px;background:var(--mohu-surface-2,#f5f8fb);color:var(--mohu-text,#102a4c)
}
.mohu-motion-setting-copy strong{display:block;font-size:13px}
.mohu-motion-setting-copy small{display:block;margin-top:3px;color:var(--mohu-muted,#64748b);font-size:11px;line-height:1.3}
.mohu-motion-toggle{position:relative;width:50px;height:29px;flex:0 0 50px;border:0;border-radius:999px;padding:0;background:#94a3b8;cursor:pointer}
.mohu-motion-toggle:after{
  content:"";position:absolute;top:4px;left:4px;width:21px;height:21px;border-radius:50%;
  background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.22);transition:transform .18s ease
}
.mohu-motion-toggle[aria-checked="true"]{background:#16a05d}
.mohu-motion-toggle[aria-checked="true"]:after{transform:translateX(21px)}
html[data-mohu-theme="dark"] .mohu-motion-setting-row{background:#101d30!important;color:#f3f8ff!important}
html[data-mohu-theme="dark"] .mohu-motion-setting-copy small{color:#b9c9dc!important}

/* Accessibility */
@media(prefers-reduced-motion:reduce){
  html:not([data-mohu-motion-user="on"]) body.mohu-page-enter{animation:none!important}
  html:not([data-mohu-motion-user="on"]) .mohu-reveal{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
  html:not([data-mohu-motion-user="on"]) :is(.mohu-beat,.mohu-float,.mohu-glow,.mohu-breathe){animation:none!important}
  html:not([data-mohu-motion-user="on"]) .mohu-shimmer:after{display:none!important}
}



/* MOHU Motion Experience v5 — cinematic site-wide extension */
html[data-mohu-motion="on"] .mohu-cinematic-root{isolation:isolate}
html[data-mohu-motion="on"] .mohu-hero-step{opacity:0;transform:translate3d(0,24px,0) scale(.985);animation:mohuHeroStep .72s var(--mohu-motion-ease) forwards;animation-delay:var(--mohu-hero-delay,80ms)}
html[data-mohu-motion="off"] .mohu-hero-step{opacity:1!important;transform:none!important;animation:none!important}
@keyframes mohuHeroStep{0%{opacity:0;transform:translate3d(0,24px,0) scale(.985);filter:blur(3px)}100%{opacity:1;transform:none;filter:none}}
html[data-mohu-motion="on"] .mohu-counting{display:inline-block;animation:mohuCountPop .55s ease-out both;transform-origin:center}
@keyframes mohuCountPop{0%{transform:translateY(5px) scale(.94);opacity:.55}100%{transform:none;opacity:1}}
/* A subtle travelling sheen across the primary hero, without changing its layout. */
html[data-mohu-motion="on"] .mohu-cinematic-root:where(.hero,[class*="hero"]){position:relative;overflow:hidden}
html[data-mohu-motion="on"] .mohu-cinematic-root:where(.hero,[class*="hero"]):after{content:"";position:absolute;z-index:1;pointer-events:none;top:-30%;bottom:-30%;left:-38%;width:18%;transform:rotate(14deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.09),transparent);animation:mohuHeroSweep 7.5s ease-in-out 1.4s infinite}
@keyframes mohuHeroSweep{0%,62%{left:-38%;opacity:0}68%{opacity:1}86%{left:125%;opacity:0}100%{left:125%;opacity:0}}
/* Keep content above decorative sweep. */
html[data-mohu-motion="on"] .mohu-cinematic-root:where(.hero,[class*="hero"])>*{position:relative;z-index:2}
@media(prefers-reduced-motion:reduce){html:not([data-mohu-motion-user="on"]) .mohu-hero-step{opacity:1!important;transform:none!important;animation:none!important}html:not([data-mohu-motion-user="on"]) .mohu-cinematic-root:after{display:none!important}}


/* MOHU Stage 11 v5.1 interaction-safety hotfix */
#mohu-motion-progress,
.mohu-shimmer::after,
.mohu-shimmer:after{pointer-events:none!important}

/* Header and settings controls must remain purely interactive, never motion targets. */
header .mohu-reveal,
.mohu-header .mohu-reveal,
.site-header .mohu-reveal,
.mohu-appearance-popover .mohu-reveal{
  opacity:1!important;
  transform:none!important;
  filter:none!important;
  transition:none!important;
  animation:none!important;
}
header :is(a,button,input,select,label),
.mohu-header :is(a,button,input,select,label),
.site-header :is(a,button,input,select,label),
.mohu-appearance-popover :is(a,button,input,select,label){
  pointer-events:auto!important;
  position:relative;
  z-index:2;
}

/* ==========================================================================
   MOHU — COMPLETE FOOTER MIDNIGHT DARK THEME
   Footer-scoped visual repair only. No footer structure/layout is changed.
   ========================================================================== */
html[data-mohu-theme="dark"] footer,
html[data-mohu-theme="dark"] .footer,
html[data-mohu-theme="dark"] .site-footer,
html[data-mohu-theme="dark"] [class*="site-footer"]{
  background:#07111f!important;
  color:#e8f1fb!important;
  border-color:#263d57!important;
}

/* Every structural footer panel inherits a coherent dark surface. */
html[data-mohu-theme="dark"] footer :is(
  .container,.wrap,.inner,.footer-inner,.footer-main,.footer-top,.footer-middle,.footer-bottom,
  .footer-section,.footer-column,.footer-col,.footer-card,.footer-box,.footer-panel,
  [class*="footer-section"],[class*="footer-column"],[class*="footer-col"],
  [class*="footer-card"],[class*="footer-box"],[class*="footer-panel"]
){
  color:#e8f1fb!important;
  border-color:#263d57!important;
}

/* Footer headings and brand text. */
html[data-mohu-theme="dark"] footer :is(h1,h2,h3,h4,h5,h6,strong,b,.title,.heading,.brand,.footer-title){
  color:#f7fbff!important;
}
html[data-mohu-theme="dark"] footer :is(p,small,.meta,.muted,.description,.footer-text){
  color:#b9c9dc!important;
}

/* Footer navigation and ordinary links: clear contrast, with visible interaction. */
html[data-mohu-theme="dark"] footer a:not(.btn):not([class*="button"]){
  color:#d8e9fb!important;
  text-decoration-color:#52779c!important;
}
html[data-mohu-theme="dark"] footer a:not(.btn):not([class*="button"]):hover,
html[data-mohu-theme="dark"] footer a:not(.btn):not([class*="button"]):focus-visible{
  color:#ffffff!important;
  text-decoration-color:#78bfff!important;
}

/* Footer separators / horizontal rules / borders. */
html[data-mohu-theme="dark"] footer :is(hr,.divider,.separator,[class*="divider"],[class*="separator"]){
  border-color:#2d4763!important;
  background-color:#2d4763!important;
}

/* Cards, badges, pills and chips that otherwise remain white in dark mode. */
html[data-mohu-theme="dark"] footer :is(
  .card,.box,.panel,.chip,.pill,.badge,.tag,
  [class*="card"],[class*="box"],[class*="panel"],[class*="chip"],[class*="pill"],[class*="badge"]
){
  background:#0e1c2e!important;
  color:#edf6ff!important;
  border-color:#35516e!important;
  box-shadow:none!important;
}

/* Footer buttons retain hierarchy but become dark-mode readable. */
html[data-mohu-theme="dark"] footer :is(.btn,button,[class*="button"]){
  border-color:#496a8b!important;
}
html[data-mohu-theme="dark"] footer :is(.btn-outline,.btn-light,.btn-secondary,[class*="outline"],[class*="secondary"]){
  background:#13263b!important;
  color:#f3f8ff!important;
  border-color:#496a8b!important;
}
html[data-mohu-theme="dark"] footer :is(.btn-outline,.btn-light,.btn-secondary,[class*="outline"],[class*="secondary"]):hover{
  background:#19324d!important;
  color:#ffffff!important;
}

/* Forms/newsletter/search controls if present in footer. */
html[data-mohu-theme="dark"] footer :is(input,select,textarea){
  background:#0c1929!important;
  color:#f3f8ff!important;
  border-color:#45627f!important;
  caret-color:#ffffff!important;
}
html[data-mohu-theme="dark"] footer :is(input,textarea)::placeholder{
  color:#91a8c0!important;
  opacity:1!important;
}
html[data-mohu-theme="dark"] footer :is(input,select,textarea):focus{
  border-color:#6e9bc5!important;
  outline-color:#6e9bc5!important;
}

/* Social icons: visible circular dark surfaces, including SVG/icon fonts. */
html[data-mohu-theme="dark"] footer :is(.social-links,.footer-social,[class*="social"]) a{
  background:#12253a!important;
  color:#eef7ff!important;
  border-color:#3d5d7c!important;
}
html[data-mohu-theme="dark"] footer :is(.social-links,.footer-social,[class*="social"]) a:hover{
  background:#1b3856!important;
  color:#ffffff!important;
  border-color:#668daf!important;
}
html[data-mohu-theme="dark"] footer :is(svg,i,[class*="icon"]){
  color:inherit;
}
html[data-mohu-theme="dark"] footer svg:not([fill="none"]){
  fill:currentColor;
}

/* Contact rows/icons. */
html[data-mohu-theme="dark"] footer :is(.contact,.contact-info,[class*="contact"]){
  color:#d5e4f3!important;
}
html[data-mohu-theme="dark"] footer :is(.contact,.contact-info,[class*="contact"]) :is(span,p,small){
  color:#c4d5e6!important;
}

/* Footer logo: preserve image itself while giving transparent/white logos a
   dark-theme presentation surface so the mark remains clear. */
html[data-mohu-theme="dark"] footer :is(.logo,.footer-logo,[class*="logo"]) img,
html[data-mohu-theme="dark"] footer > * img[alt*="MOHU" i]{
  background:#f7fbff!important;
  border:1px solid #496681!important;
  border-radius:12px!important;
  padding:5px!important;
  box-shadow:0 6px 18px rgba(0,0,0,.24)!important;
  filter:none!important;
}

/* Images that are not the logo should not receive a forced white surface. */
html[data-mohu-theme="dark"] footer img:not([alt*="MOHU" i]){
  border-color:#35516e!important;
}

/* Copyright/legal/lower strip. */
html[data-mohu-theme="dark"] footer :is(
  .copyright,.footer-bottom,.footer-legal,.legal,
  [class*="copyright"],[class*="footer-bottom"],[class*="footer-legal"]
){
  color:#aebfd1!important;
  border-color:#29435e!important;
}
html[data-mohu-theme="dark"] footer :is(
  .copyright,.footer-bottom,.footer-legal,.legal,
  [class*="copyright"],[class*="footer-bottom"],[class*="footer-legal"]
) a{
  color:#d7e7f7!important;
}

/* Prevent inline/background whites inside footer from defeating dark mode,
   but only on common content containers (not images or primary CTA buttons). */
html[data-mohu-theme="dark"] footer :is(
  .footer-section,.footer-column,.footer-col,.footer-card,.footer-box,.footer-panel,
  [class*="footer-section"],[class*="footer-column"],[class*="footer-col"],
  [class*="footer-card"],[class*="footer-box"],[class*="footer-panel"]
)[style*="background"]{
  background:#0e1c2e!important;
  color:#e8f1fb!important;
}

/* Accessibility/focus visibility inside dark footer. */
html[data-mohu-theme="dark"] footer :focus-visible{
  outline:2px solid #78bfff!important;
  outline-offset:2px!important;
}


/* ========================================================================
   MOHU FOOTER-LINKED PAGES — DARK THEME COMPLETION
   Repairs legacy light surfaces on About/Contact/Report/Help/Legal/Settings.
   Presentation only; no PHP/JS/DB behavior is changed.
   ======================================================================== */
html[data-mohu-theme="dark"] body,
html[data-mohu-theme="dark"] .mohu-brand-page{
  background:#081321!important;
  color:#eaf2fb!important;
}

/* Remove legacy white page bands / side-wall strips around footer-linked pages. */
html[data-mohu-theme="dark"] :is(.mohu-brand-page,.mohu-problem-wrap,.mohu-contact-wrap,.mohu-cms-page,.mohu-guide,main.container.section),
html[data-mohu-theme="dark"] body > :is(main,.section){
  border-color:#263d57!important;
}
html[data-mohu-theme="dark"] .mohu-brand-page > .container,
html[data-mohu-theme="dark"] .mohu-brand-content{
  background:transparent!important;
}

/* About MOHU and related branded content. */
html[data-mohu-theme="dark"] .mohu-brand-content :is(section,article,.mohu-independence,.mohu-brand-closing),
html[data-mohu-theme="dark"] .mohu-about-grid article,
html[data-mohu-theme="dark"] .mohu-about-split section{
  background:#101d30!important;
  color:#eaf2fb!important;
  border-color:#35506c!important;
  box-shadow:none!important;
}
html[data-mohu-theme="dark"] .mohu-brand-content :is(h1,h2,h3,strong,b),
html[data-mohu-theme="dark"] .mohu-about-grid :is(h2,h3,strong,b){color:#f7fbff!important}
html[data-mohu-theme="dark"] .mohu-brand-content :is(p,span,li,small),
html[data-mohu-theme="dark"] .mohu-about-grid :is(p,span,li,small){color:#c8d6e6!important}

/* Contact MOHU + Report a Problem: eliminate white form shell and side stripes. */
html[data-mohu-theme="dark"] :is(.mohu-contact-form,.mohu-problem-form){
  background:#101d30!important;
  color:#eef5fc!important;
  border-color:#3b5673!important;
  box-shadow:0 12px 30px rgba(0,0,0,.20)!important;
}
html[data-mohu-theme="dark"] :is(.mohu-contact-form,.mohu-problem-form) :is(h1,h2,h3,strong,label){color:#f4f8ff!important}
html[data-mohu-theme="dark"] :is(.mohu-contact-form,.mohu-problem-form) :is(p,small,.meta){color:#b9c9dc!important}
html[data-mohu-theme="dark"] :is(.mohu-contact-form,.mohu-problem-form) :is(input,select,textarea){
  background:#0b1727!important;
  color:#f5f9ff!important;
  border-color:#4a6684!important;
  box-shadow:none!important;
}
html[data-mohu-theme="dark"] :is(.mohu-contact-form,.mohu-problem-form) :is(input,textarea)::placeholder{color:#9fb1c5!important;opacity:1!important}
html[data-mohu-theme="dark"] :is(.mohu-contact-form,.mohu-problem-form) :is(input,select,textarea):focus{
  border-color:#75a6d2!important;
  outline:2px solid rgba(117,166,210,.24)!important;
  outline-offset:1px!important;
}
html[data-mohu-theme="dark"] :is(.mohu-contact-form,.mohu-problem-form) input[type="file"]::file-selector-button{
  background:#18283c!important;color:#f4f8ff!important;border:1px solid #506b88!important;border-radius:8px!important;
}

/* Help Center, FAQ and guides — package5.css contains hard-coded whites. */
html[data-mohu-theme="dark"] .mohu-help-hero,
html[data-mohu-theme="dark"] :is(.mohu-help-card,.mohu-directory-card),
html[data-mohu-theme="dark"] .mohu-faq details{
  background:#101d30!important;
  color:#eef5fc!important;
  border-color:#35516e!important;
  box-shadow:none!important;
}
html[data-mohu-theme="dark"] :is(.mohu-help-card,.mohu-directory-card,.mohu-faq details) :is(strong,b,summary,h2,h3){color:#f5f9ff!important}
html[data-mohu-theme="dark"] :is(.mohu-help-card,.mohu-directory-card,.mohu-faq details) :is(p,small,span,li){color:#c4d3e3!important}
html[data-mohu-theme="dark"] :is(.mohu-help-card,.mohu-directory-card):hover{background:#14263b!important;border-color:#587696!important}
html[data-mohu-theme="dark"] .mohu-guide :is(p,li,small){color:#c8d6e6!important}
html[data-mohu-theme="dark"] .mohu-guide :is(h1,h2,h3,strong,b){color:#f7fbff!important}

/* Legal pages and generic legacy cards. */
html[data-mohu-theme="dark"] .detail-wrap,
html[data-mohu-theme="dark"] .section > .card.detail-wrap{
  background:#101d30!important;
  color:#eaf2fb!important;
  border-color:#35516e!important;
  box-shadow:none!important;
}
html[data-mohu-theme="dark"] .detail-wrap :is(h1,h2,h3,strong,b){color:#f7fbff!important}
html[data-mohu-theme="dark"] .detail-wrap :is(.prose,p,li,small){color:#c8d6e6!important}

/* Super Admin Website Settings — every settings panel and sticky save bar. */
html[data-mohu-theme="dark"] .mohu-cms-page{background:transparent!important;color:#eaf2fb!important}
html[data-mohu-theme="dark"] .mohu-cms-head :is(h1,h2,h3){color:#f7fbff!important}
html[data-mohu-theme="dark"] .mohu-cms-head p{color:#bdccdc!important}
html[data-mohu-theme="dark"] .mohu-cms-form section{
  background:#101d30!important;
  color:#edf5fd!important;
  border-color:#35516e!important;
  box-shadow:none!important;
}
html[data-mohu-theme="dark"] .mohu-cms-form section :is(h2,h3,strong,b,label){color:#f4f8ff!important}
html[data-mohu-theme="dark"] .mohu-cms-form section :is(.meta,small,p){color:#b9c9dc!important}
html[data-mohu-theme="dark"] .mohu-cms-form :is(input[type="text"],input[type="email"],input[type="url"],input[type="tel"],input[type="number"],input:not([type]),select,textarea){
  background:#0b1727!important;color:#f5f9ff!important;border-color:#496682!important;
}
html[data-mohu-theme="dark"] .mohu-cms-form input[type="file"]{
  background:#0b1727!important;color:#dce8f4!important;border-color:#496682!important;
}
html[data-mohu-theme="dark"] .mohu-cms-form input[type="file"]::file-selector-button{
  background:#18283c!important;color:#f5f9ff!important;border:1px solid #506b88!important;border-radius:8px!important;
}
html[data-mohu-theme="dark"] .mohu-cms-preview,
html[data-mohu-theme="dark"] .mohu-founder-contact-admin,
html[data-mohu-theme="dark"] .mohu-plan-admin-card{
  background:#0c1929!important;color:#eaf2fb!important;border-color:#35516e!important;
}
html[data-mohu-theme="dark"] .mohu-cms-safe{background:#10253a!important;color:#d7e6f5!important;border-left-color:#5ba8e8!important}
html[data-mohu-theme="dark"] .mohu-cms-save{
  background:#0c1929!important;
  color:#f4f8ff!important;
  border-color:#35516e!important;
  box-shadow:0 8px 24px rgba(0,0,0,.24)!important;
}

/* Alerts/tables encountered from footer support/admin routes. */
html[data-mohu-theme="dark"] :is(.mohu-admin-message,.mohu-report-table){background:#101d30!important;color:#eaf2fb!important;border-color:#35516e!important}
html[data-mohu-theme="dark"] .mohu-report-table :is(th,td){color:#dbe7f3!important;border-color:#304b67!important}
html[data-mohu-theme="dark"] .mohu-report-status{background:#182b41!important;color:#e9f3fd!important}

/* Mobile: prevent any light wrapper from appearing as vertical wall strips. */
@media(max-width:700px){
  html[data-mohu-theme="dark"] :is(.mohu-brand-page,.mohu-problem-wrap,.mohu-contact-wrap,.mohu-cms-page,main.container.section){background:#081321!important}
  html[data-mohu-theme="dark"] :is(.mohu-contact-form,.mohu-problem-form,.mohu-cms-form section,.mohu-help-hero,.mohu-help-card,.mohu-directory-card,.mohu-faq details,.detail-wrap){box-shadow:none!important}
}

/* 2026-09-19 founder-message dark-theme completion.
   The founder quote is a blockquote outside .mohu-founder-main and therefore
   needs its own dark-theme override. */
html[data-mohu-theme="dark"] .mohu-founder-message{
  background:#101d30!important;
  color:#eaf2fb!important;
  border:1px solid #35516e!important;
  box-shadow:none!important;
}
html[data-mohu-theme="dark"] .mohu-founder-message h2{
  color:#f7fbff!important;
}
html[data-mohu-theme="dark"] .mohu-founder-message p{
  color:#c8d6e6!important;
}
html[data-mohu-theme="dark"] .mohu-founder-message footer{
  background:#0b1727!important;
  color:#f4f8ff!important;
  border:1px solid #304b67!important;
  border-radius:12px!important;
  padding:12px 14px!important;
}
html[data-mohu-theme="dark"] .mohu-founder-message footer strong{
  color:#f7fbff!important;
}
html[data-mohu-theme="dark"] .mohu-founder-message footer span{
  color:#bdccdc!important;
}

/* MOHU Stage 11 FINAL authoritative motion layer — 2026-09-19 */
html[data-mohu-motion="on"] body.mohu-page-enter{animation:mohuPageEnter .42s cubic-bezier(.16,1,.3,1) both!important}
html[data-mohu-motion="on"] .mohu-reveal{opacity:0!important;transform:translate3d(0,26px,0) scale(.985)!important;transition:opacity .72s cubic-bezier(.16,1,.3,1)!important,transform .72s cubic-bezier(.16,1,.3,1)!important;transition-delay:var(--mohu-delay,0ms)!important;will-change:opacity,transform}
html[data-mohu-motion="on"] .mohu-reveal[data-mohu-reveal="left"]{transform:translate3d(-28px,8px,0) scale(.985)!important}
html[data-mohu-motion="on"] .mohu-reveal[data-mohu-reveal="right"]{transform:translate3d(28px,8px,0) scale(.985)!important}
html[data-mohu-motion="on"] .mohu-reveal[data-mohu-reveal="zoom"]{transform:translate3d(0,10px,0) scale(.94)!important}
html[data-mohu-motion="on"] .mohu-reveal.mohu-in{opacity:1!important;transform:none!important;will-change:auto}
html[data-mohu-motion="on"] .mohu-beat{animation:mohuBeat 2.25s ease-in-out infinite!important;transform-origin:center}
html[data-mohu-motion="on"] .mohu-float{animation:mohuFloat 3.1s ease-in-out infinite!important}
html[data-mohu-motion="on"] .mohu-glow{animation:mohuGlow 2.8s ease-in-out infinite!important}
html[data-mohu-motion="on"] .mohu-breathe{animation:mohuBreathe 2.9s ease-in-out infinite!important;transform-origin:center}
html[data-mohu-motion="on"] .mohu-shimmer:after{animation:mohuShimmer 3.8s ease-in-out infinite!important}
html[data-mohu-motion="on"] .mohu-hero-step{animation:mohuHeroStep .72s cubic-bezier(.16,1,.3,1) var(--mohu-hero-delay,0ms) both!important}
html[data-mohu-motion="off"] .mohu-reveal{opacity:1!important;transform:none!important;transition:none!important}
html[data-mohu-motion="off"] :is(.mohu-beat,.mohu-float,.mohu-glow,.mohu-breathe,.mohu-hero-step){animation:none!important;transform:none!important}
header .mohu-reveal,header .mohu-hero-step,.mohu-header .mohu-reveal,.site-header .mohu-reveal,.mohu-appearance-popover .mohu-reveal,.mohu-nav-drawer .mohu-reveal{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}


/* ===== MOHU Stage 11 Motion Engine v15 ===== */
html{--mohu15-ease:cubic-bezier(.16,1,.3,1)}
html[data-mohu-motion="on"] body.mohu15-page-enter{animation:mohu15Page .46s var(--mohu15-ease) both}
@keyframes mohu15Page{from{opacity:.78;transform:translate3d(0,7px,0)}to{opacity:1;transform:none}}

html[data-mohu-motion="on"] .mohu15-reveal{
 opacity:0!important;transform:translate3d(0,27px,0) scale(.985)!important;
 transition:opacity .72s var(--mohu15-ease)!important,transform .72s var(--mohu15-ease)!important;
 transition-delay:var(--mohu15-delay,0ms)!important;will-change:opacity,transform
}
html[data-mohu-motion="on"] .mohu15-reveal[data-mohu15="left"]{transform:translate3d(-30px,8px,0) scale(.985)!important}
html[data-mohu-motion="on"] .mohu15-reveal[data-mohu15="right"]{transform:translate3d(30px,8px,0) scale(.985)!important}
html[data-mohu-motion="on"] .mohu15-reveal[data-mohu15="zoom"]{transform:translate3d(0,11px,0) scale(.95)!important}
html[data-mohu-motion="on"] .mohu15-reveal.mohu15-in{opacity:1!important;transform:none!important;will-change:auto}

html[data-mohu-motion="on"] .mohu15-hero-step{
 opacity:0;transform:translate3d(0,25px,0) scale(.985);
 animation:mohu15Hero .76s var(--mohu15-ease) var(--mohu15-hero-delay,0ms) forwards
}
@keyframes mohu15Hero{to{opacity:1;transform:none}}

html[data-mohu-motion="on"] .mohu15-beat{animation:mohu15Beat 2.45s ease-in-out infinite;transform-origin:center}
@keyframes mohu15Beat{0%,38%,100%{transform:scale(1)}7%{transform:scale(1.06)}14%{transform:scale(1)}21%{transform:scale(1.035)}}
html[data-mohu-motion="on"] .mohu15-float{animation:mohu15Float 3.5s ease-in-out infinite}
@keyframes mohu15Float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-5px,0)}}
html[data-mohu-motion="on"] .mohu15-breathe{animation:mohu15Breathe 3.15s ease-in-out infinite;transform-origin:center}
@keyframes mohu15Breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.018)}}
html[data-mohu-motion="on"] .mohu15-counting{display:inline-block;font-variant-numeric:tabular-nums;animation:mohu15Count .5s ease-out both}
@keyframes mohu15Count{0%{transform:scale(.94);opacity:.7}100%{transform:scale(1);opacity:1}}

#mohu15-progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:2147483000;background:var(--mohu-accent,#18a957);pointer-events:none;transition:width .08s linear}
html[data-mohu-motion="off"] #mohu15-progress{display:none!important}
html[data-mohu-motion="off"] .mohu15-reveal,html[data-mohu-motion="off"] .mohu15-hero-step{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}
html[data-mohu-motion="off"] :is(.mohu15-beat,.mohu15-float,.mohu15-breathe){animation:none!important;transform:none!important}

/* Never animate interactive header/navigation/theme/message chrome. */
header .mohu15-reveal,header .mohu15-hero-step,.mohu-header .mohu15-reveal,.site-header .mohu15-reveal,
.mohu-appearance-popover .mohu15-reveal,.mohu-nav-drawer .mohu15-reveal,nav .mohu15-reveal{
 opacity:1!important;transform:none!important;animation:none!important;transition:none!important
}

/* Reduced-motion users still receive a very gentle reveal, not a hidden/broken page. */
@media(prefers-reduced-motion:reduce){
 html[data-mohu-motion="on"] body.mohu15-page-enter{animation-duration:.18s}
 html[data-mohu-motion="on"] .mohu15-reveal{transform:translate3d(0,8px,0)!important;transition-duration:.24s!important}
 html[data-mohu-motion="on"] .mohu15-hero-step{transform:translate3d(0,8px,0);animation-duration:.24s}
 html[data-mohu-motion="on"] :is(.mohu15-beat,.mohu15-float,.mohu15-breathe){animation-duration:5.5s}
}

/* ===== MOHU Stage 11 Motion Engine v16 — slower universal motion ===== */
html{--mohu16-ease:cubic-bezier(.16,1,.3,1)}
/* Disable v15 visual layer; v16 is authoritative. */
html[data-mohu-motion="on"] body.mohu15-page-enter{animation:none!important}
html[data-mohu-motion="on"] .mohu15-reveal,html[data-mohu-motion="on"] .mohu15-hero-step{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}
html[data-mohu-motion="on"] :is(.mohu15-beat,.mohu15-float,.mohu15-breathe){animation:none!important;transform:none!important}
#mohu15-progress{display:none!important}
html[data-mohu-motion="on"] body.mohu16-page-enter{animation:mohu16Page .9s var(--mohu16-ease) both}
@keyframes mohu16Page{from{opacity:.72;transform:translate3d(0,10px,0)}to{opacity:1;transform:none}}
html[data-mohu-motion="on"] .mohu16-reveal{opacity:0;transform:translate3d(0,28px,0) scale(.985);transition:opacity 1.05s var(--mohu16-ease)!important,transform 1.05s var(--mohu16-ease)!important;transition-delay:var(--mohu16-delay,0ms)!important;will-change:opacity,transform}
html[data-mohu-motion="on"] .mohu16-reveal[data-mohu16="left"]{transform:translate3d(-28px,8px,0) scale(.988)}
html[data-mohu-motion="on"] .mohu16-reveal[data-mohu16="right"]{transform:translate3d(28px,8px,0) scale(.988)}
html[data-mohu-motion="on"] .mohu16-reveal[data-mohu16="zoom"]{transform:translate3d(0,16px,0) scale(.96)}
html[data-mohu-motion="on"] .mohu16-reveal.mohu16-in{opacity:1;transform:none;will-change:auto}
/* Dedicated homepage introduction sequence — background remains stable; copy/search enter in order. */
html[data-mohu-motion="on"] .mohu16-home-hero{animation:mohu16HeroScene 1.25s var(--mohu16-ease) both}
@keyframes mohu16HeroScene{from{filter:saturate(.82) brightness(.88)}to{filter:none}}
html[data-mohu-motion="on"] .mohu16-hero-step{opacity:0;transform:translate3d(0,34px,0) scale(.982);animation:mohu16HeroStep 1.05s var(--mohu16-ease) var(--mohu16-hero-delay,0ms) forwards;will-change:opacity,transform}
html[data-mohu-motion="on"] .mohu-h-home-search.mohu16-hero-step{transform:translate3d(0,42px,0) scale(.965)}
@keyframes mohu16HeroStep{to{opacity:1;transform:none}}
html[data-mohu-motion="on"] .mohu16-dashboard-intro{animation:mohu16Dash 1.05s var(--mohu16-ease) var(--mohu16-dash-delay,0ms) both}
@keyframes mohu16Dash{from{opacity:0;transform:translate3d(0,22px,0)}to{opacity:1;transform:none}}
html[data-mohu-motion="on"] .mohu16-beat{animation:mohu16Beat 3.8s ease-in-out infinite;transform-origin:center}
@keyframes mohu16Beat{0%,48%,100%{transform:scale(1)}7%{transform:scale(1.055)}14%{transform:scale(1)}22%{transform:scale(1.03)}}
html[data-mohu-motion="on"] .mohu16-float{animation:mohu16Float 5.2s ease-in-out infinite}
@keyframes mohu16Float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-5px,0)}}
html[data-mohu-motion="on"] .mohu16-breathe{animation:mohu16Breathe 4.6s ease-in-out infinite;transform-origin:center}
@keyframes mohu16Breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.015)}}
html[data-mohu-motion="on"] .mohu16-counting{display:inline-block;font-variant-numeric:tabular-nums;animation:mohu16Count .8s ease-out both}
@keyframes mohu16Count{from{opacity:.65;transform:translateY(4px) scale(.95)}to{opacity:1;transform:none}}
#mohu16-progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:2147483000;background:var(--mohu-accent,#18a957);pointer-events:none;transition:width .12s linear}
html[data-mohu-motion="off"] #mohu16-progress{display:none!important}
html[data-mohu-motion="off"] .mohu16-reveal,html[data-mohu-motion="off"] .mohu16-hero-step{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}
html[data-mohu-motion="off"] :is(.mohu16-beat,.mohu16-float,.mohu16-breathe,.mohu16-dashboard-intro){animation:none!important;transform:none!important}
/* Header/navigation/theme/messages are never motion targets. */
header .mohu16-reveal,header .mohu16-hero-step,.mohu-header .mohu16-reveal,.site-header .mohu16-reveal,.mohu-appearance-popover .mohu16-reveal,.mohu-nav-drawer .mohu16-reveal,nav .mohu16-reveal{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){html:not([data-mohu-motion-user="on"]) body.mohu16-page-enter{animation-duration:.25s}html:not([data-mohu-motion-user="on"]) .mohu16-reveal{opacity:1!important;transform:none!important;transition-duration:.2s!important}html:not([data-mohu-motion-user="on"]) .mohu16-hero-step{opacity:1!important;transform:none!important;animation-duration:.2s}html:not([data-mohu-motion-user="on"]) :is(.mohu16-beat,.mohu16-float,.mohu16-breathe){animation:none!important}}


/* ========================================================================
   MOHU STAGE 11 MOTION v19 — SOFT PREMIUM CONTENT REVEAL
   IMPORTANT: approved v16 homepage hero animation is intentionally untouched.
   ======================================================================== */

/* Universal below-hero/page reveal:
   Content remains readable from the first frame. */
html[data-mohu-motion="on"] .mohu16-reveal{
  opacity:.90 !important;
  visibility:visible !important;
  transform:translate3d(0,5px,0) !important;
  filter:saturate(.97) contrast(.985) !important;
  transition:
    opacity .54s cubic-bezier(.22,.72,.28,1),
    transform .54s cubic-bezier(.22,.72,.28,1),
    filter .54s ease !important;
  transition-delay:var(--mohu19-delay,0ms) !important;
  will-change:opacity,transform,filter;
}

/* Retire the previous dramatic directional/zoom variants below the hero. */
html[data-mohu-motion="on"] .mohu16-reveal[data-mohu16="left"],
html[data-mohu-motion="on"] .mohu16-reveal[data-mohu16="right"],
html[data-mohu-motion="on"] .mohu16-reveal[data-mohu16="zoom"],
html[data-mohu-motion="on"] .mohu16-reveal[data-mohu16="up"]{
  opacity:.90 !important;
  transform:translate3d(0,5px,0) !important;
  filter:saturate(.97) contrast(.985) !important;
}

html[data-mohu-motion="on"] .mohu16-reveal.mohu16-in{
  opacity:1 !important;
  visibility:visible !important;
  transform:translate3d(0,0,0) !important;
  filter:none !important;
  will-change:auto;
}

/* Short cascade for cards/results only — lively but never a waiting queue. */
html[data-mohu-motion="on"] :is(
  [class*="grid"],[class*="cards"],[class*="results"],
  .mohu-live-pulse,.mohu-live-reg-grid
) > .mohu16-reveal:nth-child(2){--mohu19-delay:45ms}
html[data-mohu-motion="on"] :is(
  [class*="grid"],[class*="cards"],[class*="results"],
  .mohu-live-pulse,.mohu-live-reg-grid
) > .mohu16-reveal:nth-child(3){--mohu19-delay:80ms}
html[data-mohu-motion="on"] :is(
  [class*="grid"],[class*="cards"],[class*="results"],
  .mohu-live-pulse,.mohu-live-reg-grid
) > .mohu16-reveal:nth-child(4){--mohu19-delay:115ms}
html[data-mohu-motion="on"] :is(
  [class*="grid"],[class*="cards"],[class*="results"],
  .mohu-live-pulse,.mohu-live-reg-grid
) > .mohu16-reveal:nth-child(n+5){--mohu19-delay:140ms}

/* High-density/functional areas should feel instantaneous. */
html[data-mohu-motion="on"] :is(
  form,fieldset,table,.table-responsive,.pagination,.alert,
  .search-results,.registry-results,.opportunity-list,
  .community-feed,.feed
).mohu16-reveal{
  opacity:.96 !important;
  transform:translate3d(0,3px,0) !important;
  transition-duration:.38s !important;
  transition-delay:0ms !important;
}
html[data-mohu-motion="on"] :is(
  form,fieldset,table,.table-responsive,.pagination,.alert,
  .search-results,.registry-results,.opportunity-list,
  .community-feed,.feed
).mohu16-reveal.mohu16-in{
  opacity:1 !important;
  transform:none !important;
}

/* Dashboards: slightly richer entrance without hiding dashboard content. */
html[data-mohu-motion="on"] body.mohu16-dashboard .mohu16-reveal{
  opacity:.88 !important;
  transform:translate3d(0,7px,0) scale(.997) !important;
  transition-duration:.58s !important;
}
html[data-mohu-motion="on"] body.mohu16-dashboard .mohu16-reveal.mohu16-in{
  opacity:1 !important;
  transform:none !important;
}

/* Absolute chrome protection. */
html[data-mohu-motion="on"] :is(
  header,.header,.mohu-header,.site-header,nav,
  .mohu-nav-drawer,.mohu-appearance-popover,.header-user-actions,
  .mohu-mobile-authbar,footer,.site-footer,.mohu-brand-footer
) :is(.mohu16-reveal,.mohu16-hero-step){
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
  filter:none !important;
  animation:none !important;
  transition:none !important;
}

/* Global OFF remains authoritative. */
html[data-mohu-motion="off"] .mohu16-reveal{
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
  filter:none !important;
  transition:none !important;
}

/* Reduced motion: no decorative below-hero reveal. */
@media(prefers-reduced-motion:reduce){
  html[data-mohu-motion="on"] .mohu16-reveal{
    opacity:1 !important;
    transform:none !important;
    filter:none !important;
    transition:none !important;
  }
}


/* ========================================================================
   MOHU STAGE 11 MOTION v20 — VISIBLE PREMIUM REVEAL
   Approved homepage hero remains untouched.
   Goal: clearly noticeable motion without blank/loading-looking content.
   ======================================================================== */

:root{
  --mohu20-duration:.72s;
  --mohu20-distance:16px;
  --mohu20-ease:cubic-bezier(.16,.84,.26,1);
}

/* Clearly visible universal scroll reveal.
   82% opacity means users can already see the content, so it never resembles
   an unloaded section; 16px motion makes the effect unmistakable. */
html[data-mohu-motion="on"] .mohu16-reveal{
  opacity:.82 !important;
  visibility:visible !important;
  transform:translate3d(0,var(--mohu20-distance),0) scale(.992) !important;
  filter:saturate(.93) contrast(.97) !important;
  transition:
    opacity var(--mohu20-duration) var(--mohu20-ease),
    transform var(--mohu20-duration) var(--mohu20-ease),
    filter .62s ease !important;
  transition-delay:var(--mohu20-delay,0ms) !important;
  will-change:opacity,transform,filter;
}

/* One coherent MOHU motion language below the hero — no sideways flying. */
html[data-mohu-motion="on"] .mohu16-reveal[data-mohu16]{
  opacity:.82 !important;
  transform:translate3d(0,var(--mohu20-distance),0) scale(.992) !important;
  filter:saturate(.93) contrast(.97) !important;
}

html[data-mohu-motion="on"] .mohu16-reveal.mohu16-in{
  opacity:1 !important;
  transform:translate3d(0,0,0) scale(1) !important;
  filter:none !important;
  will-change:auto;
}

/* Visible but quick cascade: users can see the rhythm without waiting. */
html[data-mohu-motion="on"] :is(
 [class*="grid"],[class*="cards"],[class*="results"],
 [class*="list"],.mohu-live-pulse,.mohu-live-reg-grid
) > .mohu16-reveal:nth-child(2){--mohu20-delay:70ms}
html[data-mohu-motion="on"] :is(
 [class*="grid"],[class*="cards"],[class*="results"],
 [class*="list"],.mohu-live-pulse,.mohu-live-reg-grid
) > .mohu16-reveal:nth-child(3){--mohu20-delay:130ms}
html[data-mohu-motion="on"] :is(
 [class*="grid"],[class*="cards"],[class*="results"],
 [class*="list"],.mohu-live-pulse,.mohu-live-reg-grid
) > .mohu16-reveal:nth-child(4){--mohu20-delay:190ms}
html[data-mohu-motion="on"] :is(
 [class*="grid"],[class*="cards"],[class*="results"],
 [class*="list"],.mohu-live-pulse,.mohu-live-reg-grid
) > .mohu16-reveal:nth-child(n+5){--mohu20-delay:230ms}

/* Functional/high-density areas: still obvious, but quicker than promotional cards. */
html[data-mohu-motion="on"] :is(
 form,fieldset,table,.table-responsive,.pagination,.alert,
 .search-results,.registry-results,.opportunity-list,
 .community-feed,.feed
).mohu16-reveal{
  opacity:.88 !important;
  transform:translate3d(0,11px,0) scale(.996) !important;
  filter:saturate(.96) !important;
  transition-duration:.55s !important;
  transition-delay:0ms !important;
}
html[data-mohu-motion="on"] :is(
 form,fieldset,table,.table-responsive,.pagination,.alert,
 .search-results,.registry-results,.opportunity-list,
 .community-feed,.feed
).mohu16-reveal.mohu16-in{
  opacity:1 !important;
  transform:none !important;
  filter:none !important;
}

/* Dashboard sections get a slightly more expressive entrance. */
html[data-mohu-motion="on"] body.mohu16-dashboard .mohu16-reveal{
  opacity:.78 !important;
  transform:translate3d(0,18px,0) scale(.99) !important;
  transition-duration:.76s !important;
}
html[data-mohu-motion="on"] body.mohu16-dashboard .mohu16-reveal.mohu16-in{
  opacity:1 !important;
  transform:none !important;
}

/* Strong touch response, short enough to remain responsive. */
html[data-mohu-motion="on"] main :is(button,.btn,[role="button"],a[class*="btn"]):active{
  transform:scale(.975);
  transition:transform .09s ease !important;
}

/* Header/footer/navigation/theme/messages remain completely stable. */
html[data-mohu-motion="on"] :is(
 header,.header,.mohu-header,.site-header,nav,
 .mohu-nav-drawer,.mohu-appearance-popover,.header-user-actions,
 .mohu-mobile-authbar,footer,.site-footer,.mohu-brand-footer
) :is(.mohu16-reveal,.mohu16-hero-step){
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
  filter:none !important;
  animation:none !important;
  transition:none !important;
}

html[data-mohu-motion="off"] .mohu16-reveal{
  opacity:1 !important;visibility:visible !important;transform:none !important;
  filter:none !important;transition:none !important;
}

@media(prefers-reduced-motion:reduce){
  html[data-mohu-motion="on"] .mohu16-reveal{
    opacity:.94 !important;
    transform:translate3d(0,5px,0) !important;
    filter:none !important;
    transition-duration:.25s !important;
  }
  html[data-mohu-motion="on"] .mohu16-reveal.mohu16-in{
    opacity:1 !important;transform:none !important;
  }
}


/* ========================================================================
   MOHU 2026-09-26 — LIVE ON MOHU ORIGINAL-SKIN LOCK
   Scope is ONLY .mohu-live in the four requested themes.
   Keeps the rest of each theme untouched.
   ======================================================================== */
html[data-mohu-theme="ocean"] .mohu-live,
html[data-mohu-theme="emerald"] .mohu-live,
html[data-mohu-theme="sunset"] .mohu-live,
html[data-mohu-theme="violet"] .mohu-live{
  --mohu-text:#f7fbff!important;--mohu-muted:#c9d7e7!important;
  --mohu-card:#111f34!important;--mohu-soft:#17253a!important;
  --mohu-border:#5d7695!important;
  background:#111f34!important;border-color:#5d7695!important;color:#f7fbff!important;
}
html[data-mohu-theme="ocean"] .mohu-live :is(h2,h3,strong,b),
html[data-mohu-theme="emerald"] .mohu-live :is(h2,h3,strong,b),
html[data-mohu-theme="sunset"] .mohu-live :is(h2,h3,strong,b),
html[data-mohu-theme="violet"] .mohu-live :is(h2,h3,strong,b){
  color:#f7fbff!important;-webkit-text-fill-color:#f7fbff!important;opacity:1!important;
}
html[data-mohu-theme="ocean"] .mohu-live :is(p,small,time),
html[data-mohu-theme="emerald"] .mohu-live :is(p,small,time),
html[data-mohu-theme="sunset"] .mohu-live :is(p,small,time),
html[data-mohu-theme="violet"] .mohu-live :is(p,small,time){
  color:#c9d7e7!important;-webkit-text-fill-color:#c9d7e7!important;opacity:1!important;
}
html[data-mohu-theme="ocean"] .mohu-live :is(.mohu-live-pulse>a,.mohu-live-card,.mohu-live-registries),
html[data-mohu-theme="emerald"] .mohu-live :is(.mohu-live-pulse>a,.mohu-live-card,.mohu-live-registries),
html[data-mohu-theme="sunset"] .mohu-live :is(.mohu-live-pulse>a,.mohu-live-card,.mohu-live-registries),
html[data-mohu-theme="violet"] .mohu-live :is(.mohu-live-pulse>a,.mohu-live-card,.mohu-live-registries){
  background:#17253a!important;border-color:#5d7695!important;color:#f7fbff!important;
}
html[data-mohu-theme="ocean"] .mohu-live .mohu-live-row,
html[data-mohu-theme="emerald"] .mohu-live .mohu-live-row,
html[data-mohu-theme="sunset"] .mohu-live .mohu-live-row,
html[data-mohu-theme="violet"] .mohu-live .mohu-live-row{
  color:#f7fbff!important;-webkit-text-fill-color:#f7fbff!important;border-color:#425a77!important;
}
html[data-mohu-theme="ocean"] .mohu-live .mohu-live-kicker,
html[data-mohu-theme="emerald"] .mohu-live .mohu-live-kicker,
html[data-mohu-theme="sunset"] .mohu-live .mohu-live-kicker,
html[data-mohu-theme="violet"] .mohu-live .mohu-live-kicker{
  color:#4fd18b!important;-webkit-text-fill-color:#4fd18b!important;
}
html[data-mohu-theme="ocean"] .mohu-live :is(.mohu-live-card-head a,.mohu-live-now),
html[data-mohu-theme="emerald"] .mohu-live :is(.mohu-live-card-head a,.mohu-live-now),
html[data-mohu-theme="sunset"] .mohu-live :is(.mohu-live-card-head a,.mohu-live-now),
html[data-mohu-theme="violet"] .mohu-live :is(.mohu-live-card-head a,.mohu-live-now){
  -webkit-text-fill-color:currentColor!important;opacity:1!important;
}


/* =====================================================================
   MOHU FINAL LIVE VISIBILITY LOCK V3 — 2026-09-26
   ONLY Ocean / Emerald / Sunset / Violet, ONLY inside .mohu-live.
   This deliberately overrides theme accent text that was being painted
   dark-on-dark after login.
   ===================================================================== */
html[data-mohu-theme="ocean"] .mohu-live *,
html[data-mohu-theme="emerald"] .mohu-live *,
html[data-mohu-theme="sunset"] .mohu-live *,
html[data-mohu-theme="violet"] .mohu-live *{
  color:#f7fbff!important;
  -webkit-text-fill-color:#f7fbff!important;
  opacity:1!important;
  text-shadow:none!important;
}

/* MOHU Original-style green status accents. */
html[data-mohu-theme="ocean"] .mohu-live :is(.mohu-live-kicker,.mohu-live-now),
html[data-mohu-theme="emerald"] .mohu-live :is(.mohu-live-kicker,.mohu-live-now),
html[data-mohu-theme="sunset"] .mohu-live :is(.mohu-live-kicker,.mohu-live-now),
html[data-mohu-theme="violet"] .mohu-live :is(.mohu-live-kicker,.mohu-live-now){
  color:#4fd18b!important;
  -webkit-text-fill-color:#4fd18b!important;
}

/* Secondary information remains clearly visible but visually subordinate. */
html[data-mohu-theme="ocean"] .mohu-live :is(p,small,time),
html[data-mohu-theme="emerald"] .mohu-live :is(p,small,time),
html[data-mohu-theme="sunset"] .mohu-live :is(p,small,time),
html[data-mohu-theme="violet"] .mohu-live :is(p,small,time){
  color:#cbd8e8!important;
  -webkit-text-fill-color:#cbd8e8!important;
}

/* Keep the View-all actions recognisable without inheriting dark theme accents. */
html[data-mohu-theme="ocean"] .mohu-live a,
html[data-mohu-theme="emerald"] .mohu-live a,
html[data-mohu-theme="sunset"] .mohu-live a,
html[data-mohu-theme="violet"] .mohu-live a{
  color:#f7fbff!important;
  -webkit-text-fill-color:#f7fbff!important;
}


/* =====================================================================
   MOHU LIVE — EXACT MOHU ORIGINAL SKIN FOR FOUR THEMES — V4
   Scope: .mohu-live ONLY. Nothing outside this box is changed.
   ===================================================================== */
html[data-mohu-theme="ocean"] body .mohu-live,
html[data-mohu-theme="emerald"] body .mohu-live,
html[data-mohu-theme="sunset"] body .mohu-live,
html[data-mohu-theme="violet"] body .mohu-live{
  --mohu-text:#f8fbff!important;
  --mohu-muted:#b9cadc!important;
  --mohu-card:#102039!important;
  --mohu-soft:#18283f!important;
  --mohu-border:#617a99!important;
  --mohu-accent:#20bf75!important;
  background:#102039!important;
  background-image:none!important;
  color:#f8fbff!important;
  border-color:#617a99!important;
}

/* Reset theme-specific accent painting inside this component. */
html[data-mohu-theme="ocean"] body .mohu-live :is(h2,h3,h4,strong,b,a),
html[data-mohu-theme="emerald"] body .mohu-live :is(h2,h3,h4,strong,b,a),
html[data-mohu-theme="sunset"] body .mohu-live :is(h2,h3,h4,strong,b,a),
html[data-mohu-theme="violet"] body .mohu-live :is(h2,h3,h4,strong,b,a){
  color:#f8fbff!important;
  -webkit-text-fill-color:#f8fbff!important;
  opacity:1!important;
  text-shadow:none!important;
}
html[data-mohu-theme="ocean"] body .mohu-live :is(p,small,time),
html[data-mohu-theme="emerald"] body .mohu-live :is(p,small,time),
html[data-mohu-theme="sunset"] body .mohu-live :is(p,small,time),
html[data-mohu-theme="violet"] body .mohu-live :is(p,small,time){
  color:#b9cadc!important;
  -webkit-text-fill-color:#b9cadc!important;
  opacity:1!important;
}

/* Cards/rows match MOHU Original rather than the selected page theme. */
html[data-mohu-theme="ocean"] body .mohu-live :is(.mohu-live-pulse>a,.mohu-live-card,.mohu-live-registries),
html[data-mohu-theme="emerald"] body .mohu-live :is(.mohu-live-pulse>a,.mohu-live-card,.mohu-live-registries),
html[data-mohu-theme="sunset"] body .mohu-live :is(.mohu-live-pulse>a,.mohu-live-card,.mohu-live-registries),
html[data-mohu-theme="violet"] body .mohu-live :is(.mohu-live-pulse>a,.mohu-live-card,.mohu-live-registries){
  background:#18283f!important;
  background-image:none!important;
  color:#f8fbff!important;
  border-color:#617a99!important;
}
html[data-mohu-theme="ocean"] body .mohu-live .mohu-live-row,
html[data-mohu-theme="emerald"] body .mohu-live .mohu-live-row,
html[data-mohu-theme="sunset"] body .mohu-live .mohu-live-row,
html[data-mohu-theme="violet"] body .mohu-live .mohu-live-row{
  color:#f8fbff!important;
  border-color:#49617d!important;
}

/* Original MOHU green is reserved for live/status elements. */
html[data-mohu-theme="ocean"] body .mohu-live :is(.mohu-live-kicker,.mohu-live-now),
html[data-mohu-theme="emerald"] body .mohu-live :is(.mohu-live-kicker,.mohu-live-now),
html[data-mohu-theme="sunset"] body .mohu-live :is(.mohu-live-kicker,.mohu-live-now),
html[data-mohu-theme="violet"] body .mohu-live :is(.mohu-live-kicker,.mohu-live-now){
  color:#4fd18b!important;
  -webkit-text-fill-color:#4fd18b!important;
}

/* The content titles must never inherit Ocean/Emerald/Sunset/Violet dark accents. */
html[data-mohu-theme="ocean"] body .mohu-live .mohu-live-row :is(a,strong,b),
html[data-mohu-theme="emerald"] body .mohu-live .mohu-live-row :is(a,strong,b),
html[data-mohu-theme="sunset"] body .mohu-live .mohu-live-row :is(a,strong,b),
html[data-mohu-theme="violet"] body .mohu-live .mohu-live-row :is(a,strong,b){
  color:#f8fbff!important;
  -webkit-text-fill-color:#f8fbff!important;
}


/* ==========================================================================
   MOHU 2026-09-26 — TARGETED TEXT VISIBILITY FIX
   Scope:
   - Connect to MOHU Users introduction
   - all three registry-directory introductions
   - Employer Recruitment Centre hero
   Applies regardless of signed-in account type.
   Presentation only: no registry/database/sync/application logic.
   ========================================================================== */

/* Connect to MOHU Users: this introduction sits on a light page surface. */
body .cmu .cmu-hero > h1{
  color:#10264a !important;
  -webkit-text-fill-color:#10264a !important;
  opacity:1 !important;
  text-shadow:none !important;
}
body .cmu .cmu-hero > p{
  color:#4b5f79 !important;
  -webkit-text-fill-color:#4b5f79 !important;
  opacity:1 !important;
  text-shadow:none !important;
}
body .cmu .cmu-hero > span{
  color:#137a5a !important;
  -webkit-text-fill-color:#137a5a !important;
  opacity:1 !important;
  text-shadow:none !important;
}

/* Health Professionals / Healthcare Service Providers / Health Organization
   Entities: their introductory panels are light surfaces in light themes. */
body .mohu-registry-hero > h1{
  color:#10264a !important;
  -webkit-text-fill-color:#10264a !important;
  opacity:1 !important;
  text-shadow:none !important;
}
body .mohu-registry-hero > p{
  color:#4b5f79 !important;
  -webkit-text-fill-color:#4b5f79 !important;
  opacity:1 !important;
  text-shadow:none !important;
}
body .mohu-registry-hero > .mohu-kicker{
  color:#14855f !important;
  -webkit-text-fill-color:#14855f !important;
  opacity:1 !important;
  text-shadow:none !important;
}

/* Employer dashboard uses a genuinely dark blue/teal hero. Keep its textual
   content bright instead of allowing generic theme rules to wash it out. */
body .mohu-e4 .mohu-e4-hero > div:first-child > h1{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  opacity:1 !important;
  text-shadow:0 1px 2px rgba(2,20,44,.30) !important;
}
body .mohu-e4 .mohu-e4-hero > div:first-child > p{
  color:#eef7ff !important;
  -webkit-text-fill-color:#eef7ff !important;
  opacity:1 !important;
  text-shadow:0 1px 2px rgba(2,20,44,.30) !important;
}
body .mohu-e4 .mohu-e4-hero > div:first-child > .mohu-e4-kicker{
  color:#8df0c3 !important;
  -webkit-text-fill-color:#8df0c3 !important;
  opacity:1 !important;
  text-shadow:0 1px 2px rgba(2,20,44,.25) !important;
}

/* Midnight Dark: the same light introduction panels are converted to dark
   surfaces by the theme system, so use high-contrast light copy there. */
html[data-mohu-theme="dark"] body .cmu .cmu-hero > h1,
html[data-mohu-theme="dark"] body .mohu-registry-hero > h1{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}
html[data-mohu-theme="dark"] body .cmu .cmu-hero > p,
html[data-mohu-theme="dark"] body .mohu-registry-hero > p{
  color:#d9e4f2 !important;
  -webkit-text-fill-color:#d9e4f2 !important;
}
html[data-mohu-theme="dark"] body .cmu .cmu-hero > span,
html[data-mohu-theme="dark"] body .mohu-registry-hero > .mohu-kicker{
  color:#72e5a6 !important;
  -webkit-text-fill-color:#72e5a6 !important;
}

/* Pure White is intentionally explicit because it is a separate appearance
   option and should never inherit white descriptive copy on a white panel. */
html[data-mohu-theme="purewhite"] body .cmu .cmu-hero > h1,
html[data-mohu-theme="purewhite"] body .mohu-registry-hero > h1{
  color:#10264a !important;
  -webkit-text-fill-color:#10264a !important;
}
html[data-mohu-theme="purewhite"] body .cmu .cmu-hero > p,
html[data-mohu-theme="purewhite"] body .mohu-registry-hero > p{
  color:#40546f !important;
  -webkit-text-fill-color:#40546f !important;
}

/* ==========================================================================
   MOHU 2026-09-29 — Midnight Dark site-wide surface/readability hardening
   Theme-only presentation layer. No markup, business logic or other themes.
   ========================================================================== */
html[data-mohu-theme="dark"]{
  --mohu-dark-surface:#142033;
  --mohu-dark-surface-2:#1b2a40;
  --mohu-dark-border:#58708d;
  --mohu-dark-text:#f7fbff;
  --mohu-dark-muted:#d9e4f2;
}

/* Common light containers used throughout public, account and admin pages. */
html[data-mohu-theme="dark"] body :is(
  .card,.panel,.box,.section-card,.dashboard-card,.stat-card,.metric-card,
  .mohu-mini-card,.mohu-p36-panel,.mohu-action-card,.mohu-profile-card,
  .mohu-detail,.mohu-chip-grid>a,.mohu-detail-summary-grid>div,
  [class*="-card"],[class*="_card"],[class*="-panel"],[class*="_panel"],
  [class*="-box"],[class*="_box"]
):not(.mohu-appearance-popover):not(.mohu-appearance-option):not(.badge):not(.chip):not(.pill):not(.tag):not(.alert){
  background-color:var(--mohu-dark-surface)!important;
  border-color:var(--mohu-dark-border)!important;
  color:var(--mohu-dark-text)!important;
}

/* Opportunity detail summary boxes and discovery cards seen in the report. */
html[data-mohu-theme="dark"] .mohu-detail-summary-grid>div,
html[data-mohu-theme="dark"] .mohu-card-grid>.mohu-mini-card,
html[data-mohu-theme="dark"] .mohu-p36-panel{
  background:var(--mohu-dark-surface)!important;
  border-color:var(--mohu-dark-border)!important;
  color:var(--mohu-dark-text)!important;
}
html[data-mohu-theme="dark"] :is(.mohu-detail-summary-grid>div,.mohu-mini-card,.mohu-p36-panel) :is(h1,h2,h3,h4,h5,h6,strong,b){
  color:var(--mohu-dark-text)!important;
  -webkit-text-fill-color:var(--mohu-dark-text)!important;
  opacity:1!important;
}
html[data-mohu-theme="dark"] :is(.mohu-detail-summary-grid>div,.mohu-mini-card,.mohu-p36-panel) :is(p,small,label,.meta,.muted,span:not(.badge):not(.chip):not(.pill):not(.tag)){
  color:var(--mohu-dark-muted)!important;
  -webkit-text-fill-color:var(--mohu-dark-muted)!important;
  opacity:1!important;
}

/* Neutralise legacy inline white/light backgrounds inside page content. */
html[data-mohu-theme="dark"] main :is(div,section,article,aside)[style*="background:#fff"],
html[data-mohu-theme="dark"] main :is(div,section,article,aside)[style*="background: #fff"],
html[data-mohu-theme="dark"] main :is(div,section,article,aside)[style*="background:#ffffff"],
html[data-mohu-theme="dark"] main :is(div,section,article,aside)[style*="background: #ffffff"],
html[data-mohu-theme="dark"] main :is(div,section,article,aside)[style*="background:white"],
html[data-mohu-theme="dark"] main :is(div,section,article,aside)[style*="background: white"],
html[data-mohu-theme="dark"] main :is(div,section,article,aside)[style*="background:#f8fafc"],
html[data-mohu-theme="dark"] main :is(div,section,article,aside)[style*="background: #f8fafc"],
html[data-mohu-theme="dark"] main :is(div,section,article,aside)[style*="background:#f8fbfe"],
html[data-mohu-theme="dark"] main :is(div,section,article,aside)[style*="background: #f8fbfe"]{
  background:var(--mohu-dark-surface)!important;
  border-color:var(--mohu-dark-border)!important;
  color:var(--mohu-dark-text)!important;
}

/* Text hierarchy inside dark surfaces. Keep status badges/chips intentionally coloured. */
html[data-mohu-theme="dark"] body :is(
  .card,.panel,.box,.section-card,.dashboard-card,.stat-card,.metric-card,
  .mohu-mini-card,.mohu-p36-panel,.mohu-action-card,.mohu-profile-card,.mohu-detail,
  .mohu-detail-summary-grid>div
) :is(h1,h2,h3,h4,h5,h6,strong,b){color:var(--mohu-dark-text)!important;-webkit-text-fill-color:var(--mohu-dark-text)!important}
html[data-mohu-theme="dark"] body :is(
  .card,.panel,.box,.section-card,.dashboard-card,.stat-card,.metric-card,
  .mohu-mini-card,.mohu-p36-panel,.mohu-action-card,.mohu-profile-card,.mohu-detail,
  .mohu-detail-summary-grid>div
) :is(p,small,label,li,.meta,.muted,.text-muted,.subtext,.subtitle,time){color:var(--mohu-dark-muted)!important;-webkit-text-fill-color:var(--mohu-dark-muted)!important}

/* Form controls stay dark too, including Safari autofill. */
html[data-mohu-theme="dark"] :is(input,select,textarea,.form-control){
  background-color:#0f1b2c!important;color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;border-color:var(--mohu-dark-border)!important;
}
html[data-mohu-theme="dark"] :is(input,textarea)::placeholder{color:#b9c6d6!important;-webkit-text-fill-color:#b9c6d6!important;opacity:1!important}
html[data-mohu-theme="dark"] input:-webkit-autofill,
html[data-mohu-theme="dark"] input:-webkit-autofill:hover,
html[data-mohu-theme="dark"] input:-webkit-autofill:focus{
  -webkit-box-shadow:0 0 0 1000px #0f1b2c inset!important;
  -webkit-text-fill-color:#ffffff!important;
  caret-color:#ffffff!important;
}

/* Do not dim genuine media, logos or artwork. */
html[data-mohu-theme="dark"] :is(img,picture,video,canvas){filter:none!important;opacity:1!important}