/* VPSLook final logo system - hex server mark */
.vp-side-rail .vp-brand,
.vp-side-rail .vp-brand-row,
.vp-side-rail .vp-brand-wrap{
  min-height:72px!important;
  gap:12px!important;
  align-items:center!important;
}

.vp-side-rail .vp-brand-mark,
.fc-app > .vp-side-rail .vp-brand-mark{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  flex:0 0 48px!important;
  border-radius:18px!important;
  display:grid!important;
  place-items:center!important;
  padding:5px!important;
  overflow:hidden!important;
  background:linear-gradient(145deg,#06162e 0%,#0b1d3a 100%)!important;
  border:1px solid rgba(96,165,250,.24)!important;
  box-shadow:0 14px 32px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:none!important;
  filter:none!important;
}

.vp-side-rail .vp-brand-mark img,
.fc-app > .vp-side-rail .vp-brand-mark img,
.vp-brand-img{
  width:38px!important;
  height:38px!important;
  max-width:38px!important;
  max-height:38px!important;
  object-fit:contain!important;
  display:block!important;
  opacity:1!important;
  filter:none!important;
  transform:none!important;
}

.vp-side-rail .vp-brand-title,
.vp-side-rail .vp-brand-name,
.vp-side-rail .vp-brand-text strong{
  font-size:16.5px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:-.55px!important;
  color:#f8fbff!important;
  text-shadow:none!important;
  filter:none!important;
  -webkit-font-smoothing:antialiased!important;
  text-rendering:geometricPrecision!important;
}

.vp-side-rail .vp-brand-sub,
.vp-side-rail .vp-brand-tag,
.vp-side-rail .vp-brand-caption,
.vp-side-rail .vp-brand-text small{
  margin-top:4px!important;
  font-size:10.6px!important;
  line-height:1.12!important;
  font-weight:650!important;
  letter-spacing:-.08px!important;
  color:rgba(176,196,226,.82)!important;
  text-shadow:none!important;
  filter:none!important;
  white-space:nowrap!important;
}

body.vp-sidebar-collapsed .vp-side-rail .vp-brand-mark,
body.vp-sidebar-collapsed .fc-app > .vp-side-rail .vp-brand-mark{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  flex-basis:42px!important;
  border-radius:16px!important;
  padding:5px!important;
}

body.vp-sidebar-collapsed .vp-side-rail .vp-brand-mark img{
  width:32px!important;
  height:32px!important;
}

/* Auth/billing pages logo */
.mark img,
.billing-logo img{
  content:url("/static/brand/vpslook-icon-final.svg?v=LOGOFINAL")!important;
}

/* Prevent old blurry horizontal logo rendering */
img[src*="vpslook_logo"],
img[src*="vpslook-logo-horizontal"]{
  image-rendering:auto!important;
  filter:none!important;
}