/*
 * DCS authentication-page lockup for LibreChat v0.8.8-rc1.
 *
 * The selector mirrors the pinned auth layout. Keep it isolated from the
 * signed-in app and re-audit it whenever the upstream image changes.
 */
.relative.flex.min-h-screen.flex-col.bg-surface-primary
  > .mt-6.h-10.w-full.bg-cover {
  position: absolute;
  top: clamp(3.5rem, 8vh, 5rem);
  left: 0;
  z-index: 1;
  display: flex;
  width: 100%;
  height: 3rem;
  align-items: center;
  justify-content: center;
  gap: 0.875rem;
  margin-top: 0;
  pointer-events: none;
}

.relative.flex.min-h-screen.flex-col.bg-surface-primary
  > .mt-6.h-10.w-full.bg-cover::after {
  color: #000;
  content: 'DCS AI Workspace';
  font-size: clamp(1.125rem, 1.6vw, 1.375rem);
  font-weight: 600;
  letter-spacing: -0.015em;
  line-height: 1.2;
  white-space: nowrap;
}

.relative.flex.min-h-screen.flex-col.bg-surface-primary
  > .mt-6.h-10.w-full.bg-cover
  > img[src='assets/logo.svg'] {
  width: auto;
  height: 100%;
}

/* Black logo paths become white; DCS yellow remains #ffcd00. */
.dark
  .relative.flex.min-h-screen.flex-col.bg-surface-primary
  > .mt-6.h-10.w-full.bg-cover
  > img[src='assets/logo.svg'] {
  filter: invert(1) hue-rotate(180deg);
}

.dark
  .relative.flex.min-h-screen.flex-col.bg-surface-primary
  > .mt-6.h-10.w-full.bg-cover::after {
  color: #fff;
}

@media (max-width: 480px) {
  .relative.flex.min-h-screen.flex-col.bg-surface-primary
    > .mt-6.h-10.w-full.bg-cover {
    top: 3rem;
    height: 2.5rem;
    gap: 0.625rem;
  }
}