.pwa-install-trigger{
  display:none;
  width:38px;
  height:38px;
  place-items:center;
  flex:none;
  padding:0;
  border:1px solid #dedfe4;
  border-radius:50%;
  background:#fff;
  color:#4c3f78;
  cursor:pointer;
}
.sidebar .brand img.brand-tenant{
  width:100%;
  max-width:190px;
  height:42px;
  max-height:42px;
  object-fit:contain;
  object-position:left center;
}
.sidebar .brand img.brand-tenant-sm{display:none}
html.sb-mini .sidebar .brand img.brand-tenant-sm{
  display:block!important;
  width:40px!important;
  height:40px!important;
  padding:3px;
  border-radius:10px;
  background:rgba(255,255,255,.9);
  object-fit:contain!important;
}
.pwa-install-trigger i{font-size:18px}
html.pwa-can-install .pwa-install-trigger,
html.pwa-ios .pwa-install-trigger{display:grid}
.pwa-install-trigger:hover{background:#f4efff;border-color:#b69af0;color:#6f4de6}
.pwa-install-trigger:focus-visible{outline:2px solid #7c5ce7;outline-offset:2px}

.pwa-status{
  position:fixed;
  left:50%;
  bottom:calc(18px + env(safe-area-inset-bottom));
  z-index:9100;
  transform:translate(-50%,18px);
  display:flex;
  align-items:center;
  gap:7px;
  max-width:calc(100vw - 32px);
  padding:9px 13px;
  border-radius:999px;
  background:#172033;
  color:#fff;
  box-shadow:0 10px 30px rgba(18,25,46,.22);
  font-size:13px;
  opacity:0;
  pointer-events:none;
  transition:.2s ease;
}
.pwa-status.show{opacity:1;transform:translate(-50%,0)}
.pwa-status.online i{color:#66d7a5}
.pwa-status.offline i{color:#ffd45c}

@media(max-width:860px){
  body.pwa-app .content{padding-bottom:calc(78px + env(safe-area-inset-bottom))}
  body.pwa-app .topbar{
    padding-top:env(safe-area-inset-top);
    height:calc(60px + env(safe-area-inset-top));
  }
  .pwa-install-trigger{width:36px;height:36px}
  .mbar{padding-bottom:max(env(safe-area-inset-bottom),4px)!important}
  .mbar.mbar-teacher a{min-width:0}
  .mbar.mbar-teacher a span{
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
}

@media(max-width:430px){
  .topbar-right{gap:7px!important}
  .pwa-install-trigger,.theme-toggle{width:34px!important;height:34px!important}
  .mbar.mbar-teacher a{font-size:9.5px}
  .mbar.mbar-teacher a i{font-size:20px}
}

@media(display-mode:standalone){
  html,body{overscroll-behavior-y:none}
  .pwa-install-trigger{display:none!important}
}