/* SAFIRA.id V8.2.1 — responsive brand identity system */
:root{
  --safira-logo-public-width:clamp(146px,12vw,188px);
  --safira-logo-sidebar-width:184px;
  --safira-logo-login-width:clamp(170px,18vw,232px);
  --safira-logo-footer-width:228px;
}
.safira-brand{display:inline-flex;align-items:center;flex:0 0 auto;text-decoration:none!important;line-height:0;max-width:100%}
.safira-brand picture{display:block;line-height:0}
.safira-brand img{display:block;width:100%;height:auto;object-fit:contain;object-position:left center;max-width:100%}
.public-brand-logo{width:var(--safira-logo-public-width);min-width:142px;max-height:54px;overflow:visible}
.public-brand-logo img{max-height:50px}
.public-drawer-brand{width:168px;max-height:55px}
.public-drawer-brand img{max-height:52px}
.auth-brand-logo{width:var(--safira-logo-login-width);max-height:70px}
.auth-brand-logo img{max-height:66px}
.footer-brand-logo{width:var(--safira-logo-footer-width);max-height:74px}
.footer-brand-logo img{max-height:72px}
.panel-sidebar-logo{width:var(--safira-logo-sidebar-width);max-width:100%;max-height:66px!important;margin:0!important}
.panel-sidebar-logo img{max-height:62px;object-position:left center}
.panel-mobile-brand{width:36px!important;height:36px!important;display:none;align-items:center;justify-content:center;overflow:hidden}
.panel-mobile-brand img{width:34px;height:34px;object-fit:contain}
.panel-sidebar-brand{min-height:84px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.panel-sidebar-brand .brand-subtitle{margin-top:5px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.public-footer-brand .footer-brand-logo{margin-bottom:14px}
@media(max-width:1199px){
  .public-brand-logo{width:154px}
}
@media(max-width:991px){
  .panel-mobile-brand{display:inline-flex!important}
  .panel-sidebar-logo{width:176px}
}
@media(max-width:767px){
  .public-brand-logo{width:142px;min-width:142px;max-height:46px}
  .public-brand-logo img{max-height:44px}
  .public-drawer-brand{width:158px}
  .auth-brand-logo{width:172px}
  .footer-brand-logo{width:190px}
}
@media(max-width:420px){
  .public-brand-logo{width:38px;min-width:38px;height:38px}
  .public-brand-logo picture,.public-brand-logo img{width:38px;height:38px;object-fit:contain}
  .panel-mobile-brand{width:34px!important;height:34px!important}
  .panel-mobile-brand img{width:32px;height:32px}
  .auth-brand-logo{width:162px}
}
@media(max-width:360px){
  .public-brand-logo{width:36px;min-width:36px;height:36px}
  .public-brand-logo picture,.public-brand-logo img{width:36px;height:36px}
}