/* Belair National Park Holiday Park branding */
.brand {
  min-height: 112px;
  padding: .25rem .4rem 1rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: .4rem;
}
.belair-brand-logo {
  display: block;
  width: 100%;
  max-width: 212px;
  height: auto;
}
.belair-brand-status {
  padding-left: .2rem;
  font-size: .72rem;
  color: #bcd0c5;
}
.belair-login-logo-panel {
  display: grid;
  place-items: center;
  width: 100%;
  padding: 1rem 1.25rem;
  margin-bottom: 1.1rem;
  border-radius: 1rem;
  background: #173f34;
}
.belair-login-logo {
  display: block;
  width: min(100%, 310px);
  height: auto;
}
.belair-topbar-mark {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  flex: none;
  box-shadow: 0 4px 14px rgba(23,63,52,.14);
}
.topbar {
  justify-content: flex-start;
  gap: .75rem;
}
.topbar .mode-pill {
  margin-left: auto;
}
@media (max-width: 900px) {
  .belair-topbar-mark { width: 38px; height: 38px; border-radius: 10px; }
}
@media (max-width: 640px) {
  .belair-topbar-mark { width: 34px; height: 34px; }
  .login-card { padding: 1.15rem; }
  .belair-login-logo-panel { padding: .8rem; }
}