/* Historische logo's blijven byte-exact bewaard. Alleen hun transparante
   boven- en onderruimte wordt met CSS uit de zichtbare balk gesneden. */
.sc-auth-header img,
.sc-sidebar-brand img,
.sc-files-brand img,
.app-top .brand img,
.logo-link img.logo,
.sc-logo img,
.site-header a.brand > img,
.admin-brand img,
.sc-ref-logo img,
.sc-ref-footer-brand img,
.sc-main-logo img {
  object-fit: cover !important;
  object-position: center 49% !important;
}

/* The whole approved logo has no legacy padding. This applies only to the
   immutable Golden Globe asset, including public information-page footers. */
html body img[src*="survey-control-golden-globe.png"] {
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
  filter: none !important;
}

/* Ron approved this complete 2525x704 asset on 24 October 2026. It has no
   legacy vertical padding: contain the entire compass, wordmark and maker. */
html body header.site-header .logo-link img[src*="survey-control-golden-globe.png"] {
  display: block;
  width: 190px !important;
  height: 53px !important;
  max-width: 100%;
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
  filter: none !important;
}

@media (max-width: 620px) {
  html body header.site-header .logo-link img[src*="survey-control-golden-globe.png"] {
    width: 166px !important;
    height: 47px !important;
  }
}

.sc-auth-header img,
.sc-main-logo img { height: 50px !important; }
.sc-sidebar-brand img { height: 46px !important; }
.sc-files-brand img { height: 44px !important; }
.app-top .brand img { height: 38px !important; }
.logo-link img.logo {
  width: 190px !important;
  height: 50px !important;
  transform: none !important;
}
.sc-ref-logo img { height: 45px !important; }
.sc-ref-footer-brand img { height: 40px !important; }

/* Oude portaaltemplates hielden een 2048×682-banner op ware grootte vast.
   Deze hoge-specificiteitsregel maakt ook die nog bereikbare pagina's compact
   en laat ze exact hetzelfde bronbestand gebruiken als de actuele site. */
html body header a.sc-main-logo {
  display: flex !important;
  align-items: center !important;
  flex: 0 0 205px !important;
  width: 205px !important;
  min-width: 205px !important;
  max-width: 205px !important;
  height: 50px !important;
  min-height: 50px !important;
  margin-right: 18px !important;
  overflow: hidden !important;
}
html body header a.sc-main-logo picture {
  display: block !important;
  width: 205px !important;
  height: 50px !important;
  overflow: hidden !important;
}
html body header a.sc-main-logo img {
  display: block !important;
  width: 205px !important;
  min-width: 205px !important;
  max-width: 205px !important;
  height: 50px !important;
  max-height: 50px !important;
  transform: none !important;
  filter: none !important;
}
html body header.sc-page-header a.sc-main-logo,
html body header.v50-header a.sc-main-logo,
html body header.portal-header a.sc-main-logo,
html body header.machine-header a.sc-main-logo,
html body header .top a.sc-main-logo,
html body header.sc-page-header a.sc-main-logo picture,
html body header.v50-header a.sc-main-logo picture,
html body header.portal-header a.sc-main-logo picture,
html body header.machine-header a.sc-main-logo picture,
html body header .top a.sc-main-logo picture,
html body header.sc-page-header a.sc-main-logo img,
html body header.v50-header a.sc-main-logo img,
html body header.portal-header a.sc-main-logo img,
html body header.machine-header a.sc-main-logo img,
html body header .top a.sc-main-logo img,
html body.portal-body header.portal-header a.sc-main-logo img {
  width: 205px !important;
  min-width: 205px !important;
  max-width: 205px !important;
  height: 50px !important;
  min-height: 50px !important;
  max-height: 50px !important;
  overflow: hidden !important;
  object-fit: cover !important;
  object-position: center 49% !important;
  transform: none !important;
  filter: none !important;
}
.admin-brand img {
  width: 190px !important;
  height: 46px !important;
}
.site-header a.brand > img {
  height: 64px !important;
}

@media (max-width: 620px) {
  .sc-files-brand img { height: 36px !important; }
  .app-top .brand img { height: 32px !important; }
  .logo-link img.logo {
    width: 166px !important;
    height: 44px !important;
    transform: none !important;
  }
  html body header a.sc-main-logo,
  html body header a.sc-main-logo picture,
  html body header a.sc-main-logo img {
    flex-basis: 178px !important;
    width: 178px !important;
    min-width: 178px !important;
    max-width: 178px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
  }
  html body header.sc-page-header a.sc-main-logo,
  html body header.v50-header a.sc-main-logo,
  html body header.portal-header a.sc-main-logo,
  html body header.machine-header a.sc-main-logo,
  html body header.sc-page-header a.sc-main-logo picture,
  html body header.v50-header a.sc-main-logo picture,
  html body header.portal-header a.sc-main-logo picture,
  html body header.machine-header a.sc-main-logo picture,
  html body header.sc-page-header a.sc-main-logo img,
  html body header.v50-header a.sc-main-logo img,
  html body header.portal-header a.sc-main-logo img,
  html body header.machine-header a.sc-main-logo img,
  html body.portal-body header.portal-header a.sc-main-logo img {
    width: 178px !important;
    min-width: 178px !important;
    max-width: 178px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
  }
}