/* Smart Suite v1.6.2b: logo presentation ONLY. Keeps original logo asset intact.
   Base image renders as white; a cyan mask overlays only its existing b-mark.
   No modifications to platform colours, text, navigation, documents or mail. */

/* Client Smart Suite sidebar */
.suite-shell .brand.corporate-brand {
  position: relative;
  min-height: 0;
  padding: 0;
  margin-bottom: 20px;
  line-height: 0;
}
.suite-shell .brand.corporate-brand img {
  display: block;
  width: 165px;
  max-width: 100%;
  height: auto;
  object-fit: contain;
  filter: brightness(0) invert(1);
}
.suite-shell .brand.corporate-brand::after {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 165px;
  max-width: 100%;
  aspect-ratio: 1172 / 592;
  background: #2EC7CF;
  -webkit-mask: url('/assets/img/flibbit-smart-suite-corporate.png') left top / 100% 100% no-repeat;
  mask: url('/assets/img/flibbit-smart-suite-corporate.png') left top / 100% 100% no-repeat;
  clip-path: inset(0 59% 0 0);
  pointer-events: none;
}

/* Flibbit Admin sidebar */
.platform-brand.corporate-platform-brand {
  position: relative;
  min-height: 0;
  padding: 0 8px 16px;
  align-items: flex-start;
  line-height: 0;
}
.platform-brand.corporate-platform-brand img {
  display: block;
  width: 165px;
  height: auto;
  max-width: 100%;
  object-fit: contain;
  filter: brightness(0) invert(1);
}
.platform-brand.corporate-platform-brand::after {
  content: '';
  position: absolute;
  left: 8px; top: 0;
  width: 165px;
  max-width: calc(100% - 16px);
  aspect-ratio: 1172 / 592;
  background: #2EC7CF;
  -webkit-mask: url('/assets/img/flibbit-smart-suite-corporate.png') left top / 100% 100% no-repeat;
  mask: url('/assets/img/flibbit-smart-suite-corporate.png') left top / 100% 100% no-repeat;
  clip-path: inset(0 59% 0 0);
  pointer-events: none;
}

/* Login and company registration panels */
.smart-dashboard-suite-lockup {
  position: relative;
  width: fit-content;
  max-width: 100%;
  align-items: flex-start;
  line-height: 0;
}
.smart-dashboard-suite-lockup .smart-dashboard-corporate-logo {
  display: block;
  width: 181px;
  max-width: 100%;
  height: auto;
  object-fit: contain;
  filter: brightness(0) invert(1);
}
.smart-dashboard-suite-lockup::after {
  content: '';
  position: absolute;
  left: 0; top: 0;
  width: 181px;
  max-width: 100%;
  aspect-ratio: 1172 / 592;
  background: #2EC7CF;
  -webkit-mask: url('/assets/img/flibbit-smart-suite-corporate.png') left top / 100% 100% no-repeat;
  mask: url('/assets/img/flibbit-smart-suite-corporate.png') left top / 100% 100% no-repeat;
  clip-path: inset(0 59% 0 0);
  pointer-events: none;
}

@media (max-width: 760px) {
  .suite-shell .brand.corporate-brand img,
  .suite-shell .brand.corporate-brand::after,
  .platform-brand.corporate-platform-brand img,
  .platform-brand.corporate-platform-brand::after {width: 153px;}
  .smart-dashboard-suite-lockup .smart-dashboard-corporate-logo,
  .smart-dashboard-suite-lockup::after {width: 168px;}
}
