/**
 * BNG.eco Theme for Zammad
 * APENAS PAGINA DE LOGIN - Seletores ultra-específicos
 */

/* Background APENAS quando hero-unit está presente (página de login) */
body:has(.hero-unit) {
  background: linear-gradient(180deg, #243644 0%, #1a2830 100%) !important;
}

/* Card do formulário de login */
.hero-unit {
  background-color: rgba(36, 54, 68, 0.95) !important;
  border: 1px solid rgba(95, 184, 137, 0.3) !important;
  border-radius: 12px !important;
  padding: 2rem !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3) !important;
}

/* Logo dentro do hero-unit */
.hero-unit .logo,
.hero-unit img.logo {
  max-width: 280px !important;
  width: 280px !important;
  height: auto !important;
  margin-bottom: 2rem;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* Títulos dentro do hero-unit */
.hero-unit h1,
.hero-unit h2,
.hero-unit h3 {
  color: #ffffff !important;
}

/* Labels dentro do hero-unit */
.hero-unit label {
  color: rgba(255, 255, 255, 0.9) !important;
}

/* Textos dentro do hero-unit */
.hero-unit p,
.hero-unit span {
  color: rgba(255, 255, 255, 0.85) !important;
}

/* Links dentro do hero-unit */
.hero-unit a {
  color: #5fb889 !important;
}

.hero-unit a:hover {
  color: #7dd4a6 !important;
}

/* Inputs dentro do hero-unit */
.hero-unit input[type="text"],
.hero-unit input[type="email"],
.hero-unit input[type="password"] {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  color: #ffffff !important;
  border-radius: 9px !important;
}

.hero-unit input::placeholder {
  color: rgba(255, 255, 255, 0.5) !important;
}

.hero-unit input:focus {
  border-color: #5fb889 !important;
  box-shadow: 0 0 0 3px rgba(95, 184, 137, 0.25) !important;
}

/* Botão submit dentro do hero-unit */
.hero-unit button[type="submit"] {
  background-color: #5fb889 !important;
  border: 2px solid #5fb889 !important;
  color: #ffffff !important;
  border-radius: 9px !important;
}

.hero-unit button[type="submit"]:hover {
  background-color: #4ea978 !important;
  border-color: #4ea978 !important;
}

/* Checkbox dentro do hero-unit */
.hero-unit input[type="checkbox"] {
  accent-color: #5fb889;
}

.hero-unit .checkbox label {
  color: rgba(255, 255, 255, 0.8) !important;
}

/* Alertas dentro do hero-unit */
.hero-unit .alert,
.hero-unit .alert-danger {
  background-color: rgba(207, 46, 46, 0.2) !important;
  border: 1px solid rgba(207, 46, 46, 0.5) !important;
  color: #ff8a8a !important;
}