/*
 * Ecrã de login — mesmo estilo da app (FAP, cores suaves, design moderno)
 */

/* Fonte e fundo */
.login-page {
  background: #f0f2f5 !important;
  font-family: 'Open Sans', 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* Caixa do login */
.login-page .login-box {
  margin: 8% auto;
}

.login-page .login-box-body {
  background: #fff;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
  padding: 28px 24px;
  color: #374151;
}

/* Logo / título */
.login-page .login-logo {
  margin-bottom: 20px;
}

.login-page .login-logo a {
  color: #6b1f1b;
  font-weight: 700;
  font-size: 28px;
  letter-spacing: -0.02em;
}

.login-page .login-logo a:hover {
  color: #a82a27;
}

/* Imagem CA-FAP */
.login-page .form-title img {
  max-height: 60px;
  width: auto;
}

/* Inputs */
.login-page .login-box-body .form-control {
  border-radius: 8px;
  border-color: #e0e4e8;
  height: 42px;
  padding-left: 38px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.login-page .login-box-body .form-control:focus {
  border-color: #a82a27;
  box-shadow: 0 0 0 3px rgba(168, 42, 39, 0.12);
}

.login-page .login-box-body .form-control-feedback {
  color: #94a3b0;
  height: 42px;
  line-height: 42px;
}

/* Botão Login */
.login-page .btn-primary {
  background-color: #a82a27;
  border-color: #8f231f;
  border-radius: 8px;
  font-weight: 600;
  padding: 10px 16px;
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.login-page .btn-primary:hover,
.login-page .btn-primary:focus {
  background-color: #8f231f;
  border-color: #761c19;
  box-shadow: 0 4px 12px rgba(168, 42, 39, 0.25);
}

/* Checkbox "Manter sessão" */
.login-page .checkbox label {
  font-weight: 500;
  color: #4b5563;
}

/* Links */
.login-page .login-box-body a {
  color: #a82a27;
  font-weight: 500;
}

.login-page .login-box-body a:hover {
  color: #6b1f1b;
  text-decoration: underline;
}

/* Alerts (erro / bloqueado) */
.login-page .alert {
  border-radius: 8px;
  border: 1px solid transparent;
}

.login-page .alert-danger {
  background-color: #fef2f2;
  border-color: #fecaca;
  color: #c53030;
}

.login-page .alert-warning {
  background-color: #fffbeb;
  border-color: #fde68a;
  color: #b45309;
}

.login-page .alert-success {
  background-color: #f0fdf4;
  border-color: #bbf7d0;
  color: #166534;
}

/* Modal recuperação password */
.login-page .modal-content {
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12);
}

.login-page .modal-header {
  border-bottom-color: #e5e7eb;
}

.login-page .modal-footer {
  border-top-color: #e5e7eb;
}

.login-page .modal .btn-primary {
  background-color: #a82a27;
  border-color: #8f231f;
}

.login-page .modal .btn-primary:hover {
  background-color: #8f231f;
}

.login-page .modal .form-control {
  border-radius: 8px;
  border-color: #e0e4e8;
}

/* iCheck: alinhar ao tema (quadrado mais suave) */
.login-page .icheckbox_square-grey {
  margin-right: 6px;
}