/* One quiet, original SVG family. Existing PNG textures are retained unused. */
.desk-icon {
  display: block;
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  object-fit: contain;
  user-select: none;
  pointer-events: none;
}
.desk-icon-frame {
  display: inline-grid;
  place-items: center;
  flex-shrink: 0;
}
.nav > .desk-icon-frame,
.mobile-nav-item > .desk-icon-frame {
  width: 20px;
  height: 20px;
  min-width: 20px;
}
.nav .desk-icon,
.mobile-nav-item .desk-icon {
  width: 20px;
  height: 20px;
  opacity: .8;
}
.nav:is(:hover, .active) .desk-icon,
.mobile-nav-item:is(:hover, [aria-current=page]) .desk-icon { opacity: 1; }
.shortcut-icon.desk-icon-frame,
.preview-journey-icon.desk-icon-frame,
.product-features article > .desk-icon-frame,
.product-note-icon.desk-icon-frame {
  width: 32px;
  height: 32px;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  transform: none;
}
.workspace-shortcut:nth-child(2) .shortcut-icon.desk-icon-frame {
  background: transparent;
  border: 0;
}
.shortcut-icon .desk-icon,
.preview-journey-icon .desk-icon,
.product-features .desk-icon,
.product-note-icon .desk-icon {
  width: 24px;
  height: 24px;
}
.metrics article p > .desk-icon-frame {
  width: 24px;
  height: 24px;
  background: transparent;
  border: 0;
  box-shadow: none;
}
.metrics article p .desk-icon {
  width: 24px;
  height: 24px;
}
.preview-stats button {
  position: relative;
  padding-right: 47px;
}
.preview-stat-icon {
  position: absolute;
  top: 18px;
  right: 15px;
  width: 24px;
  height: 24px;
}
.preview-stat-icon .desk-icon {
  width: 24px;
  height: 24px;
}
.preview-hero-sticker > .desk-icon-illustration {
  width: 64px;
  height: 64px;
  margin: 20px auto 25px;
}
.server-symbol.desk-icon-frame {
  background: transparent;
  border: 0;
  box-shadow: none;
}
.server-symbol .desk-icon {
  width: 24px;
  height: 24px;
}

/* Keep the existing accessible brand link text; only its decorative S changes. */
.brand .brand-mark,
.gate-card .gate-brand .brand-mark {
  background: #a995e9 url("/assets/brand/serverdesks-mark.svg") center / 100% 100% no-repeat;
  border: 0;
  border-radius: 25%;
  box-shadow: none;
  color: transparent;
  font-size: 0;
}
@media (max-width: 760px) {
  .preview-stats button { padding-right: 43px; }
  .preview-stat-icon { top: 15px; right: 11px; }
}
@media (forced-colors: active) {
  .desk-icon { forced-color-adjust: none; }
  .brand .brand-mark,
  .gate-card .gate-brand .brand-mark { forced-color-adjust: none; }
}