/* ════════════════════════════════════════════════════════════
   APA · login-theme.css  (carregar POR ÚLTIMO no index.html)
   Tema do login de 2 colunas (Login APA.dc.html). Esconde o login
   original e fornece keyframes + pseudo-classes + overrides que
   vencem mips-ui.css/mips-colors.css (que usam !important).
   Nada de JS aqui (CSP). O DOM novo é montado por login-enhance.js.
   ════════════════════════════════════════════════════════════ */

/* esconde o login original (login-enhance.js reverte isto via inline em caso de erro) */
#mips-login-screen .login-shell { display: none; }
#mips-login-screen { display: block; padding: 0; }

/* keyframes do design */
@keyframes apaFloat  { 0%,100%{ transform:translateY(0) } 50%{ transform:translateY(-18px) } }
@keyframes apaFloat2 { 0%,100%{ transform:translateY(0) } 50%{ transform:translateY(22px) } }
@keyframes apaCard   { from{ opacity:0; transform:translateY(26px) scale(.985) } to{ opacity:1; transform:translateY(0) scale(1) } }
@keyframes apaRise   { from{ opacity:0; transform:translateY(16px) } to{ opacity:1; transform:translateY(0) } }
@keyframes apaPan    { 0%,100%{ transform:scale(1.04) translate(0,0) } 50%{ transform:scale(1.12) translate(-2%,-2%) } }
@keyframes apaSheen  { 0%{ left:-60% } 55%,100%{ left:140% } }
@keyframes apaAurora { 0%{ transform:translate(-22%,12%) } 50%{ transform:translate(28%,-16%) } 100%{ transform:translate(-22%,12%) } }
@keyframes apaTick   { from{ opacity:0; transform:translateY(12px) } to{ opacity:1; transform:translateY(0) } }
@keyframes apaGrid   { from{ background-position:0 0, 0 0 } to{ background-position:46px 46px, 46px 46px } }
@keyframes apaSpeck  { 0%{ transform:translateY(0) translateX(0); opacity:0 } 12%{ opacity:.7 } 88%{ opacity:.7 } 100%{ transform:translateY(-130px) translateX(24px); opacity:0 } }
@keyframes apaShake  { 0%,100%{ transform:translateX(0) } 20%,60%{ transform:translateX(-6px) } 40%,80%{ transform:translateX(6px) } }

#apa-login-root .apa-rise { opacity:0; animation:apaRise .65s cubic-bezier(.16,1,.3,1) forwards; }

/* inputs do novo design — precisa vencer o "#mips-login-screen input { ... !important }" do mips-colors */
#mips-login-screen input.apa-input {
  background: rgba(255,255,255,0.65) !important;
  border: 1.5px solid rgba(190,196,162,0.75) !important;
  color: #04332e !important;
  border-radius: 13px !important;
  font-family: 'DM Sans','Segoe UI',sans-serif !important;
  box-shadow: none !important;
}
#mips-login-screen input.apa-input::placeholder { color:#9aa384 !important; opacity:1 !important; }
#mips-login-screen input.apa-input:focus {
  border-color:#0c6056 !important;
  background:rgba(255,255,255,0.92) !important;
  box-shadow:0 0 0 4px rgba(10,90,82,0.16) !important;
  outline:none !important;
}
#apa-login-root .apa-eye:hover { color:#0c6056; }
#apa-login-root .apa-forgot:hover { color:#00403b; }
#apa-login-root .apa-submit:hover { transform:translateY(-1px); box-shadow:0 16px 32px -8px rgba(0,64,59,0.7); filter:brightness(1.06); }
#apa-login-root .apa-submit:active { transform:translateY(0); box-shadow:0 6px 14px -6px rgba(0,64,59,0.6); }