/* Artes oficiais CreativeLab, com transparência e proporções preservadas. */
.brand-identity { display: inline-flex; align-items: center; gap: 10px; }
.brand-symbol { display: block; width: 34px; height: 39px; object-fit: contain; flex: 0 0 auto; }
.brand-lockup { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; min-width: 0; }
.brand-wordmark { display: block; width: 204px; height: auto; object-fit: contain; }
.brand-tagline { color: var(--text-muted); font-size: .61rem; font-weight: 400; line-height: 1.3; letter-spacing: .1px; }
.brand-for-light { display: none; }
:root[data-theme="light"] .brand-for-dark { display: none; }
:root[data-theme="light"] .brand-for-light { display: block; }
.navbar .brand-wordmark { width: clamp(120px, 14.4vw, 204px); }
.navbar .brand-logo { max-width: 100%; }
.footer-brand { text-decoration: none; }
.footer-brand .brand-identity { display: flex; margin: 0; gap: 10px; }
.footer-brand .brand-wordmark { width: 170px; }
.footer-brand .brand-symbol { width: 27px; height: 32px; }
.footer-brand .brand-tagline { font-size: .6rem; }
.workshop-brand img.workshop-brand-mark { width: 33px; height: 38px; object-fit: contain; border: 0; border-radius: 0; background: transparent; }
.auth-modal-header .auth-brand-symbol { display: block; width: 62px; height: 69px; object-fit: contain; margin: 0 auto 16px; }
.sheet-company-brand { display: flex; align-items: center; justify-content: center; gap: 2cqw; width: 100%; }
.sheet-company-brand > .sheet-company-symbol { display: block; width: 8cqw; height: auto; }
.sheet-company-brand > .sheet-company-wordmark { display: block; width: 54cqw; height: auto; }
:is(.sheet-company-brand, .sheet-brand-box, #sheet-custom-brand-fields)[hidden] { display: none !important; }
#sheet-custom-brand-fields { display: grid; gap: 8px; }
@media (max-width: 640px) {
  .navbar .brand-identity { gap: 8px; }
  .navbar .brand-symbol { width: 28px; height: 33px; }
  .navbar .brand-wordmark { width: 120px; }
  .navbar .brand-lockup { gap: 7px; }
  .navbar .brand-tagline { font-size: .53rem; }
}
@media (max-width: 380px) {
  .navbar .brand-identity { gap: 6px; }
  .navbar .brand-symbol { width: 22px; height: 27px; }
  .navbar .brand-wordmark { width: 96px; }
  .navbar .brand-tagline { display: none; }
}