/* memorare ed logo — designer original spec (exact) */
:root {
  --logo-scale: 1;
  --logo-scale-mobile-factor: 1;
  --logo-img-h-agent: 50px;
  --logo-img-padding-agent: 0px;
  --logo-img-margin-top-agent: calc(10px / 3);
  --logo-img-h-normal: 43.4px;
  --logo-img-padding-normal: 0px;
  --logo-img-h-avatar: 44px;
  --logo-img-margin-bottom-avatar: calc(6px / 3);
  --logo-img-h-helpdesk: 50px;
  --logo-img-padding-helpdesk: 0px;
  --logo-img-margin-top-helpdesk: calc(8px / 3);
}

@media (max-width: 767px) {
  :root {
    --logo-scale-mobile-factor: calc(1.679 / 2.351);
  }
}

.logo-section {
  --logo-scale-render: calc(var(--logo-scale, 1) * var(--logo-scale-mobile-factor, 1));
  display: flex;
  justify-content: center;
  flex-shrink: 0;
  overflow: visible;
  max-width: 100%;
}

.logo-section__row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(10px * var(--logo-scale-render));
  overflow: visible;
  max-width: 100%;
}

.logo-section__img {
  width: auto;
  object-fit: contain;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: calc(2px * var(--logo-scale-render));
  flex-shrink: 0;
}

.logo-section--agent .logo-section__img,
.logo-section:not(.logo-section--normal):not(.logo-section--helpdesk):not(.logo-section--custom) .logo-section__img {
  height: calc(var(--logo-img-h-agent) * var(--logo-scale-render));
  padding-top: 0;
  margin-top: calc(var(--logo-img-margin-top-agent) * var(--logo-scale-render));
}

.logo-section--normal:not(.logo-section--avatar) .logo-section__img {
  height: calc(var(--logo-img-h-normal) * var(--logo-scale-render));
  padding-top: calc(var(--logo-img-padding-normal) * var(--logo-scale-render));
  margin-bottom: calc(1px * var(--logo-scale-render));
}

.logo-section--avatar .logo-section__img {
  height: calc(var(--logo-img-h-avatar) * var(--logo-scale-render));
  padding-top: calc(var(--logo-img-padding-normal) * var(--logo-scale-render));
  margin-bottom: calc(var(--logo-img-margin-bottom-avatar) * var(--logo-scale-render));
}

.logo-section--helpdesk .logo-section__img {
  height: calc(var(--logo-img-h-helpdesk) * var(--logo-scale-render));
  padding-top: 0;
  margin-top: calc(var(--logo-img-margin-top-helpdesk) * var(--logo-scale-render));
}

.logo-section--custom .logo-section__img {
  height: calc(var(--logo-img-h-custom, 50px) * var(--logo-scale-render));
  width: auto;
  padding-top: 0;
  margin-top: calc(var(--logo-img-margin-top-custom, 0px) * var(--logo-scale-render));
  margin-bottom: calc(var(--logo-img-margin-bottom-custom, 0px) * var(--logo-scale-render));
}

.logo-section--custom.logo-section--has-width .logo-section__img {
  width: calc(var(--logo-img-w-custom) * var(--logo-scale-render));
}

.logo-section__text {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  line-height: 1;
  gap: 0;
  overflow: visible;
  min-width: 0;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  text-box-trim: trim-start;
  text-box-edge: cap text;
}

.logo-section__line {
  display: block;
  line-height: 1;
  overflow: visible;
  padding: 0;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  text-transform: lowercase;
  letter-spacing: -0.025em;
  background-image: linear-gradient(90deg, #00A4EC 0%, #159BF4 30%, #4E91FE 62%, #6D87FF 100%);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  white-space: nowrap;
}

.logo-section__line--top {
  font-size: calc(2.351rem * var(--logo-scale-render) * 0.72);
  font-weight: 400;
  text-box-trim: trim-start;
  text-box-edge: cap alphabetic;
}

.logo-section__line-wrap--bottom {
  display: block;
  overflow: visible;
  line-height: 1;
  margin-top: -0.19em;
  padding: 0 0 0.1em;
}

.logo-section__line--bottom {
  display: block;
  font-size: calc(2.351rem * var(--logo-scale-render) * 0.85);
  font-weight: 600;
  line-height: 1;
  padding: 0 0 0.06em;
  background-image: linear-gradient(90deg, #00A4EC 0%, #159BF4 22%, #4E91FE 58%, #6D87FF 90%, #6D87FF 100%);
}

.logo-section--nav {
  --logo-scale: 0.72;
}

/* App shell only (not part of designer CSS): placement + no underline */
.logo-section--sidebar {
  --logo-scale: 0.72;
  justify-content: flex-start;
}

.logo-section--sidebar .logo-section__row {
  justify-content: flex-start;
}

a:has(> .logo-section),
.sidebar-logo-container--brand > a,
.mobile-logo-container--brand > a {
  text-decoration: none !important;
  color: inherit;
}

a:has(> .logo-section):hover,
a:has(> .logo-section):focus,
.sidebar-logo-container--brand > a:hover,
.sidebar-logo-container--brand > a:focus,
.mobile-logo-container--brand > a:hover,
.mobile-logo-container--brand > a:focus {
  text-decoration: none !important;
}

.sidebar-header:has(.sidebar-logo-container--brand) {
  overflow: visible !important;
}

.sidebar-header .sidebar-logo-container--brand {
  display: flex !important;
  align-items: center !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  gap: 0 !important;
  line-height: normal !important;
}

.sidebar-header .sidebar-logo-container--brand > a {
  display: inline-flex !important;
  align-items: center !important;
  max-width: 100%;
}

.sidebar-desktop.collapsed .sidebar-logo-container--brand .logo-section__text,
html.wink-sidebar-init-collapsed #sidebar-desktop .sidebar-logo-container--brand .logo-section__text {
  display: none !important;
}

.sidebar-desktop.collapsed .sidebar-logo-container--brand .logo-section,
html.wink-sidebar-init-collapsed #sidebar-desktop .sidebar-logo-container--brand .logo-section {
  justify-content: center;
}

.sidebar-desktop.collapsed .sidebar-logo-container--brand .logo-section__row,
html.wink-sidebar-init-collapsed #sidebar-desktop .sidebar-logo-container--brand .logo-section__row {
  justify-content: center;
  gap: 0;
}

.mobile-logo-container--brand {
  display: flex !important;
  align-items: center !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  line-height: normal !important;
}

.mobile-logo-container--brand .logo-section--sidebar {
  --logo-scale: 0.72;
}