/* =========================================
   LOGIN PAGE POLISH
   ========================================= */

/* 1. Background: Add a professional grey/green gradient */
body.login {
  background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%) !important;
  height: 100vh;
}

/* 2. The Login Card: Add Depth and Rounding */
body.login .login-form {
  background: #ffffff !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1) !important;
  padding: 40px !important;
  border-top: 5px solid #01A347 !important; /* Brand Green Top Accent */
  max-width: 400px !important;
  margin: 0 auto;
}

/* 3. The Login Button: Make it Brand Green */
body.login button.button.primary {
  background-color: #01A347 !important;
  border-color: #01A347 !important;
  border-radius: 6px !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  transition: all 0.3s ease;
}

body.login button.button.primary:hover {
  background-color: #013C1A !important; /* Darker green on hover */
  transform: translateY(-1px);
}

/* 4. Hide "Powered by Listmonk" (Optional) */
body.login .footer {
  opacity: 0.4;
  font-size: 11px;
}