/* Quinbis V1.1.0.4 — monochrome brand lockup + dashboard de-duplication */
.brand-wordmark-v1102{
  position:relative;
  display:block;
  width:112px;
  height:22px;
  flex:0 0 auto;
  line-height:0;
}
.brand-wordmark-image-v1102{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:left center;
  transition:opacity .24s ease,transform .32s cubic-bezier(.2,.7,.2,1);
}
/* Public website: white lockup on dark/brand header, black lockup on the white scrolled header. */
.brand-wordmark-light-v1102{opacity:1}
.brand-wordmark-dark-v1102{opacity:0}
.site-header.is-scrolled .brand-wordmark-light-v1102{opacity:0}
.site-header.is-scrolled .brand-wordmark-dark-v1102{opacity:1}
.site-header.is-scrolled .brand-wordmark-image-v1102{transform:scale(.985);transform-origin:left center}
.brand-footer .brand-wordmark-v1102{width:108px;height:21px}
.brand-footer .brand-wordmark-light-v1102{opacity:1}
.brand-footer .brand-wordmark-dark-v1102{opacity:0}

/* Admin, Account and Professional shell: one expanded-sidebar lockup only. */
.product-brand-v110 img.product-brand-wordmark-v110{
  display:block;
  width:104px;
  height:20px;
  object-fit:contain;
  object-position:left center;
  flex:0 0 auto;
}
html.product-sidebar-collapsed .product-brand-wordmark-v110{display:none!important}

/* The utility-bar lockup is hidden while the desktop sidebar is visible.
   It appears only when tablet/mobile uses the drawer navigation. */
.product-mobile-wordmark-v110{
  display:none;
  width:96px;
  height:19px;
  object-fit:contain;
  object-position:left center;
  flex:0 0 auto;
}

/* Auth and commercial documents use the same monochrome vector wordmark. */
.foundation-brand img.foundation-wordmark-v1102{
  width:104px;
  height:20px;
  object-fit:contain;
  object-position:left center;
}
.finance-public-top img.finance-wordmark-v1102{
  width:90px;
  height:18px;
  object-fit:contain;
  object-position:left center;
}
.finance-document-brand img.finance-document-wordmark-v1102{
  width:90px;
  height:18px;
  object-fit:contain;
  object-position:left center;
}

@media (max-width:1180px), (hover:none) and (pointer:coarse){
  .product-mobile-logo,
  .product-mobile-wordmark-v110{display:block}
}

@media(max-width:640px){
  .brand-wordmark-v1102{width:100px;height:20px}
  .brand-footer .brand-wordmark-v1102{width:102px;height:20px}
  .product-mobile-wordmark-v110{width:90px;height:18px}
}

/* Quinbis brand lockup geometry hotfix — 2026-09-14.
   Canonical proportion measured from the approved Favicon-05.svg lockup:
   icon 288x186, wordmark 581x111, 38-unit gap, vertically centred.
   Only paired icon + wordmark lockups are normalised; icon-only uses are unchanged. */
.brand{
  gap:8px;
}
.brand .brand-mark{
  width:57px;
  height:37px;
  transform:none;
}
.brand .brand-wordmark-v1102{
  width:115px;
  height:22px;
}
.site-header.is-scrolled .brand-logo,
.site-header.is-scrolled .brand-wordmark-image-v1102{
  transform:none;
}
.brand-footer{
  gap:7px;
}
.brand-footer .footer-brand-mark{
  width:54px;
  height:35px;
  transform:none;
}
.brand-footer .brand-wordmark-v1102{
  width:110px;
  height:21px;
}
@media(max-width:640px){
  .brand{
    gap:7px;
  }
  .brand .brand-mark{
    width:52px;
    height:34px;
  }
  .brand .brand-wordmark-v1102{
    width:105px;
    height:20px;
  }
  .brand-footer .footer-brand-mark{
    width:52px;
    height:34px;
  }
  .brand-footer .brand-wordmark-v1102{
    width:105px;
    height:20px;
  }
}