/* Pillow login + splash — dark brand surface */
:root {
  --pillow-bg: #0a0908;
  --pillow-ink: #f6f3ec;
  --pillow-sage: #7c9270;
  --pillow-terracotta: #c98f62;
  --pillow-steam: rgba(246, 243, 236, 0.55);
  --pillow-serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;
}

body[data-path="login"],
body[data-path="login"] .page-content-wrapper,
#page-login {
  background: var(--pillow-bg) !important;
  min-height: 100vh;
}

body[data-path="login"]::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(38% 46% at 30% 48%, color-mix(in srgb, var(--pillow-sage) 45%, transparent) 0%, transparent 72%),
    radial-gradient(34% 42% at 66% 54%, color-mix(in srgb, var(--pillow-terracotta) 40%, transparent) 0%, transparent 70%);
  filter: blur(70px);
  opacity: 0.32;
}

#page-login .page_content,
#page-login .container,
#page-login .login-content {
  position: relative;
  z-index: 1;
}

#page-login .login-content.page-card,
#page-login .page-card {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

#page-login .app-logo {
  content: url("/files/pillow-logo-light.png");
  width: min(220px, 70vw) !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 auto 0.5rem !important;
  filter: none !important;
}

/* White "admin" label — Pillow typography */
#page-login .page-card-head-text h4,
#page-login .page-card-head h4 {
  font-family: var(--pillow-serif) !important;
  font-weight: 400 !important;
  font-size: 0.85rem !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: var(--pillow-ink) !important;
  text-align: center !important;
}

#page-login .page-card-head-text h4 {
  font-size: 0 !important;
}
#page-login .page-card-head-text h4::after {
  content: "admin";
  font-size: 0.85rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--pillow-ink);
  font-family: var(--pillow-serif);
  display: block;
}

#page-login .page-card-subtitle,
#page-login .page-card-head p,
#page-login .sign-up-message,
#page-login .forgot-password-message a,
#page-login a {
  color: var(--pillow-steam) !important;
  font-family: var(--pillow-serif) !important;
}

#page-login .form-control,
#page-login input.form-control,
#page-login input[type="text"],
#page-login input[type="email"],
#page-login input[type="password"] {
  background: color-mix(in srgb, var(--pillow-ink) 6%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--pillow-ink) 22%, transparent) !important;
  color: var(--pillow-ink) !important;
  border-radius: 2px !important;
}

#page-login .btn-primary,
#page-login button.btn-login {
  background: var(--pillow-ink) !important;
  border-color: var(--pillow-ink) !important;
  color: var(--pillow-bg) !important;
  border-radius: 2px !important;
  font-family: var(--pillow-serif) !important;
  letter-spacing: 0.06em;
}

#page-login .btn-default,
#page-login .btn-login-with-email-link {
  background: transparent !important;
  border: 1px solid color-mix(in srgb, var(--pillow-ink) 28%, transparent) !important;
  color: var(--pillow-ink) !important;
  border-radius: 2px !important;
  font-family: var(--pillow-serif) !important;
}

#page-login .footer-logo-extension,
#page-login .page-footer {
  display: none !important;
}

/* Desk splash / navbar after login */
.splash img,
.centered.splash img {
  content: url("/files/pillow-mark.png");
  width: 72px !important;
  height: 72px !important;
}