/* Whitegold Media official logo placement — v211b. */
.login-brand-logo{
  display:block;
  width:min(100%,300px);
  height:auto;
  margin:0 auto;
  object-fit:contain;
}
.topbar-brand{
  display:flex;
  align-items:center;
  height:42px;
}
.topbar-brand-wide{
  display:block;
  width:146px;
  max-height:40px;
  height:auto;
  object-fit:contain;
  object-position:left center;
}
.topbar-brand-compact{
  display:none;
  width:32px;
  height:32px;
  object-fit:contain;
}
@media(max-width:480px){
  .topbar{gap:6px}
  .topbar .topbar-brand{
    display:flex;
    flex:0 0 34px !important;
    width:34px !important;
    min-width:34px;
    max-width:34px;
  }
  .topbar-brand-wide{display:none}
  .topbar-brand-compact{display:block;width:28px;height:28px}
  .topbar-actions{gap:4px}
  .topbar-actions .topbar-btn[onclick="openGlobalSearch()"],
  .topbar-actions .topbar-btn[onclick="openChangePassword()"]{
    width:34px;
    padding:0;
    font-size:0;
  }
  .topbar-actions .topbar-btn[onclick="openGlobalSearch()"]::before{content:'🔍';font-size:13px}
  .topbar-actions .topbar-btn[onclick="openChangePassword()"]::before{content:'🔐';font-size:13px}
}
@media(max-width:380px){
  .topbar-brand{display:flex}
}