/* =====================================================================
   eflow — paginas web (login, recuperar palavra-passe, portal)
   Fundo industrial da marca + cartao claro, como o login do eflow Espo.
   ===================================================================== */
:root,
[data-theme="light"] {
  --eflow-blue: #2980b9;
  --eflow-blue-hover: #2471a3;
  --eflow-navy: #061a2b;
  --primary: var(--eflow-blue);
  --btn-primary: var(--eflow-blue);
}

body {
  background:
    linear-gradient(rgba(6, 26, 43, .55), rgba(6, 26, 43, .80)),
    url("/assets/eflow/images/login-bg.png") center / cover no-repeat fixed,
    var(--eflow-navy) !important;
  min-height: 100vh;
}
.navbar, .web-footer { display: none !important; }
#page-login .page-content-wrapper { min-height: 100vh; display: flex; align-items: center; justify-content: center; }
#page-login main.container { max-width: 440px; }

#page-login .page-card,
.for-login .login-content,
.for-forgot .login-content,
.for-email-login .login-content {
  background: rgba(255, 255, 255, .97) !important;
  border: 1px solid rgba(255, 255, 255, .35) !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 50px rgba(0, 0, 0, .45) !important;
  padding: 32px 32px 28px !important;
  backdrop-filter: blur(6px);
}
.page-card .app-logo, .login-content .app-logo { height: 54px; width: auto; margin-bottom: 4px; }
.page-card h4 { color: #061a2b; font-weight: 700; letter-spacing: -.01em; }

.es-button[data-variant="solid"], .btn-primary {
  background: var(--eflow-blue) !important; border-color: var(--eflow-blue) !important; color: #fff !important; border-radius: 8px;
}
.es-button[data-variant="solid"]:hover, .btn-primary:hover { background: var(--eflow-blue-hover) !important; }
.form-control:focus { border-color: var(--eflow-blue) !important; box-shadow: 0 0 0 3px rgba(41, 128, 185, .22) !important; }
.page-card a { color: var(--eflow-blue); }