/* HX124: a viewport decoration below every dashboard card and input surface. */
@media screen {
  body.business-dashboard:has(#dashboard-meteors) { isolation:isolate; }
  body.business-dashboard:has(#dashboard-meteors)::before { animation:none; will-change:auto; opacity:.6; }
  #dashboard-meteors {
    position:fixed; inset:0; z-index:-1; display:block;
    width:100%; height:100%; max-width:100%; pointer-events:none;
    background-color:#070d19;
    background-image:radial-gradient(ellipse at 12% 72%,#183a5938,transparent 48%),
      radial-gradient(ellipse at 83% 16%,#25315d38,transparent 46%);
  }
  #dashboard-meteors[hidden], body.dashboard-module-open #dashboard-meteors { display:none; }
  /* Only the exposed dashboard shell changes; card content keeps its original palette. */
  body.business-dashboard:not(.dashboard-module-open):has(#dashboard-meteors) { background:#070d19; }
  body.business-dashboard:not(.dashboard-module-open):has(#dashboard-meteors)::before { opacity:0; }
  body.business-dashboard:not(.dashboard-module-open):has(#dashboard-meteors) .app-layout,
  body.business-dashboard:not(.dashboard-module-open):has(#dashboard-meteors) .dashboard-main { background:transparent; }
  body.business-dashboard:not(.dashboard-module-open):has(#dashboard-meteors) .brand-banner .brand-info h1 { color:#e9f1fc; }
  body.business-dashboard:not(.dashboard-module-open):has(#dashboard-meteors) .brand-date :is(.date-big,.date-small) { color:#bdcce1; }
  body.business-dashboard:not(.dashboard-module-open):has(#dashboard-meteors) .shell-header-right .shell-account-bar { background:transparent; }
  body.business-dashboard:not(.dashboard-module-open):has(#dashboard-meteors) .shell-header-right .mobile-menu-button { color:#d4e2f3; border-color:#56657a; }
  body.business-dashboard:not(.dashboard-module-open):has(#dashboard-meteors) .shell-header-right :is(.sidebar-username,.sidebar-role-badge),
  body.business-dashboard:not(.dashboard-module-open):has(#dashboard-meteors) .shell-header-right .sidebar-footer > a { color:#d7e4f4; }
  body.business-dashboard:not(.dashboard-module-open):has(#dashboard-meteors) .site-compliance-footer,
  body.business-dashboard:not(.dashboard-module-open):has(#dashboard-meteors) .site-compliance-footer a { color:#adbed6; }
}
@media print { #dashboard-meteors { display:none!important; } }

/* HX131: the same background on explicit menu pages, including active module documents. */
@media screen {
  body.haoxing-menu-sky { isolation:isolate; background:#070d19; }
  body.haoxing-menu-sky::before { opacity:0; animation:none; }
  body.haoxing-menu-sky :is(.app-layout,.main-content,.fm-shell,.fm-workspace,.fm-main) { background:transparent; }
  body.haoxing-menu-sky .main-content > .page-header { background:transparent; }
  body.haoxing-menu-sky .main-content > .page-header :is(h1,h2),
  body.haoxing-menu-sky .main-content > .page-header > :is(p,small),
  body.haoxing-menu-sky .site-compliance-footer,
  body.haoxing-menu-sky .site-compliance-footer a { color:#d0dcee; }
  body.haoxing-menu-sky .main-content > .page-header .module-page-brand-copy :is(strong,span) { color:#d0dcee; }
  body.haoxing-menu-sky .main-content:not(.dashboard-main)::before { display:none; }
  /* Fleet has its own stylesheet and does not load the shared business styles. */
  body.haoxing-menu-sky .fm-main :is(.fleet-card,.fm-section,.fm-next-card,.fm-photo-note,.fm-vehicle-list,.fm-tasks,.fm-greeting) {
    background-color:#fff;
    background-image:none;
    border-color:#dce3eb;
    color:#243b43;
  }
  body.haoxing-menu-sky .fm-main .fleet-heading :is(h1,p) { color:#d0dcee; }
  body.haoxing-menu-sky .fm-main :is(.fm-greeting h1,.fm-next-label,.fm-next-info h2,.fm-next-meta,
    .fm-section-head h2,.fm-task-summary strong,.fm-photo-note strong) { color:#243b43; }
  body.haoxing-menu-sky .fm-main :is(.fm-greeting p,.fm-next-info > p,.fm-next-bottom > span,
    .fm-section-head > span,.fm-photo-note p) { color:#607284; }
  body.haoxing-menu-sky .fm-main :is(.fm-photo-note h3,.fm-empty strong,.fm-task-summary small) { color:#243b43; }
  body.haoxing-menu-sky .fm-main .fm-pill { background:#e9eff7; color:#245b91; }
}