/* ===== Brand font: Fira Sans (self-hosted woff2, swap → tanpa lag) ===== */
@font-face{font-family:'Fira Sans';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/FiraSans-Regular.woff2') format('woff2')}
@font-face{font-family:'Fira Sans';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/FiraSans-Medium.woff2') format('woff2')}
@font-face{font-family:'Fira Sans';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/FiraSans-SemiBold.woff2') format('woff2')}
@font-face{font-family:'Fira Sans';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/FiraSans-Bold.woff2') format('woff2')}
@font-face{font-family:'Fira Sans';font-style:normal;font-weight:800;font-display:swap;src:url('fonts/FiraSans-ExtraBold.woff2') format('woff2')}
/* 'html body' (spesifisitas 0,0,2) menang atas app.html 'body' tanpa !important → kaskade ke
   semua elemen font-family:inherit. Monospace (kode/ID) sengaja TIDAK diubah. Ukuran TETAP. */
html body{font-family:'Fira Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',sans-serif}

/* User badge + logout (lapisan peran) */
#iglms-userbar{
  position:fixed; top:10px; right:14px; z-index:9999;
  display:flex; align-items:center; gap:8px;
  background:#fff; border:1px solid #E2E8F0; border-radius:999px;
  padding:5px 8px 5px 14px; box-shadow:0 2px 10px rgba(0,0,0,.10);
  font-size:12.5px; font-family:'Fira Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
}
#iglms-userbar .iglms-ub-name{ font-weight:600; color:#334155; }
#iglms-userbar .iglms-ub-role{ font-size:10.5px; font-weight:700; padding:2px 8px; border-radius:999px; text-transform:uppercase; letter-spacing:.4px; }
#iglms-userbar .iglms-ub-admin{ background:#E0F7F7; color:#056A6A; }
#iglms-userbar .iglms-ub-trainer{ background:#FFF3EB; color:#D95F0E; }
#iglms-userbar .iglms-ub-logout{
  background:#FEF0F0; color:#E84040; font-weight:600; padding:4px 10px; border-radius:999px;
  text-decoration:none; transition:.15s;
}
#iglms-userbar .iglms-ub-logout:hover{ background:#E84040; color:#fff; }
#iglms-userbar .iglms-ub-users{
  background:#E0F7F7; color:#056A6A; font-weight:600; padding:4px 10px; border-radius:999px;
  text-decoration:none; transition:.15s;
}
#iglms-userbar .iglms-ub-users:hover{ background:#0BBFBE; color:#fff; }
@media(max-width:768px){
  #iglms-userbar{ top:8px; right:8px; padding:4px 6px 4px 10px; font-size:11.5px; }
  #iglms-userbar .iglms-ub-name{ max-width:90px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
}