/* SyokBox V2.40: compact install banner and clearer Admin Portal identity. */
.v239-install-banner{
  grid-template-columns:50px minmax(0,1fr) auto;
  gap:12px;
  min-height:82px;
  margin-bottom:18px;
  padding:12px 46px 12px 12px;
  border-radius:19px;
}
.v239-install-banner>img{width:50px;height:50px;border-radius:13px}
.v239-install-copy strong{margin-bottom:3px;font-size:14px}
.v239-install-copy span{font-size:11.5px;line-height:1.35}
.v239-install-action{
  grid-column:3;
  min-height:38px;
  padding:0 16px;
  border-radius:12px;
  font-size:12.5px;
  justify-self:end;
}
.v239-install-dismiss{top:6px;right:8px}

.admin-header>div{gap:11px}
.admin-header span.admin-portal-badge{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  box-sizing:border-box;
  padding:7px 12px!important;
  border:0!important;
  border-radius:10px;
  background:#254cc4;
  color:#fff;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1;
  letter-spacing:.035em!important;
  white-space:nowrap;
}

@media(max-width:520px){
  .v239-install-banner{
    grid-template-columns:46px minmax(0,1fr) auto;
    gap:10px;
    min-height:76px;
    padding:11px 41px 11px 11px;
  }
  .v239-install-banner>img{width:46px;height:46px;border-radius:12px}
  .v239-install-copy strong{font-size:13px}
  .v239-install-copy span{font-size:10.5px}
  .v239-install-action{grid-column:3;min-height:36px;margin:0;padding:0 13px;font-size:11.5px}
  .admin-header img{width:116px}
  .admin-header span.admin-portal-badge{min-height:31px;padding:6px 10px!important;font-size:10.5px!important;border-radius:9px}
}

@media(max-width:380px){
  .v239-install-copy span{display:none}
  .v239-install-banner{min-height:70px}
  .admin-header{padding-inline:12px}
  .admin-header img{width:106px}
  .admin-header span.admin-portal-badge{padding-inline:8px!important;font-size:9.5px!important}
}