/* TeamZoom brand logo — logo_web.svg (square SVG) */

.site-logo {
  display: block;
  flex-shrink: 0;
  object-fit: contain;
  background: transparent;
}

/* Header + landing nav — larger than wordmark text */
.site-logo--nav {
  width: 56px;
  height: 56px;
}

/* Login / signup / forgot-password */
.site-logo--auth {
  width: 108px;
  height: 108px;
  margin-bottom: 24px;
}

/* Mobile app headers (inbox, profile) */
.site-logo--mobile {
  width: 48px;
  height: 48px;
}

@media (max-width: 768px) {
  .site-logo--nav {
    width: 50px;
    height: 50px;
  }

  .site-logo--auth {
    width: 92px;
    height: 92px;
    margin-bottom: 20px;
  }

  .site-logo--mobile {
    width: 44px;
    height: 44px;
  }
}

@media (max-width: 480px) {
  .site-logo--nav {
    width: 46px;
    height: 46px;
  }

  .site-logo--auth {
    width: 80px;
    height: 80px;
    margin-bottom: 16px;
  }

  .site-logo--mobile {
    width: 40px;
    height: 40px;
  }
}

@media (max-width: 380px) {
  .site-logo--nav {
    width: 42px;
    height: 42px;
  }

  .site-logo--auth {
    width: 72px;
    height: 72px;
  }
}