/**
 * App logo sizing – shared across landing, dashboard, auth, modals, admin.
 */
:root {
  --cv-logo-header: 52px;
  --cv-logo-header-mobile: 46px;
  --cv-logo-landing: 80px;
  --cv-logo-landing-mobile: 64px;
  --cv-logo-modal: 96px;
  --cv-logo-auth: 80px;
  --cv-logo-admin-sidebar: 56px;
  --cv-logo-inline: 52px;
  --cv-logo-preview: 120px;
  --landing-header-offset: 104px;
}

/* Dashboard, tickets, profile topbars */
.brand-lite img,
.brand-lite .brand-logo-light,
.brand-lite .brand-logo-dark {
  height: var(--cv-logo-header);
  width: auto;
  max-width: min(300px, 44vw);
  object-fit: contain;
}

/* Auth: login, signup, forgot password */
.cv-auth-logo,
body.bg-gradient-primary .p-5 .text-center > a:first-child img,
body.bg-gradient-primary .text-center img[src*="system_logo"] {
  height: var(--cv-logo-auth);
  width: auto;
  max-width: min(340px, 88vw);
  object-fit: contain;
  display: inline-block;
  margin-bottom: 1rem;
}

/* Landing modals (sign in / sign up) */
.cv-modal-logo,
.landing-modal-body .text-center img,
.landing-modal-body .text-center img.cv-modal-logo {
  height: var(--cv-logo-modal) !important;
  max-height: none !important;
  width: auto !important;
  max-width: min(380px, 92vw) !important;
  object-fit: contain;
  display: inline-block;
  margin-bottom: 1rem;
}

/* Inline logos (support header, etc.) */
.cv-inline-logo,
.support-card .card-header img[src*="system_logo"] {
  height: var(--cv-logo-inline);
  width: auto;
  max-width: min(280px, 50vw);
  object-fit: contain;
  vertical-align: middle;
  margin-right: 0.65rem;
}

/* Admin sidebar */
.sidebar .sidebar-brand-icon img {
  max-height: var(--cv-logo-admin-sidebar);
  width: auto;
  object-fit: contain;
}

/* Admin logo settings preview */
#website_logo,
.cv-logo-preview {
  max-height: var(--cv-logo-preview);
  width: auto;
  object-fit: contain;
}

@media (max-width: 768px) {
  :root {
    --cv-logo-header: var(--cv-logo-header-mobile);
    --landing-header-offset: 100px;
  }

  .cv-auth-logo,
  body.bg-gradient-primary .text-center img[src*="system_logo"] {
    height: 72px;
  }

  .cv-modal-logo,
  .landing-modal-body .text-center img {
    height: 80px !important;
  }
}