/* Class Zaban / owner-private V103 — remove duplicate VISUAL page titles
   below the five existing large V101 banners, retain accessible <h1>,
   subtitle, actions, status, filters and all functional controls.
   Does not affect other student accounts, routes, or main application. */

/* All five are compact contextual strips below their own navy banner. */
html.cz-private-suite-v101 .app-shell--student .student-tool-page.planning-pro-page > .planning-pro-header,
html.cz-private-suite-v101 .app-shell--student .student-tool-page.progress-pro-page:not(.progress-teacher-readonly) > .page-header,
html.cz-private-suite-v101 .app-shell--student .student-assessment-history > .page-header,
html.cz-private-suite-v101 .app-shell--student .student-class-workspace > .page-header,
html.cz-private-suite-v101 .app-shell--student .student-tool-page.notification-center > .page-header {
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  min-height:76px!important;
  margin:0!important;
  padding:14px 22px!important;
  border-radius:16px!important;
  border:1px solid #d3def2!important;
  background:linear-gradient(115deg,#f7f9ff,#ecf1fb)!important;
  box-shadow:0 3px 13px rgba(21,27,69,.055)!important;
}

/* Keep the source heading semantically available to assistive technologies.
   Its visual duplicate is already the visible V101 banner title. */
html.cz-private-suite-v101 .app-shell--student .student-tool-page.planning-pro-page > .planning-pro-header h1,
html.cz-private-suite-v101 .app-shell--student .student-tool-page.progress-pro-page:not(.progress-teacher-readonly) > .page-header h1,
html.cz-private-suite-v101 .app-shell--student .student-assessment-history > .page-header h1,
html.cz-private-suite-v101 .app-shell--student .student-class-workspace > .page-header h1,
html.cz-private-suite-v101 .app-shell--student .student-tool-page.notification-center > .page-header h1 {
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
  border:0!important;
}

/* The eyebrow and subtitle identify this as the contextual controls strip. */
html.cz-private-suite-v101 .app-shell--student .student-tool-page.planning-pro-page > .planning-pro-header .page-eyebrow,
html.cz-private-suite-v101 .app-shell--student .student-tool-page.progress-pro-page:not(.progress-teacher-readonly) > .page-header .page-eyebrow,
html.cz-private-suite-v101 .app-shell--student .student-assessment-history > .page-header .page-eyebrow,
html.cz-private-suite-v101 .app-shell--student .student-class-workspace > .page-header .page-eyebrow,
html.cz-private-suite-v101 .app-shell--student .student-tool-page.notification-center > .page-header .page-eyebrow {
  color:#343f87!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1.55!important;
}

/* Preserve the explanatory sentence; no text is deleted. */
html.cz-private-suite-v101 .app-shell--student .student-tool-page.planning-pro-page > .planning-pro-header p,
html.cz-private-suite-v101 .app-shell--student .student-tool-page.progress-pro-page:not(.progress-teacher-readonly) > .page-header p,
html.cz-private-suite-v101 .app-shell--student .student-assessment-history > .page-header p,
html.cz-private-suite-v101 .app-shell--student .student-class-workspace > .page-header p,
html.cz-private-suite-v101 .app-shell--student .student-tool-page.notification-center > .page-header p {
  color:#4f5e81!important;
  font-size:12px!important;
  line-height:1.85!important;
  margin:3px 0 0!important;
}

/* Keep the refresh action and other controls visible at mobile widths. */
@media(max-width:700px) {
  html.cz-private-suite-v101 .app-shell--student .student-tool-page.planning-pro-page > .planning-pro-header,
  html.cz-private-suite-v101 .app-shell--student .student-tool-page.progress-pro-page:not(.progress-teacher-readonly) > .page-header,
  html.cz-private-suite-v101 .app-shell--student .student-assessment-history > .page-header,
  html.cz-private-suite-v101 .app-shell--student .student-class-workspace > .page-header,
  html.cz-private-suite-v101 .app-shell--student .student-tool-page.notification-center > .page-header {
    padding:12px 15px!important;
    min-height:69px!important;
    flex-wrap:wrap!important;
    gap:9px!important;
  }
}
