/* JOBIX_MOBILE_PWA_V195R4R4_BRAND_REFRESH
   Presentation-only Jobix brand refresh.
   Uses the exact Owner-supplied JX symbol and Jobix wordmark.
   No business, tenant, login, payment, provider, Bridge, Growth Center,
   AI Receptionist, notification, request, quote, job, invoice, or schedule logic. */

:root{
  --jx195r4r4-symbol:url("/assets/brand/jobix-symbol-v195r4r4.png?v=195.4.4");
  --jx195r4r4-wordmark:url("/assets/brand/jobix-logo-header-v195r4r4.png?v=195.4.4");
}

/* Replace legacy text placeholder marks without changing accessible DOM text. */
.jobix-sidebar-brand .jobix-brand-mark,
.jobix-mobile-brand .jobix-brand-mark,
.topbar .brand .brand-mark{
  background-color:transparent!important;
  background-image:var(--jx195r4r4-symbol)!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:contain!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  text-shadow:none!important;
  box-shadow:none!important;
  overflow:visible!important;
}

/* Render the exact supplied wordmark while retaining the original accessible text. */
.jobix-sidebar-brand .jobix-brand-copy>strong,
.jobix-mobile-brand>strong,
.topbar .brand>span:not(.brand-mark){
  position:relative!important;
  display:block!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  text-shadow:none!important;
}

.jobix-sidebar-brand .jobix-brand-copy>strong::before,
.jobix-mobile-brand>strong::before,
.topbar .brand>span:not(.brand-mark)::before{
  content:""!important;
  display:block!important;
  background-image:var(--jx195r4r4-wordmark)!important;
  background-position:left center!important;
  background-repeat:no-repeat!important;
  background-size:contain!important;
}

/* Desktop authenticated sidebar. */
.jobix-sidebar-brand{
  align-items:center!important;
}
.jobix-sidebar-brand .jobix-brand-mark{
  width:58px!important;
  min-width:58px!important;
  height:42px!important;
  border-radius:0!important;
}
.jobix-sidebar-brand .jobix-brand-copy{
  min-width:0!important;
}
.jobix-sidebar-brand .jobix-brand-copy>strong::before{
  width:112px!important;
  height:28px!important;
}
.jobix-sidebar-brand .jobix-brand-copy>small{
  display:block!important;
  margin-top:5px!important;
}

/* Mobile authenticated header. */
.jobix-mobile-brand{
  align-items:center!important;
  gap:9px!important;
}
.jobix-mobile-brand .jobix-brand-mark.small{
  width:48px!important;
  min-width:48px!important;
  height:34px!important;
  border-radius:0!important;
}
.jobix-mobile-brand>strong::before{
  width:78px!important;
  height:25px!important;
}

/* Public/login shell header. */
.topbar .brand{
  align-items:center!important;
  gap:9px!important;
}
.topbar .brand .brand-mark{
  width:52px!important;
  min-width:52px!important;
  height:36px!important;
  border-radius:0!important;
}
.topbar .brand>span:not(.brand-mark)::before{
  width:96px!important;
  height:29px!important;
}

/* High-density and small-width safety. */
@media (max-width:380px){
  .jobix-mobile-brand{
    gap:7px!important;
  }
  .jobix-mobile-brand .jobix-brand-mark.small{
    width:43px!important;
    min-width:43px!important;
    height:31px!important;
  }
  .jobix-mobile-brand>strong::before{
    width:70px!important;
    height:23px!important;
  }
}

@media (min-width:761px){
  .jobix-sidebar-brand .jobix-brand-mark{
    image-rendering:auto;
  }
}

/* Print never depends on a background-only brand mark. */
@media print{
  .jobix-sidebar-brand .jobix-brand-mark,
  .jobix-mobile-brand .jobix-brand-mark,
  .topbar .brand .brand-mark{
    print-color-adjust:exact;
    -webkit-print-color-adjust:exact;
  }
}