header img.vvai-site-logo, .dialog-head img.vvai-site-logo {
  display: block;
  box-sizing: border-box;
  width: clamp(96px, 11vw, 132px);
  max-width: 100%;
  height: auto;
  padding: 3px 5px;
  border-radius: 5px;
  background-color: #fff;
}

/* The old risk page can still carry the previous background-image treatment. */
#vvai-site-header .vvai-header-row > .vvai-brand.vvai-logo-link {
  width: auto;
  height: auto;
  background: transparent;
  padding: 0;
  line-height: 1;
}

.vvai-photo-header h1 { flex: 1 1 auto; }
.vvai-photo-header > .vvai-logo-link { padding: 0; flex: 0 0 auto; }
#cameraDialog .dialog-head h2 { flex: 1; }
#cameraDialog .dialog-head { gap: 10px; }

/* A shared camera URL opens this overlay over the map header. */
dialog.navigation-image .navigation-bar::before {
  content: "";
  display: block;
  flex: 0 0 96px;
  height: 32px;
  border-radius: 5px;
  background: #fff url("../images/vvai-logo-2026.png") center / 90% auto no-repeat;
}