.portal-header {
  box-sizing: border-box;
  height: 66px;
  padding: 4px 8px 4px 5px;
  gap: 6px;
  background: linear-gradient(to right, #00be16, #03c71a, #04c11a, #02c719, #03b918, #04c31a, #00be16);
  border-bottom: 3px solid #d9a81c;
}

.logo-slot {
  position: relative;
  display: flex;
  height: 55px;
  min-width: 0;
  align-items: center;
  justify-content: center;
  overflow: visible;
  flex: 0 1 auto;
}

.logo-slot img {
  position: static;
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.logo-slot span {
  color: #ecffed;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  opacity: .7;
}

.logo-left { width: 208px; }
.logo-left img { transform: translateX(-6px); }
.logo-right { width: 95px; }
.logo-right img { transform: translateX(12px); }

@media (max-width: 600px) {
  .portal-header { height: 62px; padding: 3px 5px; gap: 4px; }
  .logo-slot { height: 55px; }
  .logo-left { width: min(208px, calc(100vw - 105px)); }
  .logo-right { width: min(95px, 28vw); }
}