/* Class Zaban — Owner-only five section hero suite V101.
   CSS is inert unless the backend-authorized root class is set.
   Original page controls, tables, forms, API logic and component layout preserved. */
html.cz-private-suite-v101 .app-shell--student [data-cz-suite-v101].cz-suite-hero-v101 {
  position:relative!important;isolation:isolate!important;
  display:flex!important;flex-direction:row!important;justify-content:space-between!important;
  align-items:center!important;gap:18px!important;
  order:-9999!important;grid-column:1/-1!important;
  width:100%!important;min-width:0!important;max-width:100%!important;
  min-height:202px!important;box-sizing:border-box!important;
  margin:0 0 3px!important;padding:clamp(22px,2.4vw,33px)!important;
  overflow:hidden!important;
  border:1px solid #2c3b78!important;border-radius:19px!important;
  background:radial-gradient(ellipse at 16% 105%,rgba(89,105,230,.28),transparent 55%),
    radial-gradient(ellipse at 92% -26%,rgba(132,155,250,.16),transparent 57%),
    linear-gradient(113deg,#151b45 0%,#202d61 58%,#131b40 100%)!important;
  box-shadow:0 10px 26px rgba(21,27,69,.15),inset 0 1px rgba(255,255,255,.07)!important;
  color:#f8faff!important;direction:rtl!important;
}
html.cz-private-suite-v101 .app-shell--student [data-cz-suite-v101].cz-suite-hero-v101::before {
  content:""!important;display:block!important;
  position:absolute!important;top:-122px!important;left:5%!important;
  width:325px!important;height:325px!important;z-index:0!important;
  border-radius:50%!important;border:1px solid rgba(184,201,255,.23)!important;
  box-shadow:0 0 0 37px rgba(174,192,255,.04),0 0 0 78px rgba(174,192,255,.025)!important;
  pointer-events:none!important;
}
html.cz-private-suite-v101 .app-shell--student [data-cz-suite-v101].cz-suite-hero-v101::after {
  content:""!important;display:block!important;
  position:absolute!important;bottom:0!important;right:0!important;
  width:43%!important;height:3px!important;z-index:4!important;
  background:linear-gradient(270deg,#6476ff,#a7b9ff,transparent)!important;
  pointer-events:none!important;
}
html.cz-private-suite-v101 .app-shell--student .cz-suite-hero-v101 .cz-suite-copy {
  position:relative!important;z-index:3!important;
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;
  min-width:0!important;max-width:68%!important;margin:0!important;
  padding:0!important;color:#fff!important;text-align:right!important;
  text-shadow:none!important;
}
html.cz-private-suite-v101 .app-shell--student .cz-suite-hero-v101 .cz-suite-eyebrow {
  display:inline-flex!important;align-items:center!important;width:fit-content!important;
  padding:6px 11px!important;margin:0 0 10px!important;
  border:1px solid rgba(222,233,255,.35)!important;border-radius:10px!important;
  background:rgba(219,231,255,.095)!important;
  color:#dbe5ff!important;font-size:11px!important;font-weight:750!important;
  line-height:1.45!important;
}
html.cz-private-suite-v101 .app-shell--student .cz-suite-hero-v101 h2 {
  color:#fff!important;margin:0 0 7px!important;
  font-size:clamp(23px,2.4vw,31px)!important;line-height:1.55!important;
  font-weight:900!important;text-shadow:0 3px 10px rgba(5,12,40,.29)!important;
}
html.cz-private-suite-v101 .app-shell--student .cz-suite-hero-v101 p {
  margin:0!important;max-width:640px!important;
  color:#dfe7fc!important;font-size:clamp(11px,.97vw,13px)!important;
  line-height:1.95!important;font-weight:500!important;text-shadow:none!important;
}
html.cz-private-suite-v101 .app-shell--student .cz-suite-hero-v101 .cz-suite-chips {
  display:flex!important;align-items:center!important;flex-wrap:wrap!important;
  gap:7px!important;margin:15px 0 0!important;padding:0!important;
}
html.cz-private-suite-v101 .app-shell--student .cz-suite-hero-v101 .cz-suite-chip {
  display:inline-flex!important;align-items:center!important;
  width:auto!important;min-height:30px!important;margin:0!important;
  padding:5px 11px!important;border:1px solid rgba(213,228,255,.26)!important;
  border-radius:9px!important;background:rgba(218,230,255,.095)!important;
  color:#f1f5ff!important;font-size:10px!important;font-weight:700!important;
  line-height:1.5!important;
}
html.cz-private-suite-v101 .app-shell--student .cz-suite-hero-v101 .cz-suite-art {
  position:relative!important;flex:0 0 250px!important;
  width:250px!important;height:150px!important;
  margin:0!important;align-self:center!important;
  pointer-events:none!important;z-index:2!important;direction:ltr!important;
}
html.cz-private-suite-v101 .app-shell--student .cz-suite-hero-v101 .cz-suite-ring {
  position:absolute!important;top:3px!important;left:36px!important;
  display:block!important;width:140px!important;height:140px!important;
  border:1px solid rgba(177,197,255,.35)!important;border-radius:50%!important;
  box-shadow:0 0 0 19px rgba(179,199,255,.045),0 0 0 43px rgba(179,199,255,.027)!important;
}
html.cz-private-suite-v101 .app-shell--student .cz-suite-hero-v101 .cz-suite-ring-secondary {
  position:absolute!important;top:36px!important;left:88px!important;
  display:block!important;width:116px!important;height:82px!important;
  border:1px solid rgba(177,197,255,.20)!important;border-radius:56% 44% 60% 40%!important;
  transform:rotate(-23deg)!important;
}
html.cz-private-suite-v101 .app-shell--student .cz-suite-hero-v101 .cz-suite-icon {
  position:absolute!important;top:29px!important;left:71px!important;
  display:grid!important;place-items:center!important;
  width:88px!important;height:88px!important;
  border:1px solid rgba(230,239,255,.42)!important;border-radius:25px!important;
  background:linear-gradient(145deg,rgba(238,245,255,.23),rgba(136,164,255,.1))!important;
  box-shadow:0 12px 29px rgba(4,12,43,.36),inset 0 1px rgba(255,255,255,.14)!important;
  transform:rotate(-7deg)!important;color:#f2f6ff!important;
}
html.cz-private-suite-v101 .app-shell--student .cz-suite-hero-v101 .cz-suite-icon svg {
  display:block!important;width:48px!important;height:48px!important;
  stroke:currentColor!important;fill:none!important;
}
html.cz-private-suite-v101 .app-shell--student .cz-suite-hero-v101 .cz101-calendar {
  position:absolute!important;top:4px!important;left:180px!important;
  display:grid!important;grid-template-columns:repeat(2,24px)!important;
  gap:6px!important;transform:rotate(7deg)!important;
}
html.cz-private-suite-v101 .app-shell--student .cz-suite-hero-v101 .cz101-calendar i {
  display:grid!important;place-items:center!important;
  width:24px!important;height:24px!important;
  border:1px solid rgba(211,226,255,.3)!important;border-radius:7px!important;
  color:#e9efff!important;background:rgba(171,195,255,.13)!important;
  font:700 12px/1 Tahoma,Arial,sans-serif!important;
}
html.cz-private-suite-v101 .app-shell--student .cz-suite-hero-v101 .cz101-calendar i:nth-child(4) {
  background:#667df489!important;border-color:#abbcff99!important;
}
html.cz-private-suite-v101 .app-shell--student .cz-suite-hero-v101 .cz101-bars {
  position:absolute!important;top:16px!important;left:180px!important;
  height:114px!important;display:flex!important;align-items:flex-end!important;gap:7px!important;
  transform:rotate(6deg)!important;
}
html.cz-private-suite-v101 .app-shell--student .cz-suite-hero-v101 .cz101-bars i {
  width:12px!important;height:40%!important;display:block!important;
  border:1px solid rgba(210,223,255,.24)!important;border-radius:5px 5px 2px 2px!important;
  background:linear-gradient(#a6bcff,#6d89ed 70%,#5264c0)!important;
  box-shadow:0 4px 12px rgba(7,13,45,.3)!important;
}
html.cz-private-suite-v101 .app-shell--student .cz-suite-hero-v101 .cz101-bars i:nth-child(2){height:68%!important}
html.cz-private-suite-v101 .app-shell--student .cz-suite-hero-v101 .cz101-bars i:nth-child(3){height:52%!important}
html.cz-private-suite-v101 .app-shell--student .cz-suite-hero-v101 .cz101-bars i:nth-child(4){height:88%!important}
html.cz-private-suite-v101 .app-shell--student .cz-suite-hero-v101 .cz101-bars i:nth-child(5){height:75%!important}
html.cz-private-suite-v101 .app-shell--student .cz-suite-hero-v101 .cz101-timeline {
  position:absolute!important;top:18px!important;left:174px!important;
  display:flex!important;flex-direction:column!important;gap:11px!important;
  padding-left:10px!important;border-left:2px solid rgba(173,195,255,.38)!important;
}
html.cz-private-suite-v101 .app-shell--student .cz-suite-hero-v101 .cz101-timeline i {
  position:relative!important;display:block!important;width:54px!important;height:17px!important;
  border:1px solid rgba(204,220,255,.28)!important;border-radius:6px!important;
  background:rgba(203,219,255,.20)!important;
}
html.cz-private-suite-v101 .app-shell--student .cz-suite-hero-v101 .cz101-timeline i::before {
  content:""!important;position:absolute!important;left:-17px!important;top:5px!important;
  width:6px!important;height:6px!important;border-radius:50%!important;background:#a9bbff!important;
}
html.cz-private-suite-v101 .app-shell--student .cz-suite-hero-v101 .cz101-meeting {
  position:absolute!important;top:28px!important;left:180px!important;
  display:flex!important;flex-direction:column!important;gap:10px!important;
  transform:rotate(7deg)!important;
}
html.cz-private-suite-v101 .app-shell--student .cz-suite-hero-v101 .cz101-meeting i {
  display:block!important;width:66px!important;height:23px!important;
  border:1px solid rgba(205,222,255,.36)!important;border-radius:7px!important;
  background:linear-gradient(110deg,rgba(233,241,255,.26),rgba(132,162,255,.20))!important;
}
html.cz-private-suite-v101 .app-shell--student .cz-suite-hero-v101 .cz101-meeting i:nth-child(2){margin-left:13px!important;width:52px!important}
html.cz-private-suite-v101 .app-shell--student .cz-suite-hero-v101 .cz101-notices {
  position:absolute!important;top:18px!important;left:176px!important;
  display:flex!important;flex-direction:column!important;gap:9px!important;transform:rotate(6deg)!important;
}
html.cz-private-suite-v101 .app-shell--student .cz-suite-hero-v101 .cz101-notices i {
  display:block!important;width:71px!important;height:29px!important;
  border-radius:9px!important;border:1px solid rgba(212,226,255,.33)!important;
  background:linear-gradient(120deg,rgba(221,233,255,.28),rgba(131,154,255,.14))!important;
  box-shadow:0 5px 12px rgba(5,12,40,.24)!important;
}
html.cz-private-suite-v101 .app-shell--student .cz-suite-hero-v101 .cz101-notices i:nth-child(2){
  margin-left:14px!important;background:rgba(156,183,255,.28)!important;
}
/* Retain original toolbars and actions in a soft panel underneath the new hero. */
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 .progress-pro-page > .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 .notification-center > .page-header {
  border:1px solid #d3def2!important;border-radius:16px!important;
  background:linear-gradient(115deg,#f7f9ff,#ebf0fc)!important;
  box-shadow:0 4px 15px rgba(21,27,69,.06)!important;
  color:#151b45!important;
}
@media(max-width:760px) {
 html.cz-private-suite-v101 .app-shell--student [data-cz-suite-v101].cz-suite-hero-v101 {
  min-height:180px!important;padding:20px 17px!important;border-radius:16px!important;
 }
 html.cz-private-suite-v101 .app-shell--student .cz-suite-hero-v101 .cz-suite-copy{
  max-width:84%!important;
 }
 html.cz-private-suite-v101 .app-shell--student .cz-suite-hero-v101 .cz-suite-art{
  position:absolute!important;left:-54px!important;top:17px!important;
  transform:scale(.74)!important;transform-origin:top left!important;
  opacity:.55!important;
 }
 html.cz-private-suite-v101 .app-shell--student .cz-suite-hero-v101 .cz-suite-eyebrow{
  font-size:10px!important;padding:5px 9px!important;margin-bottom:7px!important;
 }
 html.cz-private-suite-v101 .app-shell--student .cz-suite-hero-v101 h2{
  font-size:clamp(22px,5.4vw,27px)!important;
 }
 html.cz-private-suite-v101 .app-shell--student .cz-suite-hero-v101 p{
  font-size:11px!important;
 }
 html.cz-private-suite-v101 .app-shell--student .cz-suite-hero-v101 .cz-suite-chip{
  padding:4px 8px!important;font-size:9px!important;min-height:25px!important;
 }
}
@media(max-width:430px) {
 html.cz-private-suite-v101 .app-shell--student .cz-suite-hero-v101 .cz-suite-copy{
  max-width:100%!important;
 }
 html.cz-private-suite-v101 .app-shell--student .cz-suite-hero-v101 .cz-suite-art{
  opacity:.17!important;
 }
}
@media(prefers-reduced-motion:reduce) {
 html.cz-private-suite-v101 .app-shell--student [data-cz-suite-v101].cz-suite-hero-v101 {
  transition:none!important;animation:none!important;
 }
}