/* Company logo treatment: roomy frame, crisp blue mark, subtle depth. */
.company-logo-center {
  /* The logo is rendered in the top bar; do not create a second
     fixed logo that can remain underneath the top bar. */
  display: none !important;
  position: fixed;
  z-index: 15;
  top: 7px;
  left: calc((100vw - 250px) / 2);
  transform: translateX(-50%);
  width: 220px;
  height: 62px;
  align-items: center;
  justify-content: center;
  padding: 3px 12px;
  border: 1px solid #d8e4fb;
  border-radius: 14px;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 6px 18px rgba(22, 74, 168, .14), inset 0 0 0 1px rgba(255, 255, 255, .9);
  pointer-events: none;
}

.company-logo-center.has-logo {
  display: none !important;
}

.company-logo-center img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(2px 3px 2px rgba(8, 48, 128, .30));
}

.sidebar .brand-mark {
  display: none !important;
}

.brand-mark {
  width: 86px !important;
  height: 66px !important;
  flex: 0 0 86px;
  border: 1px solid #d7e2fb;
  border-radius: 11px;
  background: #fff !important;
  box-shadow: 0 5px 14px rgba(22, 74, 168, .16), inset 0 0 0 1px rgba(255, 255, 255, .8);
  overflow: hidden;
}

.brand-mark.has-logo img {
  display: block !important;
  width: 100%;
  height: 100%;
  padding: 2px;
  object-fit: contain;
  border-radius: 9px;
}

.brand-mark.has-logo {
  background: linear-gradient(145deg, #fff, #edf4ff) !important;
}

.print-header img {
  width: 78px !important;
  height: 62px !important;
  object-fit: contain;
  filter: drop-shadow(2px 3px 2px rgba(8, 48, 128, .25));
}

.app-logo-watermark {
  position: absolute;
  inset: 70px 0 0;
  z-index: 2;
  display: grid;
  place-items: center;
  pointer-events: none;
  overflow: hidden;
  opacity: .075;
}

.app-logo-watermark img {
  width: min(42vw, 560px);
  height: min(46vh, 460px);
  object-fit: contain;
  filter: saturate(.9) contrast(.92) grayscale(.12);
  mix-blend-mode: multiply;
}

.main-content {
  position: relative;
}

.app-shell {
  position: relative;
  z-index: auto;
  background: transparent;
}

.main-content > .topbar {
  position: sticky;
  z-index: 1100;
}

.main-content > .view,
.main-content > .print-header {
  position: relative;
  z-index: 1;
}

@media (max-width: 1050px) {
  .company-logo-center {
    left: calc((100vw - 220px) / 2);
  }
}

@media (max-width: 700px) {
  .company-logo-center {
    left: 50%;
    top: 5px;
    width: 180px;
    height: 52px;
  }

  .app-logo-watermark img {
    width: min(70vw, 390px);
    height: min(42vh, 330px);
  }
}