/* SCOVER PX-R1-B.2 · Student/Tutor Light Home notification surface polish.
   CSS-only additive overlay. Never affects Dark, Guardian, Admin, or non-Home.
   Gate is set and cleared by the existing PX-R1-B preview runtime.
   No change to Web Push permissions, subscriptions, callbacks, or DOM. */

/* The notification banner lives within #app; onboarding dialog is appended to body. */
html[data-theme="light"][data-pxr1b-light="on"] body[data-academic-shell="portal"] #app .home-push-cta,
html[data-theme="light"][data-pxr1b-light="on"] body[data-academic-shell="portal"] #pushOnboardingPrompt.push-onboarding {
  background: #ffffff !important;
  border-color: #cbddeb !important;
  color: #17344e !important;
  box-shadow: 0 10px 28px rgba(27, 64, 100, .09) !important;
}

/* Preserve semantic push states, without reverting to a dark gradient. */
html[data-theme="light"][data-pxr1b-light="on"] body[data-academic-shell="portal"] #app .home-push-cta[data-state="active"] {
  background: #effaf5 !important;
  border-color: #afd9c4 !important;
}
html[data-theme="light"][data-pxr1b-light="on"] body[data-academic-shell="portal"] #app .home-push-cta[data-state="blocked"] {
  background: #fff9ed !important;
  border-color: #e7c994 !important;
}

/* Text tokens must explicitly override original dark surfaces and light global typography. */
html[data-theme="light"][data-pxr1b-light="on"] body[data-academic-shell="portal"] :is(#app .home-push-cta-copy, #pushOnboardingPrompt.push-onboarding) :is(b,h3) {
  color: #18334d !important;
}
html[data-theme="light"][data-pxr1b-light="on"] body[data-academic-shell="portal"] :is(#app .home-push-cta-copy, #pushOnboardingPrompt.push-onboarding) :is(span,p) {
  color: #526c83 !important;
}
html[data-theme="light"][data-pxr1b-light="on"] body[data-academic-shell="portal"] :is(#app .home-push-cta-copy, #pushOnboardingPrompt.push-onboarding) small {
  color: #1b6d97 !important;
}

/* Matching notification icon treatment in both surfaces. */
html[data-theme="light"][data-pxr1b-light="on"] body[data-academic-shell="portal"] :is(#app .home-push-cta-icon, #pushOnboardingPrompt .push-onboarding-icon) {
  color: #116f99 !important;
  background: #ebf5fb !important;
  border-color: #c5ddec !important;
}
html[data-theme="light"][data-pxr1b-light="on"] body[data-academic-shell="portal"] #app .home-push-cta[data-state="active"] .home-push-cta-icon {
  color: #16764f !important;
  background: #e2f4eb !important;
  border-color: #b2ddc8 !important;
}
html[data-theme="light"][data-pxr1b-light="on"] body[data-academic-shell="portal"] #app .home-push-cta[data-state="blocked"] .home-push-cta-icon {
  color: #8c611e !important;
  background: #fff0d1 !important;
  border-color: #eccd93 !important;
}

/* Status banners and errors remain legible on light surfaces. */
html[data-theme="light"][data-pxr1b-light="on"] body[data-academic-shell="portal"] #app .home-push-cta-status {
  color: #176b92 !important;
}
html[data-theme="light"][data-pxr1b-light="on"] body[data-academic-shell="portal"] #app .home-push-cta-status.error,
html[data-theme="light"][data-pxr1b-light="on"] body[data-academic-shell="portal"] #pushOnboardingPrompt .push-onboarding-status.error {
  color: #865414 !important;
}
html[data-theme="light"][data-pxr1b-light="on"] body[data-academic-shell="portal"] #pushOnboardingPrompt .push-onboarding-status {
  background: #eef6fb !important;
  border-color: #c8deec !important;
  color: #315875 !important;
}
html[data-theme="light"][data-pxr1b-light="on"] body[data-academic-shell="portal"] #pushOnboardingPrompt .push-onboarding-status.error {
  background: #fff3d9 !important;
  border-color: #e8c88b !important;
}

/* The popup is mounted outside #app: explicitly theme its secondary dismiss CTA. */
html[data-theme="light"][data-pxr1b-light="on"] body[data-academic-shell="portal"] #pushOnboardingPrompt #pushOnboardingLater {
  background: #eff5fb !important;
  color: #173b55 !important;
  border: 1px solid #c2d6e6 !important;
}
html[data-theme="light"][data-pxr1b-light="on"] body[data-academic-shell="portal"] #pushOnboardingPrompt #pushOnboardingLater:hover {
  background: #e5f0f8 !important;
  border-color: #9cbed5 !important;
}
/* Primary buttons, sizes, layout, Web Push states, and behavior stay unchanged. */