/* SES OpenSign signed-in shell: DPS chrome + phone overlay. Do not restyle the product. */

header .op-navbar .flex-1 > div {
  background: url("/sso/assets/dps-logo-horizontal.png") left center / contain no-repeat;
  min-width: 7.5rem;
}

header .op-navbar .flex-1 img[alt="logo"] {
  opacity: 0;
  min-width: 7.5rem;
  height: 100%;
}

aside footer,
aside .mt-auto,
#renderList .mt-auto {
  display: none !important;
}

@media (max-width: 1023px) {
  header.z-\[501\] {
    position: relative;
    z-index: 10050 !important;
    flex-shrink: 0;
  }

  aside.absolute {
    background-color: var(--fallback-b1, oklch(var(--b1)));
    z-index: 10040 !important;
  }

  aside.absolute.w-full {
    width: 100% !important;
    max-width: 100vw !important;
  }

  /* iOS paints sticky table headers through the absolute drawer. Hide the pane. */
  .flex.flex-1.overflow-hidden:has(> aside.w-full) > #renderList {
    visibility: hidden !important;
    pointer-events: none !important;
  }

  main#renderList thead.sticky {
    position: static !important;
    z-index: auto !important;
  }

  main#renderList .mt-auto.z-30 {
    z-index: 0 !important;
  }

  /* Preferences timezone-menu: unstyled react-select list over the next field. */
  .timezone-menu,
  .mt-1.shadow-md.rounded-lg.bg-base-200 {
    z-index: 10070 !important;
    max-height: min(42vh, 16rem) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  .shadow-md.rounded-lg.overflow-hidden {
    max-height: min(42vh, 16rem) !important;
    overflow-y: auto !important;
  }

  .max-w-\[400px\] {
    overflow: visible !important;
  }
}