.chiaro-logo {
  display: block;
  width: 170px;
  height: auto;
  object-fit: contain;
}

.portal-brand .chiaro-logo {
  width: 165px;
}

.brand .chiaro-logo-dark {
  width: 155px;
}

.chiaro-admin-label {
  color: #5f6875;
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  .chiaro-logo,
  .portal-brand .chiaro-logo {
    width: 145px;
  }
}

/* Dashboard sidebar branding: full wordmark expanded, symbol-only collapsed. */
aside[style*="width: 16rem"] > div:first-child > div:first-child {
  width: 100% !important;
  justify-content: flex-start !important;
}

aside[style*="width: 16rem"] > div:first-child button {
  width: 100%;
  overflow: hidden;
}

aside[style*="width: 16rem"] > div:first-child img[src="/chiaro-logo-light.svg"] {
  width: 138px !important;
  max-width: 138px !important;
  object-position: left center !important;
}

aside[style*="width: 5rem"] > div:first-child > div:first-child {
  width: 48px !important;
  overflow: hidden;
  justify-content: flex-start !important;
}

aside[style*="width: 5rem"] > div:first-child button {
  width: 42px;
  overflow: hidden;
}

aside[style*="width: 5rem"] > div:first-child img[src="/chiaro-logo-light.svg"] {
  width: 138px !important;
  max-width: none !important;
  object-position: left center !important;
}