/* Login-only archival linework layered over the existing photographic scene. */
body.owner-shell-v1.auth-required .brand {
  display: none;
}

body.owner-shell-v1.auth-required .workspace::after {
  position: absolute;
  z-index: -1;
  inset: 0;
  content: "";
  pointer-events: none;
  background-image:
    radial-gradient(circle at 12% 19%, transparent 0 74px, rgb(51 99 91 / 7%) 75px 76px, transparent 77px),
    radial-gradient(circle at 12% 19%, transparent 0 96px, rgb(51 99 91 / 4%) 97px 98px, transparent 99px),
    linear-gradient(90deg, transparent 0 7%, rgb(51 99 91 / 5%) 7% calc(7% + 1px), transparent calc(7% + 1px) 31%, rgb(51 99 91 / 4%) 31% calc(31% + 1px), transparent calc(31% + 1px)),
    linear-gradient(0deg, transparent 0 13%, rgb(51 99 91 / 5%) 13% calc(13% + 1px), transparent calc(13% + 1px) 77%, rgb(51 99 91 / 4%) 77% calc(77% + 1px), transparent calc(77% + 1px)),
    repeating-linear-gradient(90deg, transparent 0 46px, rgb(51 99 91 / 3%) 46px 47px, transparent 47px 94px),
    repeating-linear-gradient(0deg, transparent 0 46px, rgb(51 99 91 / 3%) 46px 47px, transparent 47px 94px);
  background-position: center;
  background-size: cover;
  opacity: 0.9;
}

html[data-theme="night"] body.owner-shell-v1.auth-required .workspace::after {
  background-image:
    radial-gradient(circle at 12% 19%, transparent 0 74px, rgb(160 207 197 / 8%) 75px 76px, transparent 77px),
    radial-gradient(circle at 12% 19%, transparent 0 96px, rgb(160 207 197 / 5%) 97px 98px, transparent 99px),
    linear-gradient(90deg, transparent 0 7%, rgb(160 207 197 / 6%) 7% calc(7% + 1px), transparent calc(7% + 1px) 31%, rgb(160 207 197 / 4%) 31% calc(31% + 1px), transparent calc(31% + 1px)),
    linear-gradient(0deg, transparent 0 13%, rgb(160 207 197 / 6%) 13% calc(13% + 1px), transparent calc(13% + 1px) 77%, rgb(160 207 197 / 4%) 77% calc(77% + 1px), transparent calc(77% + 1px)),
    repeating-linear-gradient(90deg, transparent 0 46px, rgb(160 207 197 / 3%) 46px 47px, transparent 47px 94px),
    repeating-linear-gradient(0deg, transparent 0 46px, rgb(160 207 197 / 3%) 46px 47px, transparent 47px 94px);
}

body.owner-shell-v1.auth-required .login-required {
  position: relative;
}

body.owner-shell-v1.auth-required .login-required::after {
  position: absolute;
  inset: 14px;
  z-index: 0;
  border: 1px solid color-mix(in srgb, var(--cc-accent) 12%, transparent);
  content: "";
  pointer-events: none;
}

body.owner-shell-v1.auth-required .auth-grid {
  position: relative;
  z-index: 1;
}

@media (max-width: 760px) {
  body.owner-shell-v1.auth-required .workspace {
    padding-top: 24px;
  }

  body.owner-shell-v1.auth-required .workspace::after {
    background-position: 35% center;
    background-size: auto 100%;
    opacity: 0.68;
  }

  body.owner-shell-v1.auth-required .login-required::after {
    inset: 8px;
  }
}