/* ─── Login — overrides sobre style.css ───────────────────────── */

.ZOOP-MISSO-SNIPER { min-height: 1650px; }

.ZOOP-MISSO-SNIPER .header  { height: 120px; overflow: visible; }
.ZOOP-MISSO-SNIPER .welcome { height: 120px; overflow: visible; }

/* Nenhum link de menu ativo */
.ZOOP-MISSO-SNIPER .text-wrapper-20,
.ZOOP-MISSO-SNIPER .text-wrapper-21,
.ZOOP-MISSO-SNIPER .text-wrapper-22,
.ZOOP-MISSO-SNIPER .text-wrapper-23,
.ZOOP-MISSO-SNIPER .text-wrapper-24 { color: var(--white-62); }

.ZOOP-MISSO-SNIPER .footer               { top: 1355px; }
.ZOOP-MISSO-SNIPER .links-column-wrapper { top: 1377px; }

/* ─── Decorativos ────────────────────────────────────────────── */
.fc-deco-left {
  position: absolute;
  top: 243px; left: 0;
  width: 198px; height: 346px;
  max-width: none;
  pointer-events: none;
}

.fc-deco-right {
  position: absolute;
  top: 944px; left: 1659px;
  width: 261px; height: 554px;
  max-width: none;
  pointer-events: none;
}

/* ─── Logo esquerda ──────────────────────────────────────────── */
.fc-logo {
  position: absolute;
  top: 346px; left: 182px;
  width: 778px; height: 778px;
  object-fit: cover;
  max-width: none;
  pointer-events: none;
}

/* ─── Formulário ─────────────────────────────────────────────── */
.login-form {
  position: absolute;
  top: 0; left: 0;
  width: 1920px; height: 1355px;
  pointer-events: none;
}

.login-form * { pointer-events: auto; }

.login-subtitle {
  position: absolute;
  top: 465px; left: 1178px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #c0c0c0;
  white-space: nowrap;
  line-height: normal;
}

.login-title {
  position: absolute;
  top: 499px; left: 1178px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 44px;
  color: var(--white);
  white-space: nowrap;
  line-height: normal;
}

/* ─── Fields ─────────────────────────────────────────────────── */
.login-field {
  position: absolute;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.login-field-email { top: 586px; left: 1178px; }
.login-field-senha { top: 689px; left: 1178px; }

.login-label {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: var(--white);
  line-height: normal;
}

.login-input {
  all: unset;
  pointer-events: auto;
  box-sizing: border-box;
  width: 432px;
  padding: 17px 16px;
  background: rgba(27, 23, 23, 0.3);
  border-radius: 20px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #c0c0c0;
  letter-spacing: 0.28px;
  line-height: 18px;
}

.login-input-senha { background: rgba(0, 0, 0, 0.25); }

.login-input::placeholder { color: #c0c0c0; }

/* ─── Esqueci minha senha ─────────────────────────────────────── */
.login-forgot {
  all: unset;
  pointer-events: auto;
  box-sizing: border-box;
  position: absolute;
  top: 785px; left: 1456px;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.56);
  white-space: nowrap;
  cursor: pointer;
  line-height: normal;
}

/* ─── Botão Login ─────────────────────────────────────────────── */
.login-btn-primary {
  all: unset;
  pointer-events: auto;
  box-sizing: border-box;
  position: absolute;
  top: 827px; left: 1178px;
  width: 432px;
  padding: 20px 0;
  background: var(--gradient-btn);
  border-radius: 16px;
  cursor: pointer;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-size: 16px;
  color: var(--white);
  text-align: center;
  white-space: nowrap;
  line-height: normal;
}

/* ─── Divisor ─────────────────────────────────────────────────── */
.login-or {
  position: absolute;
  top: 907px; left: 1178px;
  width: 432px;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: var(--white);
  text-align: center;
  white-space: nowrap;
  line-height: normal;
}

/* ─── Botão Google ────────────────────────────────────────────── */
.login-btn-google {
  all: unset;
  box-sizing: border-box;
  position: absolute;
  top: 944px; left: 1178px;
  width: 432px;
  padding: 14px 0;
  border: 1px solid var(--white);
  border-radius: 16px;
  cursor: pointer;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: var(--white);
  text-align: center;
  letter-spacing: 0.28px;
  line-height: 24px;
  white-space: nowrap;
}

/* ─── Cadastro ────────────────────────────────────────────────── */
.login-register {
  position: absolute;
  top: 1044px; left: 1178px;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: var(--white);
  white-space: nowrap;
  line-height: normal;
}

.login-register span { color: rgba(255, 255, 255, 0.55); }

/* ─── Toast ───────────────────────────────────────────────────── */
.toast {
  position: fixed;
  bottom: 32px; left: 50%;
  transform: translateX(-50%) translateY(80px);
  opacity: 0;
  padding: 14px 28px;
  background: #1a1a1a;
  border: 1px solid rgba(255,255,255,0.15);
  border-radius: 12px;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  color: var(--white);
  transition: transform .3s, opacity .3s;
  z-index: 99;
  pointer-events: none;
}
.toast.show { transform: translateX(-50%) translateY(0); opacity: 1; }
.toast.ok   { border-color: #22c55e; color: #86efac; }
.toast.err  { border-color: #ef4444; color: #fca5a5; }