/* GO TIS Mail - Custom Branding */

#layout-content.no-navbar {
  background: linear-gradient(135deg, #1e3d52 0%, #2a5a75 50%, #4a8dae 100%) !important;
  min-height: 100vh !important;
  height: 100vh !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 20px !important;
  margin: 0 !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  overflow: auto !important;
}

#logo {
  width: 400px !important;
  max-width: 90vw !important;
  height: auto !important;
  margin: 0 auto 25px !important;
  display: block !important;
  filter: drop-shadow(0 4px 12px rgba(0,0,0,0.3));
  flex-shrink: 0 !important;
}

#login-form {
  background: rgba(255, 255, 255, 0.07) !important;
  backdrop-filter: blur(15px) !important;
  -webkit-backdrop-filter: blur(15px) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 16px !important;
  padding: 35px 30px !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25) !important;
  max-width: 400px !important;
  width: 90% !important;
  margin: 0 auto !important;
  flex-shrink: 0 !important;
}

#login-form .form-group,
#login-form .input-group {
  margin-bottom: 15px !important;
}

#login-form .form-control,
#login-form input[type='text'],
#login-form input[type='password'] {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  color: #fff !important;
  border-radius: 8px !important;
  padding: 12px 15px !important;
  font-size: 14px !important;
}

#login-form .form-control:focus,
#login-form input:focus {
  border-color: #5b9fc4 !important;
  box-shadow: 0 0 0 3px rgba(91, 159, 196, 0.2) !important;
  background: rgba(255, 255, 255, 0.12) !important;
}

#login-form .form-control::placeholder,
#login-form input::placeholder {
  color: rgba(255, 255, 255, 0.5) !important;
}

#login-form label {
  color: rgba(255, 255, 255, 0.85) !important;
  font-weight: 500 !important;
  font-size: 13px !important;
}

#login-form .input-group-text {
  background: transparent !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  color: #5b9fc4 !important;
}

#login-form .submit,
#login-form #rcmloginsubmit,
#login-form button[type='submit'],
#login-form input[type='submit'],
#login-form .button.submit {
  background: linear-gradient(135deg, #4a8dae, #5b9fc4) !important;
  border: none !important;
  color: #fff !important;
  border-radius: 8px !important;
  padding: 12px 20px !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  width: 100% !important;
  display: block !important;
  margin-top: 10px !important;
  transition: all 0.3s !important;
}

#login-form .submit:hover,
#login-form #rcmloginsubmit:hover,
#login-form button[type='submit']:hover,
#login-form input[type='submit']:hover {
  background: linear-gradient(135deg, #5b9fc4, #4a8dae) !important;
  box-shadow: 0 5px 20px rgba(74, 141, 174, 0.4) !important;
}

#login-footer {
  color: rgba(255, 255, 255, 0.5) !important;
  font-size: 12px !important;
  margin-top: 20px !important;
  text-align: center !important;
}

#login-footer a { color: #5b9fc4 !important; }

html, body { background: #1e3d52 !important; }