/* Class Zaban — private practice hero top placement V99.
   Account scope is the existing server-authorized .cz-private-practice-preview
   root class. Only the practice page's hero and page-header are affected.
   No modifications to question selection, cards, grade, forms or event handlers. */

html.cz-private-practice-preview .app-shell--student .student-tool-page.phase4-page.page-stack {
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:14px!important;
  min-width:0!important;
}

/* Original hero is later in the React DOM; render it first, as in Education. */
html.cz-private-practice-preview .app-shell--student .student-tool-page.phase4-page > .tool-hero.phase4-hero.learning-photo-panel {
  order:-100!important;
  align-self:stretch!important;
  width:100%!important;
  min-width:0!important;
  min-height:210px!important;
  margin:0!important;
  padding:clamp(21px,2.4vw,33px)!important;
  overflow:hidden!important;
  border-radius:19px!important;
  border:1px solid #2b3b78!important;
  background:#151b45!important;
  box-shadow:0 10px 27px rgba(21,27,69,.14)!important;
}

/* Retain the existing title, actions and description in a compact light panel. */
html.cz-private-practice-preview .app-shell--student .student-tool-page.phase4-page > .page-header {
  order:-90!important;
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  min-height:105px!important;
  margin:0!important;
  padding:15px 24px!important;
  gap:12px!important;
  border:1px solid #d2ddf2!important;
  border-radius:17px!important;
  background:linear-gradient(115deg,#f7f9ff,#eaf0fb)!important;
  box-shadow:0 4px 15px rgba(21,27,69,.06)!important;
  color:#151b45!important;
}

html.cz-private-practice-preview .app-shell--student .student-tool-page.phase4-page > .page-header > div:first-child {
  min-width:0!important;
  max-width:100%!important;
}

html.cz-private-practice-preview .app-shell--student .student-tool-page.phase4-page > .page-header h1 {
  margin:3px 0!important;
  color:#151b45!important;
  font-size:clamp(19px,2vw,24px)!important;
  font-weight:850!important;
  line-height:1.6!important;
  text-shadow:none!important;
}

html.cz-private-practice-preview .app-shell--student .student-tool-page.phase4-page > .page-header p {
  margin:0!important;
  color:#516083!important;
  font-size:11px!important;
  line-height:1.85!important;
  text-shadow:none!important;
}

html.cz-private-practice-preview .app-shell--student .student-tool-page.phase4-page > .page-header .page-eyebrow {
  display:inline-flex!important;
  align-items:center!important;
  background:#e7edff!important;
  color:#343f87!important;
  border:1px solid #d3def7!important;
  border-radius:9px!important;
  padding:5px 9px!important;
  font-size:10px!important;
}

html.cz-private-practice-preview .app-shell--student .student-tool-page.phase4-page > .page-header .page-header-visual {
  display:none!important;
}

/* Keep the original assessment-history action accessible and visible. */
html.cz-private-practice-preview .app-shell--student .student-tool-page.phase4-page > .page-header .page-header-actions {
  display:flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  position:relative!important;
  z-index:2!important;
}

/* Existing V96 navy image treatment, now full-width and first in layout. */
html.cz-private-practice-preview .app-shell--student .student-tool-page.phase4-page > .tool-hero.phase4-hero.learning-photo-panel > .learning-photo-backdrop {
  opacity:.52!important;
  filter:brightness(.74) saturate(.7)!important;
  object-fit:cover!important;
  object-position:center 44%!important;
}

@media(max-width:700px) {
  html.cz-private-practice-preview .app-shell--student .student-tool-page.phase4-page.page-stack {
    gap:12px!important;
  }
  html.cz-private-practice-preview .app-shell--student .student-tool-page.phase4-page > .tool-hero.phase4-hero.learning-photo-panel {
    min-height:185px!important;
    padding:19px!important;
    border-radius:16px!important;
  }
  html.cz-private-practice-preview .app-shell--student .student-tool-page.phase4-page > .page-header {
    min-height:92px!important;
    padding:13px 16px!important;
    flex-wrap:wrap!important;
    gap:8px!important;
  }
}

@media(prefers-reduced-motion:reduce) {
  html.cz-private-practice-preview .app-shell--student .student-tool-page.phase4-page > .tool-hero.phase4-hero {
    transition:none!important;
  }
}