/* Artwork stays byte-for-byte official; only its display dimensions change. */
:root {
  --ui-red: var(--brand-red); --ui-text: var(--brand-black);
  --ui-font: var(--brand-font-ui);
  --color-brand-600: var(--brand-red); --color-brand-700: var(--brand-red);
  --color-brand-950: var(--brand-black);
}
.mm-brand { display:inline-flex; align-items:center; gap:8px; flex-shrink:0; line-height:0; max-width:100%; }
.mm-brand__picture { display:block; width:240px; flex-shrink:0; }
.mm-brand .mm-brand__image { display:block; width:240px!important; height:auto!important; max-width:none!important; object-fit:contain!important; filter:none!important; transform:none!important; }
.mm-brand--icon .mm-brand__picture,.mm-brand--icon .mm-brand__image { width:40px!important; height:40px!important; }
.mm-brand--padded { padding:8px; }
.mm-brand__label { background:var(--brand-red); color:var(--brand-white); padding:4px; font:700 8px/1 var(--brand-font-ui); }
.mm-brand::after,.mm-brand__picture::after { content:none!important; }
.mh-site .mh-header .mh-brand { flex:0 0 auto; min-width:0; }
.mh-site .mh-header-inner { min-height:96px; }
.mh-site .mh-masthead-logo .mm-brand__picture,.mh-site .mh-masthead-logo .mm-brand__image { width:320px!important; }
.mh-site .mh-footer .mm-brand__picture,.mh-site .mh-footer .mm-brand__image { width:240px!important; }
.admin-panel .admin-sidebar > div:first-child { padding-inline:16px; }
.admin-panel .admin-sidebar-logo-full .mm-brand__picture,.admin-panel .admin-sidebar-logo-full .mm-brand__image { width:240px!important; }
.admin-panel .admin-sidebar-logo-full img,.member-panel .member-sidebar-brand img,.auth-v06-page :is(.auth-v06-logo,.auth-v06-mobile-logo) img { filter:none!important; }
.admin-panel .admin-sidebar-logo-full::after,.member-panel .member-sidebar-brand>a::after,.auth-v06-page :is(.auth-v06-logo,.auth-v06-mobile-logo)::after { content:none!important; }
.auth-v06-page .auth-v06-logo .mm-brand__picture,.auth-v06-page .auth-v06-logo .mm-brand__image { width:280px!important; }
.member-panel .member-sidebar-brand .mm-brand { max-width:none; }
.mm-error .mm-brand__picture,.mm-error .mm-brand__image { width:240px!important; }
@media(max-width:1023px) {
  .mm-brand--responsive .mm-brand__picture,.mm-brand--responsive .mm-brand__image { width:40px!important; height:40px!important; }
  .admin-panel .admin-sidebar-logo-full .mm-brand__picture,.admin-panel .admin-sidebar-logo-full .mm-brand__image { width:40px!important; height:40px!important; }
  .mh-site .mh-header-inner { min-height:64px; }
}
@media print {
  .mm-brand [data-brand-dark-source] { display:none; }
}

body.mm-error,.mm-error :is(h1,h2,h3,button,input) { font-family:var(--brand-font-ui); }

/* The active verification-page layout formerly assumed two img siblings. */
.site-public .student-global-header__logo .mm-brand .mm-brand__image,
html.dark .site-public .student-global-header__logo .mm-brand .mm-brand__image:first-of-type,
.site-public > footer .site-footer-brand .mm-brand .mm-brand__image:first-of-type {
  display:block!important; width:240px!important; height:auto!important; max-width:none!important;
}
.site-public .site-footer-brand .mm-brand .mm-brand__image { display:block!important; width:240px!important; height:auto!important; max-width:none!important; }
.site-public .student-global-header__inner { min-height:104px; }
.admin-panel .admin-sidebar > div:first-child { height:112px; }
.admin-panel .admin-sidebar.is-collapsed > div:first-child { height:80px; }
img[src*="brand-v1.0/mahasiswa-icon-transparent-512x512.png"] { object-fit:contain!important; background:var(--brand-white); }
@media(max-width:1023px) {
 .site-public .student-global-header__logo .mm-brand--responsive .mm-brand__image,
 html.dark .site-public .student-global-header__logo .mm-brand--responsive .mm-brand__image:first-of-type { width:40px!important; height:40px!important; }
 .site-public .student-global-header__inner { min-height:64px; }
 .admin-panel .admin-sidebar > div:first-child { height:80px; }
}

body.mh-site:not(.mh-home) .mh-header-inner { min-height:104px; }
@media(max-width:1023px) { body.mh-site:not(.mh-home) .mh-header-inner { min-height:64px; } }

/* Public mobile headers retain the full official wordmark. */
@media screen and (max-width:1100px) {
 .mh-site .mh-header-inner { grid-template-columns:76px minmax(0,1fr) 76px; }
 .mh-site .mh-header .mh-icon-button { width:36px; height:36px; flex-basis:36px; }
 .mh-site .mh-header .mh-brand { width:100%; max-width:180px; justify-content:center; }
 .mh-site .mh-header .mm-brand--mobile-wordmark,
 .site-public .student-global-header__logo .mm-brand--mobile-wordmark,
 .site-public .site-mobile-brand .mm-brand--mobile-wordmark { width:100%; max-width:180px; }
 .mm-brand--mobile-wordmark .mm-brand__picture { width:100%!important; }
 .mh-site .mh-header .mm-brand--mobile-wordmark .mm-brand__image,
 .site-public .student-global-header__logo .mm-brand--mobile-wordmark .mm-brand__image,
 html.dark .site-public .student-global-header__logo .mm-brand--mobile-wordmark .mm-brand__image:first-of-type,
 .site-public .site-mobile-brand .mm-brand--mobile-wordmark .mm-brand__image {
  width:100%!important; height:auto!important; aspect-ratio:1463/484;
 }
}
@media screen and (max-width:1023px) {
 .site-public .student-global-header__logo { flex:1 1 auto; min-width:0; max-width:180px; margin-inline:auto; }
}