/* Padrao V3 para telas publicas de acesso. */
body.gm-auth-v3 {
  --auth-red: #e3062c;
  --auth-red-dark: #a70726;
  --auth-ink: var(--text);
  --auth-muted: var(--text-soft);
  min-height: 100vh;
  margin: 0;
  color: var(--auth-ink);
  background:
    radial-gradient(circle at 12% 10%, rgba(227,6,44,.16), transparent 24rem),
    radial-gradient(circle at 90% 6%, rgba(255,255,255,.88), transparent 20rem),
    linear-gradient(135deg, var(--bg) 0%, var(--card-soft) 48%, var(--bg) 100%);
}

body.gm-auth-v3::before {
  content: "GM TECH RH";
  position: fixed;
  left: 28px;
  top: 22px;
  z-index: 0;
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 14px;
  border-radius: 14px;
  color: #fff;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .12em;
  background: linear-gradient(135deg, #071327, #152238);
  box-shadow: 0 16px 30px rgba(5,18,41,.16);
}

body.gm-auth-v3 .login-card,
body.gm-auth-v3 .card,
body.gm-auth-v3 .box,
body.gm-auth-v3 main,
body.gm-auth-v3 form {
  border: 1px solid rgba(188, 201, 218, .86) !important;
  border-radius: 18px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.98), rgba(248,251,255,.94)),
    radial-gradient(circle at 100% 0, rgba(227, 6, 44, .10), transparent 18rem) !important;
  box-shadow: 0 24px 60px rgba(5,18,41,.16) !important;
}

body.gm-auth-v3 h1,
body.gm-auth-v3 h2 {
  color: var(--auth-ink);
  letter-spacing: -1.25px;
}

body.gm-auth-v3 p,
body.gm-auth-v3 small {
  color: var(--auth-muted);
}

body.gm-auth-v3 input,
body.gm-auth-v3 select,
body.gm-auth-v3 textarea {
  border: 1px solid var(--border) !important;
  border-radius: 11px !important;
  background: linear-gradient(180deg, var(--card), var(--card-soft)) !important;
}

body.gm-auth-v3 input:focus,
body.gm-auth-v3 select:focus,
body.gm-auth-v3 textarea:focus {
  border-color: rgba(227,6,44,.55) !important;
  box-shadow: 0 0 0 4px rgba(227,6,44,.09) !important;
  outline: none;
}

body.gm-auth-v3 button,
body.gm-auth-v3 .btn,
body.gm-auth-v3 a.btn {
  min-height: 34px;
  border-radius: 11px !important;
  font-size: 12.4px;
  font-weight: 850;
}

body.gm-auth-v3 button[type="submit"],
body.gm-auth-v3 .btn-primary,
body.gm-auth-v3 .primary {
  border-color: rgba(227,6,44,.38) !important;
  background: linear-gradient(180deg, var(--auth-red), var(--auth-red-dark)) !important;
  color: #fff !important;
  box-shadow: 0 12px 22px rgba(227,6,44,.20) !important;
}

body.gm-auth-v3 a {
  color: var(--auth-red-dark);
  font-weight: 850;
}

@media (max-width: 720px) {
  body.gm-auth-v3::before {
    left: 14px;
    top: 12px;
  }
}