/*
 * NE2NE login page branding (overlay, bind-mounted into nginx public assets).
 *
 * Zammad 7.x uses <img class="company-logo"> for the uploaded product_logo PNG
 * (often opaque white). We hide that img and render a transparent SVG via
 * .hero-unit::before. Tagline uses form#login::before (pseudo-elements do not
 * apply to replaced <img> elements).
 */

/* Header: white on dark fullscreen background (matches dev mockup) */
.login .fullscreen-body > p {
  font-size: 0;
  color: transparent;
  margin-bottom: 28px;
}
.login .fullscreen-body > p::after {
  content: "Log in to NE2NE Support";
  display: block;
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
  text-align: center;
}

/* Login card: force light surface even when OS prefers dark theme */
.login .hero-unit {
  background-color: #ffffff !important;
  border-color: #e4e4e7 !important;
  color: #333333 !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.25);
}

.login .hero-unit .formGroup-label label,
.login .hero-unit .inline-label .label-text {
  color: #666666 !important;
}

.login .hero-unit .form-control {
  background-color: #f5f5f5 !important;
  border-color: #d0d0d0 !important;
  color: #333333 !important;
}

/* Transparent SVG logo (replaces opaque product_logo PNG) */
.login img.company-logo {
  display: none !important;
}

.login .hero-unit::before {
  content: "";
  display: block;
  width: 200px;
  height: 100px;
  margin: 20px auto 8px;
  background: url("/assets/ne2ne/login-logo.svg") center / contain no-repeat;
}

/* Tagline under logo, above username field */
.login .hero-unit form#login::before,
.login-logo::after {
  content: "NE2NE Support";
  display: block;
  text-align: center;
  font-size: 16px;
  color: #666666;
  margin: 0 auto 24px;
}

/* Footer links on dark background */
.login .fullscreen-body > a,
.login .fullscreen-body > p + p a {
  color: #ffffff !important;
}

.login .fullscreen-body > p:not(:first-child) {
  color: rgba(255, 255, 255, 0.75) !important;
}