/* RankPJ logo fit fix: keeps the selected horizontal logo usable inside the app shell. */
:root {
  --rankpj-logo-header-h: 38px;
  --rankpj-logo-auth-h: 66px;
}
.brand-logo-link,
.auth-brand-logo,
.topbar .brand-logo-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  line-height: 1 !important;
}
.topbar .brand-logo-link,
.app-topbar .brand-logo-link {
  width: auto !important;
  max-width: 180px !important;
  height: 46px !important;
}
.brand-logo-img,
img.brand-logo-img,
.topbar img.brand-logo-img,
.app-topbar img.brand-logo-img,
img[src*="rankpj-logo-horizontal"] {
  display: block !important;
  width: auto !important;
  height: var(--rankpj-logo-header-h) !important;
  max-width: 178px !important;
  max-height: var(--rankpj-logo-header-h) !important;
  object-fit: contain !important;
  object-position: left center !important;
  flex: 0 0 auto !important;
}
.login-card,
.auth-card,
.account-card {
  overflow: hidden !important;
}
.login-card .auth-brand-logo,
.auth-card .auth-brand-logo,
.account-card .auth-brand-logo,
.auth-brand-logo {
  width: 100% !important;
  max-width: 100% !important;
  height: calc(var(--rankpj-logo-auth-h) + 10px) !important;
  margin: 0 0 22px !important;
  padding: 0 !important;
  overflow: hidden !important;
}
.login-card .brand-logo-img-login,
.auth-card .brand-logo-img-login,
.account-card .brand-logo-img-login,
.auth-brand-logo img,
img.brand-logo-img-login {
  width: auto !important;
  height: var(--rankpj-logo-auth-h) !important;
  max-width: min(282px, 100%) !important;
  max-height: var(--rankpj-logo-auth-h) !important;
  object-fit: contain !important;
  object-position: left center !important;
  filter: drop-shadow(0 8px 18px rgba(8, 18, 37, .08));
}
@media (max-width: 760px) {
  :root { --rankpj-logo-header-h: 34px; --rankpj-logo-auth-h: 56px; }
  .topbar .brand-logo-link,
  .app-topbar .brand-logo-link { max-width: 162px !important; height: 42px !important; }
  .brand-logo-img,
  img.brand-logo-img,
  .topbar img.brand-logo-img,
  .app-topbar img.brand-logo-img,
  img[src*="rankpj-logo-horizontal"] { max-width: 160px !important; }
  .login-card .auth-brand-logo,
  .auth-brand-logo { height: 66px !important; }
}