/* Approved human / blue Digital Twin identity; keep controls outside its footprint. */
.brand-portrait {
  display: block;
  width: 56px;
  height: 56px;
  flex: 0 0 56px;
  object-fit: contain;
  background: #fff;
  border-radius: 4px;
}
#auth-screen .site-brand {
  flex: 0 0 auto;
  gap: 10px;
}
.brand-wordmark {
  font-weight: 700;
  font-size: 25px;
  line-height: 1;
  letter-spacing: 0;
}
#auth-screen .site-footer .brand-tagline {
  font-size: 12px;
  color: #53616a;
}
.auth-logo { display: flex; align-items: center; gap: 12px; margin: 0 12px 24px 0; }
.auth-logo .brand-portrait { width: 64px; height: 64px; flex-basis: 64px; }
#auth-screen .auth-logo .brand-tagline { font-size: 10px; margin: 5px 0 0; line-height: 1.5; }
.auth-logo > div { min-width: 0; }
#workspace .workspace-brand .brand-portrait {
  width: 48px;
  height: 48px;
  flex-basis: 48px;
}
#workspace .workspace-brand > div { min-width: 0; }
#workspace .workspace-brand strong { white-space: nowrap; }
#workspace[data-console="customer"] .sidebar .brand {
  gap: 9px;
  padding-left: 4px;
  padding-right: 4px;
}
.auth-brand .brand-portrait { width: 64px; height: 64px; flex-basis: 64px; }
@media (max-width: 1100px) {
  #auth-screen .site-header { gap: 20px; }
}
@media (max-width: 1024px) and (min-width: 701px) {
  #workspace[data-console="customer"] .sidebar .brand {
    justify-content: center;
    padding: 0 0 24px;
  }
}
@media (max-width: 600px) {
  #auth-screen .site-header { gap: 8px; padding-inline: 12px; }
  #auth-screen .site-brand { gap: 6px; }
  #auth-screen .site-header .brand-portrait { width: 38px; height: 38px; flex-basis: 38px; }
  #auth-screen .site-header .brand-wordmark { font-size: 20px; }
  #auth-screen .site-actions { margin-left: auto; gap: 8px; }
}
@media (max-width: 380px) {
  #auth-screen .site-header { padding-inline: 8px; gap: 6px; }
  #auth-screen .site-header .site-brand { gap: 4px; }
  #auth-screen .site-header .site-actions { gap: 6px; }
  #auth-screen .site-header .brand-wordmark { font-size: 16px; }
  #auth-screen .site-header .brand-portrait { width: 30px; height: 30px; flex-basis: 30px; }
  #auth-screen .site-header .home-button.compact { padding-inline: 9px; gap: 6px; }
  #auth-screen .site-header #language { min-width: 50px; font-size: 11px; gap: 4px; }
}