/* Shared by the student, instructor, and attendance headers. */
html.has-portal-header { scroll-padding-top: var(--portal-header-offset, 120px); }
.portal-dashboard-shell .dashboard-topbar {
  position: sticky;
  top: 0;
  z-index: 30;
  transition: height .2s ease, min-height .2s ease, padding .2s ease, box-shadow .2s ease;
}
.portal-dashboard-shell .dashboard-topbar .brand-logo {
  transition: width .2s ease, max-height .2s ease;
}
.portal-dashboard-shell .dashboard-topbar .avatar {
  transition: width .2s ease, height .2s ease;
}
.portal-dashboard-shell .dashboard-topbar.is-compact {
  height: 68px;
  min-height: 68px;
  box-shadow: 0 5px 20px #1727470d;
}
.portal-dashboard-shell .dashboard-topbar.is-compact .portal-brand .brand-logo {
  width: 100px;
  max-height: 54px;
}
.portal-dashboard-shell .dashboard-topbar.is-compact .profile-trigger .avatar {
  width: 32px;
  height: 32px;
}
.instructor-dashboard.portal-dashboard-shell .dashboard-topbar.is-compact {
  height: 60px;
  min-height: 60px;
}
.instructor-dashboard.portal-dashboard-shell .dashboard-topbar.is-compact .portal-brand .brand-logo {
  width: 86px;
  max-height: 46px;
}
@media (max-width: 1000px) {
  .portal-dashboard-shell .dashboard-topbar.is-compact,
  .instructor-dashboard.portal-dashboard-shell .dashboard-topbar.is-compact {
    height: auto;
    min-height: 0;
    padding-top: 4px;
    row-gap: 0;
  }
  .portal-dashboard-shell .dashboard-topbar.is-compact .portal-brand .brand-logo,
  .instructor-dashboard.portal-dashboard-shell .dashboard-topbar.is-compact .portal-brand .brand-logo {
    width: 76px;
    max-height: 42px;
  }
  .portal-dashboard-shell .dashboard-topbar.is-compact .portal-views,
  .portal-dashboard-shell .dashboard-topbar.is-compact .portal-view-button { min-height: 44px; }
}
@media (prefers-reduced-motion: reduce) {
  .portal-dashboard-shell .dashboard-topbar,
  .portal-dashboard-shell .dashboard-topbar .brand-logo,
  .portal-dashboard-shell .dashboard-topbar .avatar { transition: none; }
}
@media print {
  .portal-dashboard-shell .dashboard-topbar { position: static; box-shadow: none; }
}