/* Official uploaded artwork: keep its complete proportions, without redrawing. */
.sidebar-brand { flex-direction: row; align-items: center; gap: 10px; padding: 0 7px 6px; border-bottom: 1px solid rgba(7,63,91,.18); }
.sidebar-brand > .vestra-brand-logo,
.sidebar-collapsed .sidebar-brand > .vestra-brand-logo { display: block; width: 60px; min-width: 60px; max-width: 60px; height: 34px; flex: 0 0 60px; object-fit: contain; background: transparent; border-radius: 0; padding: 0; }
.sidebar-brand .sidebar-brand-copy { width: auto; flex: 1 1 0; min-width: 0; align-self: stretch; justify-content: center; border-left: 1px solid rgba(7,63,91,.22); padding-left: 10px; }
.sidebar-brand .sidebar-brand-copy span { width: auto; max-width: none; text-align: left; white-space: normal; overflow-wrap: break-word; line-height: 1.35; }
.vestra-header-logo { width: 96px; height: 54px; object-fit: contain; flex: 0 0 auto; }
.school-data-brand > .vestra-brand-logo { display: block; width: 132px; height: 74px; object-fit: contain; }
.auth-logo-lockup img { width: min(100%, 225px); height: auto; max-height: 130px; object-fit: contain; }
@media (max-width: 950px) {
  /* A mobile drawer is full-width even when desktop collapse was remembered. */
  .sidebar-collapsed .sidebar-brand { justify-content: flex-start; padding-inline: 7px; }
  .sidebar-collapsed .sidebar-brand .sidebar-brand-copy { display: flex; }
}
@media (max-width: 760px) {
  .school-data-brand > .vestra-brand-logo { width: 100px; height: 56px; }
  .vestra-header-logo { width: 76px; height: 43px; }
}