/**
 * Fusion Facelift nstech — Login overrides 
 * Carregar depois de assets/css/styles.css. Não apaga CSS legado.
 */

:root {
  --Orange-500-Main: #FF3D03;
  --Gray-100: #FFFFFF;
  --Gray-200: #F8F9FA;
  --Gray-300: #E9ECEF;
  --Gray-label: #5F7676;
}

body.focused-form {
  background: var(--Gray-100) !important;
}

#login-form .panel.panel-default,
#login-form .panel {
  background: var(--Gray-300) !important;
  border: 1px solid var(--Gray-300) !important;
  border-radius: 3px !important;
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.02) !important;
}

#login-form .panel-body {
  background: var(--Gray-100) !important;
  border-radius: 3px !important;
  padding: 20px 20px 0 !important;
}

#login-form #msg {
  font-family: 'Source Sans Pro', sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  color: var(--Gray-label) !important;
}

#login-form .input-group-addon {
  background: var(--Gray-200) !important;
  border: 1px solid var(--Gray-300) !important;
  border-right: 0 !important;
  border-radius: 3px 0 0 3px !important;
  color: var(--Gray-label) !important;
}

#login-form .input-group-addon .fa {
  color: var(--Gray-label) !important;
}

#login-form #user_login,
#login-form #exampleInputPassword1,
#login-form .form-control {
  background: var(--Gray-200) !important;
  border: 1px solid var(--Gray-300) !important;
  border-radius: 0 3px 3px 0 !important;
  box-shadow: inset 0px 1px 0px 1px rgba(0, 0, 0, 0.01) !important;
  color: var(--Gray-label) !important;
  font-family: 'Source Sans Pro', sans-serif !important;
  font-size: 14px !important;
  height: 34px !important;
}

#login-form .panel-footer {
  background: var(--Gray-200) !important;
  border-top: 1px solid var(--Gray-300) !important;
  border-radius: 0 0 3px 3px !important;
  padding: 20px !important;
}

#login-form .btn-default {
  background: var(--Gray-100) !important;
  border: 1px solid var(--Gray-300) !important;
  border-radius: 3px !important;
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.04) !important;
  color: var(--Gray-label) !important;
  font-family: 'Source Sans Pro', sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}

#login-form .btn-default:hover,
#login-form .btn-default:focus {
  background: var(--Gray-200) !important;
  border-color: var(--Gray-300) !important;
  color: var(--Gray-label) !important;
}

#login-form .btn-primary,
#login-form a.btn-primary {
  background: var(--Orange-500-Main) !important;
  border: 1px solid var(--Orange-500-Main) !important;
  border-radius: 3px !important;
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.04) !important;
  color: #FFFFFF !important;
  font-family: 'Source Sans Pro', sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}

#login-form .btn-primary:hover,
#login-form .btn-primary:focus,
#login-form a.btn-primary:hover,
#login-form a.btn-primary:focus {
  background: #E63600 !important;
  border-color: #E63600 !important;
  color: #FFFFFF !important;
}

#login-form .btn-default,
#login-form a.btn-default {
  color: var(--Gray-label) !important;
}

#login-form .panel-footer center,
#login-form .panel-footer {
  font-family: 'Source Sans Pro', sans-serif !important;
  font-size: 14px !important;
  color: var(--Gray-label) !important;
}

/* Só o link "aqui." — não os botões Voltar/Entrar */
#login-form .panel-footer a:not(.btn) {
  color: var(--Orange-500-Main) !important;
  text-decoration: none !important;
}

#login-form .panel-footer a:not(.btn):hover {
  color: #E63600 !important;
  text-decoration: underline !important;
}

#login-form .btn-circle {
  background: var(--Gray-300) !important;
  border-radius: 15px !important;
}